Як зробити смачну французьку фрі значок - Photoshop Підручник
Ласкаво просимо до класу випічки і кулінарного мистецтва Hongkiat! Сьогодні ми навчимо вас, як вручну зробити візуально смачний фрі значок, використовуючи тільки Photoshop!
Так, ви навчитеся створювати смачну іконку з французьким картоплею, в основному з деякими твореннями форми і залученими шарами, починаючи з бейкера! Цей підручник, безумовно, зробить вас повним.
Починаємо
Щоб виконати цей підручник, знадобиться наступний ресурс:
- Шрифт Шрифт Шпалери Вайнера від Міккі Россі
- Шрифт Recycle-It від Бартек Новак
Французька картопля значок
Крок 1: Намалюйте картоплю
Активуйте інструмент пера. Намалюйте основну форму картоплі та встановіть її колір на # e1cc7a. Зверніть увагу, що ми не використовуємо інструмент прямокутника, замість цього використовуємо інструмент "перо", щоб отримати природний вигляд.

У панелі "Шари" двічі клацніть шар, щоб відкрити діалогове вікно "Стиль шару". Додати наступне Inner Shadow і Gradient Overlay.


Ось результат.

Крок 2
Намалюйте сторону картоплі.

Додати наступні стилі шарів.


Це результат.

Крок 3
Нарешті, намалюйте її верхню частину.

Додати наступні стилі шарів.


Ми маємо одну французьку картоплю зараз.

Крок 4
Помістіть всі шари в групу. Повторіть ці процеси, щоб залучити більше картоплі.

Крок 5: Відро
Намалюйте червону форму багатокутника. Поверх нього додайте еліптичний шлях і встановіть його режим для віднімання.

Крок 6
Намалюйте смуги кольором # a60101 та # ff0302.

Крок 7
Помістіть смуги поверх ковша. Перетворити його на відсічну маску, натиснувши комбінацію клавіш Ctrl + Alt + G. Виконайте перетворення (Ctrl + T), а потім Ctrl-перетягніть його кут, поки смуги не збігаються з перспективою відра.

Зменшити непрозорість до 40%.

Етап 8
Зробіть новий шар поверх ковша. Фарбуйте чорну пляму на нижній частині ковша. Перетворити шар на відсічну маску (Ctrl + Alt + G).

Крок 9
Повторіть попередній процес у верхній частині ковша.

Крок 10
Ctrl-клік переднього шару ковша, щоб зробити новий вибір на основі його форми. Зробіть новий шар і заповніть його чорним. Додайте шум за допомогою фільтра, Filter> Noise> Add Noise.

Змінити режим накладання шару на екран і зменшити його непрозорість до 70%.

Крок 11
Дублюйте форму шару переднього ковша і розміщуйте його над усіма шарами. Зменшити заливку до 0%.

Додати внутрішню тінь з цим параметром.

Ось результат.

Крок 12
Давайте намалюємо горизонтальну смугу на ковші. Дубльований шлях форми шару переднього ковша. Виберіть обидва шляхи та натисніть Об'єднати. Обидва шляхи будуть об'єднані в один шлях.

Крок 13
Натисніть кнопку Додати піктограму шару коригування та виберіть Звичайний колір, щоб перетворити шлях у форму шару. Виберіть # fedd19 для його кольору. Дублюйте шлях і перемістіть його на кілька пікселів. Встановіть режим віднімання. Тепер ви повинні мати жовту горизонтальну смугу на ковші.

Додати градієнтне накладання та внутрішнє світіння.


Ось наш результат.

Крок 14
Намалюйте червоний багатокутник для лівого боку ковша.

Двічі клацніть шар і додайте Inner Shadow.

Крок 15
Натисніть клавішу Ctrl і клацніть на формі. Створіть новий шар і заповніть його чорним.

Крок 16
Натисніть Фільтр> Шум> Додати шум.

Встановіть режим накладання на екран і зменшіть його непрозорість до 60%.

Крок 17
Намалюйте жовту горизонтальну смугу на стороні ковша.

Додати градієнтне накладання та внутрішнє світіння. Налаштування, що використовується тут, є таким же, як горизонтальна смуга на передній поверхні ковша (крок 13).


Ось результат.

Крок 18
Використовуйте ту ж техніку, щоб намалювати більше смуг на нижній частині ковша.

Крок 19
Давайте намалюємо виділення на ковші. Намалюйте білий прямокутник на нижній частині ковша і зменшіть його непрозорість до 43%. На панелі "Шари" натисніть Додати піктограму "Маска шару" та намалюйте обидва кінці чорним.

Крок 20
Повторіть цю дію, щоб зробити ще один висвітлення.

Крок 21
Намалюйте товщину ковша. Використовуйте червоний колір для його кольору.

Додати накладання градієнта.

Крок 22
Далі поверніть зворотний бік ковша. Ми можемо просто дублювати передню сторону ковша і переміщати його під всі шари. На цей раз встановіть обидва режими шляху, щоб додати до форми.

Додати наступні стилі шарів.


Це результат.

Крок 23
Намалюйте іншу сторону ковша.

Додати наступні стилі шарів.


Крок 24: Додайте картоплю
Alt-перетягніть зразки картоплі, які ми створили раніше. Помістіть їх у відро. Розташуйте їх у природному положенні.

Крок 25
Зробіть чорну тінь між картоплею та відром. Зафарбуйте чорний колір, щоб додати тінь на картоплю. Зменшити його непрозорість до 12%.

Крок 26
Створіть новий шар і індивідуально намалюйте тінь на кожній картоплі. Ця тонка тінь додасть глибину позиції картоплі.

Нижче ви можете побачити анімацію gif, що показується до і після додавання тонкої тіні на кожній картоплі.

Крок 27: Додати додаткові моменти на ковші
Давайте додамо деякі відблиски на відрі. Намалюйте білу прямокутник на передній стороні кришки і зменшіть її непрозорість до 30%. Натисніть Додати піктограму маски шару і намалюйте обидва краї чорним.

Крок 28
Зафарбовуйте більше інших сторін.

Крок 29: Логотип
Намалюйте еліпс на лицьовій стороні відра з кольором: # fcbe15.

Двічі клацніть шар і додайте Drop Shadow.

Нижче наведено результат тонкої Drop Shadow на еліпс.

Крок 30
Додати текст "Хк" поверх еліпса, використовуючи шрифт, Ballpark Weiner. Натисніть Ctrl + T, щоб виконати перетворення. Утримуйте клавішу Ctrl і перетягніть її для перекосу тексту.

Крок 31
Додайте наступні стилі шарів до текстового логотипу.



Нижче наведено результат.

Крок 32
Можна ще трохи покласти на відро. Ви також можете додати значок переробки, використовуючи символ з вільного шрифту Recycle It.

33
Активуйте інструмент градієнта. Намалюйте радіальний градієнт від # f3f3f2 до # f4f5c9.

Крок 34: Тінь
Використовуйте м'яку і маленьку кисть, щоб намалювати тінь під відром.

Крок 35
Дублюйте тіньовий шар, натиснувши Ctrl + J. Натисніть Filter> Blur> Gaussian Blur, щоб пом'якшити його. Ви можете зменшити її непрозорість, якщо тінь стає занадто темною.

Кінцевий результат + завантаження
Нарешті, це наш фрі значок. Сподіваюся, вам сподобається цей посібник. І не забувайте не їсти занадто багато фрі, це просто не здорово! :)
Натисніть тут, щоб завантажити остаточний PSD.

(Цей посібник було зроблено у співпраці з Сярипом Юнусом.)