як би ви відтворили спотворений / шумовий ефект, який Google використовує у своїх нових ілюстраціях дизайну матеріалів?


9

Ілюстрація з програми вхідних служб Google

Я намагався з пензлями, але це просто не наближається до цього. Хтось зміг досягти цього ефекту? як ти це зробив?

Я використовую Photoshop cs6


Яке програмне забезпечення ви використовуєте ?? "CS6" не дуже описовий, оскільки існує більше 20 додатків "CS6".
Скотт

Мені шкода. Я використовую Photoshop
Марсу

Відповіді:


2

Дотримуйтесь цього! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Нарешті гарний метод, і це гуглером!


3
Вітаю, Осама Асиф C Infinitum, чи не могли б ви пояснити трохи більше, що ми знайдемо за наданим вами посиланням і чому він відповідає на це питання? Таким чином, ваша відповідь все ще має значення, якщо посилання розірветься згодом. Гниль посилань - основна причина, по якій ми дійсно не любимо відповіді лише на посилання. Дякуємо за ваші зусилля та продовжуйте робити свій внесок!
Кай

9

Нижче зроблено в Illustrator, але це можна зробити у Photoshop.

Спочатку створіть свій об’єкт. Для демонстрації я використовую лінійний градієнт. Ви можете возитися з градієнтною сіткою для більш складних форм. Я встановив праву сторону, щоб мати колір, а ліву - 0% непрозорість.

варіанти

Виберіть свій градієнт та перейдіть до Ефект - Текстура - Зерно

ефект

Заплутатися з варіантами. Залежно від кольору вам доведеться змінити режим накладання.

Внизу режим змішування було багаторазово

зерновий фінал

Інші способи: це можна зробити за допомогою пензликової кисті та шарових масок.


2
Приємно! Я сам це задумався. Ніколи не знали, що текстура зерна існувала.
Райан

Там може плисти посібник зі стилів. Це має бути дуже важко контролювати в ілюстраціях та кількох ілюстраторах без задокументованого попереднього налаштування.
Йорік

Ну, ви можете перетворити це на дію, інакше вони вже можуть бути зроблені. Можливо, можуть бути плагіни, які спростять процес.
АндрійГ

Як щодо GIMP Photoshop не безкоштовний
Suici Doga,

@suicidoga моя відповідь та кроки також працюють для GIMP, єдиною різницею буде те, де є параметри меню. Але це легко можна знайти в довідкових файлах GIMP в Інтернеті.
AndrewH

1

Раніше я розміщував посилання на 4 різні методики створення цих ефектів так само, як Google, у статті дизайнера Google. Але найбільше стосується цього питання:

  1. Створіть суцільну форму (форми), якій ви хочете додати відтінки та яскраві моменти (у нашому випадку - помаранчевий). Зафіксуйте шар.
  2. Додайте два шари вище першого. Позначте один множте, а інший накладіть .
  3. У шарі Множення створіть еліпс (коло) такого ж розміру, як оранжевий з лінійною градієнтною заливкою. Градієнтна заливка повинна переходити від білого (#ffffff) до чорного (# 000000). Також регулюйте кут градієнта за своїм бажанням. У нашому випадку джерело світла надходить зліва вгорі, тому наш відтінок повинен бути протилежним світлу в правому нижньому куті об'єкта. Для цього прикладу кут градієнта становить -60º. Нарешті змініть білий колір у градієнті до 0% непрозорості.
  4. Вибравши градієнтний об'єкт, перейдіть до Ефект> Текстура> Зерно . Потім слід побачити модаль із налаштуваннями текстури.
  5. Праворуч від модального вибору виберіть Стипл для типу зерна. Потім відрегулюйте інтенсивність та контрастність для досягнення ефекту текстури, який ви шукаєте. Виберіть ОК .
  6. Якщо шар все ще вибраний, змініть режим Blending на Multiply або Color Burn та зменшіть прозорість до 10–15% .
  7. Вирівняйте об'єкт Множення по твердій формі (помаранчевий у нашому прикладі).
  8. Після того, як ви будете задоволені результатами, заблокуйте рівень множення.
  9. У шарі накладення створіть еліпс з лінійним градієнтом, який переходить від білого до чорного та відрегулюйте кут, щоб білий колір був найближчим до джерела світла. Змініть непрозорість чорного кольору на 0%.
  10. Повторіть кроки 4 та 5.
  11. Якщо об'єкт все ще вибраний, змініть режим Blending на Overlay і зменшіть прозорість на 15–20% .
  12. Вирівняйте шар Overlay над вашим об'єктом і все. Сіль і перець!

Все це для ілюстратора і створює заданий ефект. Все це - витяг з оригінальної статті, а не моя робота.

Джерело: Сіль і перець - мистецтво ілюструвати текстуру

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.