Как сделать иконку вкусного картофеля фри - Photoshop Tutorial
Добро пожаловать на занятия по выпечке и кулинарному искусству Hongkiat! Сегодня мы собираемся научить вас, как вручную сделать визуально вкусную иконку с картофелем фри, используя только Photoshop!
Да, вы будете учиться создавать вкусные иконки с картофелем фри, в основном с созданием фигур и стайлингом слоя, приветствуется начинающий пекарь! Этот урок, безусловно, сделает вас полным.
Начиная
Чтобы следовать этому уроку, вам понадобится следующий ресурс:
- Font Ballpark Weiner от Микки Росси
- Font Recycle-It от Бартек Новак
Картофель фри Иконка
Шаг 1: Нарисуй картошку
Активируйте инструмент пера. Нарисуйте основную форму картофеля и установите его цвет # e1cc7a. Обратите внимание, что мы не используем инструмент прямоугольник, вместо этого мы используем инструмент пера, чтобы получить естественный вид.
На панели «Слои» дважды щелкните слой, чтобы открыть диалоговое окно «Стиль слоя». Добавьте следующие Inner Shadow и Gradient Overlay.
Вот результат.
Шаг 2
Нарисуй картофельную сторону.
Добавить следующие стили слоя.
Это результат.
Шаг 3
Наконец, нарисуйте его верхнюю часть.
Добавить следующие стили слоя.
У нас один картофель фри сейчас.
Шаг 4
Поместите все слои в группу. Повторите эти процессы, чтобы привлечь больше картофеля.
Шаг 5: Ведро
Нарисуйте красную форму многоугольника. Вдобавок к этому, добавьте эллиптический путь и установите его режим на Вычитание.
Шаг 6
Нарисуйте полосы с цветом # a60101 и # ff0302.
Шаг 7
Поместите полосы сверху ведра. Преобразуйте его в Clipping Mask, нажав Ctrl + Alt + G. Выполните преобразование (Ctrl + T), а затем Ctrl-перетаскивайте его угол, пока полосы не будут соответствовать перспективе ковша.
Уменьшить непрозрачность до 40%.
Шаг 8
Сделайте новый слой поверх ведра. Нарисуйте черное пятно на нижней части ведра. Преобразовать слой в обтравочную маску (Ctrl + Alt + G).
Шаг 9
Повторите предыдущий процесс для верхней части ведра.
Шаг 10
Удерживая клавишу Ctrl, щелкните передний слой ковша, чтобы сделать новый выбор на основе его формы. Создайте новый слой и залейте его черным. Добавьте шум, используя фильтр, Фильтр> Шум> Добавить шум.
Измените режим наложения слоя на Screen и уменьшите его непрозрачность до 70%..
Шаг 11
Дублируйте форму слоя переднего ковша и поместите его выше всех слоев. Уменьшить его заполнение до 0%.
Добавить Inner Shadow с этим параметром.
Вот результат.
Шаг 12
Давайте нарисуем горизонтальную полосу на ведре. Дубликат пути формы слоя переднего ковша. Выберите оба пути и нажмите «Объединить». Оба пути будут объединены в один путь.
Шаг 13
Нажмите значок «Добавить корректирующий слой» и выберите «Сплошной цвет», чтобы преобразовать контур в форму слоя. Выберите # fedd19 для его цвета. Дублируйте путь и переместите его на несколько пикселей вниз. Установите его режим вычитать. Теперь у вас должна быть желтая горизонтальная полоса на ведре.
Добавить наложение градиента и внутреннее свечение.
Вот наш результат.
Шаг 14
Нарисуйте красный многоугольник для левой стороны ведра.
Дважды щелкните слой и добавьте Inner Shadow.
Шаг 15
Удерживая клавишу Ctrl, щелкните форму ковша. Создайте новый слой и залейте его черным.
Шаг 16
Нажмите Фильтр> Шум> Добавить шум.
Установите режим смешивания на Screen и уменьшите его непрозрачность до 60%..
Шаг 17
Нарисуйте желтую горизонтальную полосу на стороне ковша..
Добавьте Gradient Overlay и Inner Glow. Используемая здесь настройка аналогична горизонтальной полосе на передней поверхности ковша (шаг 13)..
Вот результат.
Шаг 18
Используйте ту же технику, чтобы нарисовать больше полос на нижней части ведра.
Шаг 19
Давайте нарисуем подсветку на ведре. Нарисуйте белый прямоугольник в нижней части ведра и уменьшите его непрозрачность до 43%. На панели «Слои» нажмите значок «Добавить маску» и закрасьте оба конца черным.
Шаг 20
Повторите это, чтобы шаг, чтобы нарисовать другой основной момент.
Шаг 21
Нарисуйте толщину ведра. Используйте красный для его цвета.
Добавить градиент наложения.
Шаг 22
Далее нарисуйте обратную сторону ведра. Мы можем просто дублировать переднюю сторону ковша и переместить его под все слои. На этот раз установите оба режима пути на Добавить в форму.
Добавить следующие стили слоя.
Это результат.
Шаг 23
Нарисуйте другую сторону ведра.
Добавить следующие стили слоя.
Шаг 24: Добавьте картофель
Alt-drag образец картофеля, который мы создали ранее. Положите их в ведро. Расположите их в естественном положении.
Шаг 25
Сделать черную тень между картошкой и ведром. Нарисуйте черный, чтобы добавить тень ведра на картофель. Уменьшите непрозрачность до 12%.
Шаг 26
Создайте новый слой и индивидуально нарисуйте тень на каждом картофеле. Эта тонкая тень добавит глубину позиции картофеля.
Ниже вы можете увидеть gif анимацию, показывающую до и после добавления тонкой тени на каждую картошку.
Шаг 27: добавь больше основных моментов на ведро
Давайте добавим некоторые основные моменты на ведро. Нарисуйте белый прямоугольник на стороне передней обложки и уменьшите непрозрачность до 30%. Нажмите значок «Добавить слой маски» и закрасьте оба края черным.
Шаг 28
Нарисуйте больше подсветки на его других сторонах.
Шаг 29: Логотип
Нарисуйте эллипс на передней поверхности ведра с цветом: # fcbe15.
Дважды щелкните слой и добавьте Drop Shadow.
Ниже результат тонкой капли на эллипс.
Шаг 30
Добавить текст «Нк в» поверх эллипса, используя шрифт Ballpark Weiner. Нажмите Ctrl + T, чтобы выполнить преобразование. Удерживайте Ctrl и перетащите его сторону, чтобы перекосить текст.
Шаг 31
Добавьте следующие стили слоя на текстовый логотип.
Ниже приведен результат.
Шаг 32
Вы можете добавить еще кое-что на ведро. Вы также можете добавить значок корзины используя символ из бесплатного шрифта Recycle It.
Шаг 33: Фон
Активировать инструмент градиента. Нарисуйте радиальный градиент от # f3f3f2 до # f4f5c9.
Шаг 34: Тень
Используйте мягкую и маленькую кисть, чтобы нарисовать тень под ведром.
Шаг 35
Дублируйте теневой слой, нажав Ctrl + J. Нажмите Filter> Blur> Gaussian Blur, чтобы смягчить его. Вы можете уменьшить его непрозрачность, если тень становится слишком темной.
Финальный результат + Скачать
Наконец, это наша иконка с картофелем фри. Я надеюсь, вам понравится этот урок. И помните, что не ешьте слишком много картофеля фри, это просто не здорово! :)
Нажмите здесь, чтобы загрузить окончательный PSD.
(Этот урок был сделан в сотрудничестве с Сярипом Юнусом.)
