Рисуем аппетитный капкейк в Фотошоп

Рисуем аппетитный капкейк в Фотошоп




В этом уроке вы узнаете, как нарисовать вкусный кексик. Работу начнём с эскиза, затем добавим цвет, текстуру и тени. В итоге сделаем рисунок, который будет выглядеть очень аппетитно.

Давайте начнем!

Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

1. Шаг

Создайте новый документ размером 1024×1024 пикселя, с разрешением 72 пикселя/дюйм. Загрузите в программу Photoshop Операцию «Icon Grid 512», активируйте ее на панели Операции (Actions). Операция Icon Grid 512 будет отслеживать область размером 512×512 пикселей, вам нужно создать свой значок кекса там. Как вы знаете, значки имеют стандартные размеры. Для этого урока мы будем использовать такие размеры:

Примечание переводчика: Скачайте и распакуйте файл-экшен (готовая операция) Icon Grid 512. Для этого перейдите в Окна (Window) – Операции (Actions) (Alt+F9), в открывшемся окошке нажмите на значок в правом верхнем углу, и выберите из списка –Загрузить операции (Load Actions), выберите распакованный файл ATN. Теперь, выберите в окне операций папку Psdtuts+ Set — by Mirko Santangelo, откройте ее, выберите Icon Grid 512 и нажмите значок Пуск. В вашем рабочем документе появились четыре направляющих линии, образующие квадрат в центре.

2 Шаг

Поместите эскиз пирожного внутри документа.

3 Шаг

С помощью Инструмента Перо (Pen Tool) (P) начните выделять основные формы кекса. Используйте разные цвета для каждой фигуры. Я изменил некоторые линии контура, чтобы добиться лучшего внешнего вида.

Примечание переводчика:Используя Инструмент Перо (Pen Tool)(P) в режиме Слой Фигура (Shape layers),с цветом переднего плана #c02022 создайте корзинку от пирожного, выбрав Инструмент Угол (ConvertPoint Tool) сделайте углы корзинки более гладкими. На слое, выше фигуры с корзинкой, создайте фигуру сдобного теста, также используя Инструмент Перо (Pen Tool)(P) и цвет #fec689, а на третьем верхнем слое, создайте фигуру крема с цветом #f9f9f1. Пока вы будете работать с нижним слоем с корзинкой, отключите видимость слоев со сдобой и кремом, нажав на значок Глаз, на панели слоев.

4 Шаг

Начнем с корзинки! Добавьте этот стиль слоя в базовый слой.

Примечание переводчика: Щелкните правой кнопкой мышипо слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Наложение градиента (Gradient Overlay), выставите следующие параметры:

  • Режим наложения(Blending Modes) Перекрытие (Overlay)
  • Стиль (style) —Линейный (Linear)
  • Непрозрачность (Opacity) – 40
  • Градиент от черного к белому
  • Поставить галочки:Выровнять по слою (Align with Layer), Дизеринг (Dither)
  • Угол (Angle) –90 градусов
  • Масштаб(Scale) –100%

5 Шаг

Добавьте новый слой: меню – Слои (Layer) – Новый (New) – Слой (Layer), и с помощью Инструмента Кисть (Brush Tool)(B) нарисуйте белое пятно посередине корзинки. Установите режим смешивания слоя на Перекрытие (Overlay) и примените его как обтравочную маску, щелкнув тонкую линию между слоями в панели слоев, зажав клавишу Alt.

Примечание переводчика: автор создает папку База (Base) в которую будет помещать все слои, создающие Корзинку, и отдельные папки для Сдобы и Крема.

6 Шаг

С помощью Инструмента Перо (Pen Tool) (P) нарисуйте темно-красную фигуру, как показано ниже. Затем продублируйте ее 12 раз и сгруппируйте все 12 слоев в один, назовите его Полосочка. (В Photoshop CS6 вы можете объединить фигуры внутри одного векторного слоя, нажав Cmd / Ctrl + E). Наконец, примените Деформацию Арка (Arc Warp), нажав Cmd / Ctrl + T и щелкнув значок Деформации на панели параметров. Поэкспериментируйте с настройками H, V, пока не получите форму, как показано ниже.

Примечание переводчика: Расположите этот слой ниже слоя с белым пятном, и примените его как обтравочную маску, щелкнув тонкую линию между слоями в панели слоев, зажав клавишу Alt.

7 Шаг

Преобразуйте фигуру в Смарт Объект (Smart Object): Фильтр (Filter) — Преобразовать для Смарт фильтра (Convert for Smart Filter). Слегка размойте фигуру: Размытие (Blur) — Размытие по Гауссу (Gaussian Blur) с радиусом 0.2 px. Используйте маску слоя, чтобы скрыть верхнюю и нижнюю части полос (Я отключил видимость слоя с белым пятном, чтобы лучше видеть, что происходит).

Примечание переводчика: для создания маски слоя кликните на значок добавления маски внизу панели слоёв, теперь, активировав окошко маски, прокрасьте мягкой черной кистью полоски сверху и снизу.

8 Шаг

Продублируйте слой Полосочка. Опять перейдите в фильтр размытия Размытие по Гауссу (Gaussian Blur) и измените значение радиуса на 0.5px. Переместите новый слой влево с помощью Инструмента Перемещение (Move Tool) (V), пока не получите результат, как показано ниже.

9 Шаг

Создайте два новых слоя и разместите их под слоями с полосками. С помощью Инструмента Кисть (Brush Tool) (B) нарисуйте светло-красным цветом сверху и снизу корзинки. Установите Непрозрачность (Opacity) слоя до 70%. На втором слое нарисуйте белое пятно в середине корзинки и установите режим наложения слоя Перекрытие (Overlay).

10 Шаг

В качестве следующего шага, добавьте тонкие темные полосы между сгибами с помощью Инструмент Перо (Pen Tool) (P). К слою с тонкими полосками примените фильтр Размытие по Гауссу (Gaussian Blur) и радиусом 0,6 пикселя. Затем примените маску слоя, чтобы скрыть нижнюю часть слоя, попытайтесь добиться плавного перехода.

Примечание переводчика: Используйте Инструмент Перо (Pen Tool)(P) в режиме Контуры, создайте линию — рабочий контур, выберите необходимый цвет (например #290303), выберите мягкую кисть, размером примерно 3 пикселя, снова активируйте Инструмент Перо и щелкните правой кнопкой мыши, из выпадающего меню выберите команду Выполнить обводку контура (Stroke patch), установитережим наложения слоя наУмножение (Multiply).

11 Шаг

Повторите шаг 10, но на этот раз добавьте несколько светло-красных полосок и поместите их в левую часть каждой складки. На этот раз вам не нужно применять фильтр Размытие по Гауссу (Gaussian Blur). Мы сделаем это, чтобы подчеркнуть света и тени. Расположите этот слой ниже слоя с темными линиями.

12 Шаг

Добавьте новый слой ниже слоя с тонкими темными полосками и нарисуйте оранжевый цвет с помощью Кисти (Brush Tool (B)). Установите режим наложения слоя на Мягкий свет (Soft Light).

13 Шаг

Создайте новый слой: главное меню Слои (Layer) – Новый (New) – Слой (Layer), назовите его Искажение, и с помощью инструмента Инструмент Прямоугольник (Rectangle Tool) (U) нарисуйте несколько параллельных прямоугольных фигур и поместите этот слой, ниже слоя Полосочка копия. Затем примените два раза Деформацию Арка (Arc Warp), нажав Cmd / Ctrl + T и щелкнув значок Деформации на панели параметров: в первый раз исказив полосочки в виде ромба, а второй раз еще больше скрутив их. Преобразуйте этот слой в Смарт Объект, щелкнув правой кнопкой мыши по слою, и выбрав команду Преобразоватьвсмартобъект (Smart Object). Слегка размойте слой: Размытие (Blur) – Размытие по Гауссу (Gaussian Blur) с радиусом 0.3 px. Примените слой Искажение как обтравочную маску, щелкнув тонкую линию между слоями в панели слоев, зажав клавишу Alt.

14 Шаг

Последний шаг для корзинки состоит в том, чтобы добавить новый слой сверху, над всеми в группе, в качестве обтравочной маски и нарисовать инструментом Кисть (Brush Tool) (B) оранжевое отражение на дне. Установите режим смешивания слоев на Осветление основы (Color Dodge) и установите Непрозрачность (Opacity) на 60%.

15 Шаг

Пришло время для сдобы! Добавьте новый слой в качестве обтравочной маски на базовый слой сдобы. С помощью мягкой Кисти (Brush Tool) (B) прорисуйте коричневато-желтым цветом по внутреннему краю сдобы (попробуйте опустить настройку непрозрачности кисти). Затем установите режим наложения слоев на Экран (Screen) и Непрозрачность (Opacity) до 80%.

Примечание переводчика: не забудьте, мы создаем все слои к слою сдоба, в папке Сдоба.

16 Шаг

Повторите шаг 15, но на этот раз мы будем рисовать тени. Создайте новый слой, выберите темно-коричневый цвет (# bc6f3a), затем нарисуйте тень в нижней части теста. Но на этот раз используйте режим наложения слоев Нормальный (Normal) и 100% Непрозрачность (Opacity). Используйте изображение ниже в качестве примера.

17 Шаг

Добавьте больше деталей в тенях и в бликах. Я добавил два слоя: первый для теней, я нарисовал более темным коричневым цветом полоску тени, в режиме наложения Затемнение основы (Color Burn). Второй — для огней. В этом слое я нарисовал светло-коричневым цветом (# e5c79c) маленькой кистью блик снизу сдобы, а затем установил режим наложения слоя на Перекрытие (Overlay) и Непрозрачность (Opacity) до 40%.

18 Шаг

Откройте текстуру булочки и вставьте ее в качестве обтравочной маски над базовым слоем Сдоба. Используйте маску слоя, чтобы скрыть часть фрагментов текстуры по бокам и установить режим смешивания слоя Свечение (Luminosity). Совет: если хотите, вы можете использовать Инструмент Удаления областей (Spot Removal Tool) (J) для очистки некоторых текстурных артефактов, как и я.




19 Шаг

Изменим оттенок сдобы с помощью Корректирующего слоя Цветовой баланс: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Цветовой баланс (Color Balance). Установите (16, 0, -5) для Света (Highlights), (13, -10, -33) для Средние (Midtones) и (0, 0, 57) для Тени (Shadows). Проверьте, чтобы была активна галочка Сохранить свечение (Preserve Luminosity). Установите Непрозрачность (Opacity) корректирующего слоя на 40%.

20 Шаг

Ну, вот, теперь пришло время заняться кремом. Выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуры, как показано ниже, используя более светлый цвет, чем основной кремовый цвет. Я активировал видимость трассировки только для визуальных целей, но вам не нужно добавлять черный цвет к выделению.

Примечание переводчика: Работаем с базовым слоем Крем, в папке крем, выбираем инструмент Перо(Pen Tool)(P), и выставив режим Слой Фигура, наносим контуры складок крема, для сглаживания острых углов используем инструмент Угол (ConvertPoint Tool). Слой со складками крема, должен быть выше базового слоя Крем.

21 Шаг

Добавьте новый слой ниже последнего (со складками), в качестве обтравочной маски, затем с помощью Инструмента Кисть (Brush Tool) (В), нарисуйте мягкие тени в нижней части каждой фигуры с этим цветом (# 938e82). Используйте Инструмент Палец (Smudge Tool), если необходимо, чтобы уточнить переход между фигурами. При необходимости уменьшите непрозрачность слоя с тенью до 50%.

22 Шаг

Примените маску слоя к слою со складками, чтобы скрыть край и создать мягкие переходы.

Примечание переводчика:нажмите кнопкуДобавить слой-маску (Add layer mask) — рядом с иконкой слоя появится иконка слой-маски, используя мягкую черную кисть, сгладьте резкие края.

23 Шаг

Чтобы создать цветовые оттенки, нарисуйте желтым цветом внутри крема, как показано ниже. Установите режим наложения на Перекрытие (Overlay).

Примечание переводчика: Создайте новый слой, выше всех слоев с кремом: главное меню — Слои (Layer) – Новый (New) – Слой (Layer), возьмите мягкую кисть с непрозрачностью примерно 25%, и прокрасьте желтым цветом складки крема.

24 Шаг

Мы добавим блики на крем, используя простой, но очень эффективный метод. Сначала добавьте новый пустой слой, затем с помощью Инструмента Лассо (Lasso Tool) (L) сделайте выделение внутри слоя крема. Теперь с помощью Инструмента Градиент (Gradient Tool) (G) заполните выделение с помощью градиента от белого до прозрачного. Не пытайтесь полностью заполнить слой крема, сохраните темный кремовый цвет между каждым бликом. Нанесите этим методом блики на всю форму крема. Совет: когда вы закончите, попытайтесь дублировать слой, чтобы повысить эффект!

25 Шаг

Честно говоря, я предпочитаю вкус клубничного крема. Давайте добавим корректирующий слой цветовой тон / насыщенность, чтобы придать розовый вид крему: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Цветовой тон / Насыщенность (Hue/saturation). Установите значение Цветовой тон (Hue) на -40 и Насыщенность (Saturation) на +10.

26 Шаг

Вот и пришло время для украшения нашей корзинки. Я буду делать это с помощью стилей слоя и пользовательских фигур. Эти маленькие красные шарики имеют такие стили слоя:

Примечание переводчика: С помощью Инструмента Произвольная фигура (Custom Shape Tool / U), в режиме Слой Фигура (Shape layers), выбрав цвет заливки розовый, автор создает небольшие круги на форме крема. Затем группирует все слои с розовыми кружками в один, (как мы это делали в начале урока, создавая слой Полосочка), и применяет к этому слою стили слоя: Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Внутреннее свечение (Inner Glow), выставите следующие параметры:

  • Режим наложения слоя — Экран (Screen).
  • Непрозрачность (Opacity) — 30
  • Цвет — от белого к прозрачному
  • Метод (Technique ) — Мягкий (Softer)
  • Источник — На краях(Source: Edge)
  • Размер (Size) — 2 пикселя

Стиль слоя Наложение градиента (Gradient Overlay):

  • Режим наложения слоя — Перекрытие (Overlay)
  • Градиент (Gradient) — от черного к белому
  • Непрозрачность (Opacity) -100%
  • Стиль (Style) — линейный (Linear)
  • Галочка — выровнять по слою

Стиль слоя — Тень (DropShadow):

  • Режим наложения слоя – Умножение (Multiply)
  • Цвет — #957777
  • Непрозрачность (Opacity) -100%
  • Угол(Angle):90 градусов
  • Смещение (Distance): 1 пиксель
  • Размах (Spread): 5%
  • Размер(Size): 2 пикселя
  • Галочка — Слой выбивает тень (Layer Knocks Out Drop Shadow)

27 Шаг

Стиль слоя для бледно-зеленых цветочных форм.

Примечание переводчика: С помощью Инструмента Произвольная фигура (Custom Shape Tool / U), в режиме Слой Фигура (Shape layers), выбрав цвет заливки светло-голубой, автор создает небольшие цветочки на форме крема. Затем группирует все слои с цветочками в один (как мы это делали в начале урока, создавая слой Полосочка) и применяет к этому слою стили слоя: Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Тиснение (Bevel & Emboss), выставите следующие параметры:

  • Стиль (Style) — Внутренний скос (Inner Bevel)
  • Метод (Technique) — Жесткая огранка (Chisel Hard)
  • Глубина (Depth) -303%
  • Направление-вверх (Direction: Up)
  • Размер (Size) – 9 пикселей
  • Угол (Angle) — 180 градусов
  • Высота (Altitude) — 0
  • Режим подсветки (Highlight Mode) –Нормальный (Normal) 
  • Непрозрачность — 100%
  • Режим тени (Shadow Mode) – Умножение (Multiply)
  • Непрозрачность — 75%

Стиль (Style )Тиснение (Bevel & Emboss) — Контур – (Contour) настройки:

  • Диапазон (Range) — 50%

Стиль слоя — Тень (DropShadow):

  • Режим наложения слоя – Умножение (Multiply)
  • Цвет — # 90b9a7
  • Непрозрачность (Opacity) -100%
  • Угол (Angle) — 70 градусов
  • Смещение (Distance) — 2 пикселя
  • Размах (Spread) — 0%
  • Размер (Size) — 0 пикселей
  • Галочка — Слой выбивает тень (Layer Knocks Out Drop Shadow)

28 Шаг

И стиль слоя для формы шарика.

Примечание переводчика: С помощью Инструмента Произвольная фигура (Custom Shape Tool / U), в режиме Слой Фигура (Shape layers), выбрав цвет заливки серый, автор создает небольшие круги на форме крема. Затем группирует все слои с серыми кружками в один, (как мы это делали в начале урока, создавая слой Полосочка), и применяет к этому слою стили слоя: Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Внутренняя тень (InnerShadow), выставите следующие параметры:

  • Режим наложения слоя — Экран (Screen).
  • Цвет — белый
  • Непрозрачность (Opacity) — 100
  • Угол (Angle) — 90 градусов
  • Смещение (Distance) — 5 пикселей
  • Размах (Spread) — 0%
  • Размер (Size) – 4 пикселя

 

Стиль слоя Внутреннее свечение (Inner Glow):

  • Режим наложения слоя — Экран (Screen).
  • Непрозрачность (Opacity) — 40%
  • Цвет — от светло желтого( #fefcbf) к прозрачному
  • Метод (Technique ) — Мягкий (Softer)
  • Источник — На краях (Source: Edge) 
  • Размер (Size) — 4 пикселя

Стиль — Наложение градиента (Gradient Overlay):

  • Режим наложения слоя — Нормальный (Normal)
  • Непрозрачность (Opacity) — 40%
  • Стиль (Style)Радиальный (Radial)
  • Галочки — выровнять по слою (AlignwithLayer), инверсия (Reverse)
  • Масштаб (Scale): 140

Стиль слоя — Тень (Drop Shadow):

  • Режим наложения слоя – Умножение (Multiply)
  • Цвет — черный
  • Непрозрачность (Opacity) -15%
  • Угол (Angle) — 70 градусов
  • Смещение (Distance) — 2 пикселя
  • Размах (Spread) — 0%
  • Размер (Size) — 0 пикселей
  • Галочка- Слой выбивает тень (Layer Knocks Out Drop Shadow)

29 Шаг

Добавьте большую красную круглую форму конфеты поверх кекса. Для этого используйте инструмент Инструмент Эллипс (Ellipse Tool) (U). Затем примените стиль слоя как на картинке ниже. Я добавил маску к этому слою, и скрыл небольшую часть с помощью маленькой жесткой кисти.

Примечание переводчика: С помощью Инструмента Произвольная фигура (Custom Shape Tool / U), в режиме Слой Фигура (Shape layers), выбрав цвет заливки #f78d91, автор создает круг сверху на форме крема, и применяет к этому слою стили слоя: Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Тиснение (Bevel & Emboss), выставите следующие параметры:

  • Стиль (Style ) — Внутренний скос(InnerBevel)
  • Метод (Technique) Плавный (Smooth)
  • Глубина(Depth) -30%
  • Направление — вверх(Direction: Up )
  • Размер(Size) -60 пикселей
  • Смягчение (Soften) -2 пикселя
  • Угол (Angle) — 120 градусов
  • Высота (Altitude) 20
  • Галочка Сглаживание (Antialiased)
  • Режим подсветки (Highlight Mode) – Осветление основы (Color Dodge)
  • Непрозрачность — 55%
  • Режим тени (Shadow Mode) – Умножение (Multiply)
  • Непрозрачность — 0%

Стиль (Style )Тиснение (Bevel & Emboss) — Контур – (Contour):

  • Диапазон (Range) —50%

Стиль слоя Внутренняя тень (InnerShadow):

  • Режим наложения слоя — Экран (Screen).
  • Цвет — #fdc997
  • Непрозрачность (Opacity) -100
  • Угол(Angle) — 90 градусов
  • Смещение(Distance) — 5 пикселей
  • Размах (Spread) — 0%
  • Размер (Size) — 25 пикселя
  • Галочка Сглаживание (Anti-aliased)

[46.jpg

Стиль слоя Внутреннее свечение (Inner Glow):

  • Режим наложения слоя — Осветление основы (Color Dodge)
  • Непрозрачность (Opacity) — 30%
  • Цвет — от светло-желтого( # feebc0) к прозрачному
  • Метод (Technique ) — Мягкий (Softer)
  • Источник — На краях(Source: Edge)
  • Размер (Size) — 21 пиксель

Стиль — Наложение градиента (Gradient Overlay):

  • Режим наложения слоя – Нормальный (Normal)
  • Непрозрачность(Opacity)-100%
  • Стиль (Style)Радиальный(Radial)
  • Угол(Angle)90 градусов
  • Галочки — Выровнять по слою (AlignwithLayer ), Инверсия (Reverse), Дизеринг (Dither)
  • Масштаб(Scale)150

30 Шаг

Создайте новый слой над слоем с розовой конфеткой: главное меню – Слои (Layer) – Новый (New) – Слой (Layer), прокрасьте на нем мягкой кистью тень на нижней части конфеты цветом # e2b8b1.

31 Шаг

Почти готово! Теперь мы добавим корректировки ко всей работе. Сначала я добавил Корректирующий слой Кривые: Layers (Слои) — Новый Корректирующий слой (New adjustment layer) — Curves (Кривые) с настройками как на изображении ниже:

32 Шаг

Затем, активируйте выделение Корзинки, нажав Ctrl и щелкнув мышкой на миниатюре слоя. Затем выберите инструмент Градиент (Gradient) (G) и нарисуйте градиент от Оранжевого до прозрачного. Установите режим наложения слоя на Осветление основы (Color Dodge)

33 Шаг

Создайте новый слой выше слоя с красной конфеткой: Слои (Layer) –Новый (New) – Слой (Layer) и нарисуйте черные тонкие линии, как на изображении ниже, с помощью небольшой жесткой кисти. Установите режим наложения слоя на Мягкий свет (Soft Light), и уменьшите непрозрачность слоя до 60%. Это создаст иллюзию тонких трещин внутри крема.

34 Шаг

Прорисуйте дополнительные детали кекса на новом слое: например, я добавил небольшую тень ниже слоя с кремом и немного кокосовой стружки. Для создания стружки используйте очень маленькую жесткую кисть и краску белого цвета.

Примечание переводчика: Для создания тени, создайте новый слой выше папки Сдоба, установите режим наложения слоя на Умножение (Multiply), и коричнево-розоватым цветом, нарисуйте мягкой кистью, тень на сдобе от крема. Снизьте непрозрачность слоя примерно до 50%.

35 Шаг

С помощью Инструмента Лассо (Lasso Tool) (L), создайте выделение корзинки, как показано ниже. Добавьте маску слоя с текущим выделением в группу Корзинка. Затем на панели Маски (Mask Panel) уменьшите плотность маски до 15%. Откройте изображение с текстурой булочки, используемое нами ранее, скопируйте, и вставьте ниже группы Корзинка. Это добавит приятный прозрачный эффект в структуру корзинки.

Конечное изображение

Теперь просто добавьте красочный фон, и все готово!

Автор: Mirko Santangelo

Статьи по теме




Узнать больше интересного:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *