Делаем текст из мороженного в Фотошоп

 

Добро пожаловать в интернет магазин Фабрика Компьютеров http://fk.by. Наш магазин предлагает широкий ассортимент ноутбуков ведущих мировых производителей.

Итоговый результат

alt

Создайте новый документ в программе Adobe Photoshop, идём Файл – Новый (File > New). Установите следующие настройки.

alt

Залейте задний фон цветовым оттенком #aff8fd.

alt

С помощью мягкой кисти белого цвета #ffffff, поставьте белое пятно в центре изображения на заднем фоне, а затем, уменьшитеНепрозрачность (Opacity) слоя до 72% .

alt

Выберите инструмент Прямоугольник alt (Rectangle tool). Установите следующие значения.

alt

Создайте вертикальную полоску. Цвет заливки #ffffff. Далее, продублируйте несколько раз белую полоску (Cmd + J), расположив дубликаты слоёв с полосками, как показано на скриншоте ниже.

Примечание переводчика: в настройках инструмент Прямоугольник alt(Rectangle tool), выберите опцию Слой-фигура (Shape -Layer).

alt

Далее, объедините все слои с вертикальными полосками в одну группу. Назовите новую группу ”Вертикальные полоски”, а также уменьшите непрозрачность слоя с группой до 40%

alt

Продублируйте слой “Вертикальные полоски” (Ctrl+J). Переименуйте дубликат группы, назвав ”Горизонтальные полоски“, а затем поверните изображение с группой на 90 градусов. Уменьшите непрозрачность для данного слоя с группой до 30%

alt

Итак, мы завершили создание заднего фона. Мы используем шрифт Arial Black для создания нашего текста. Напечатайте текст ‘ICE’. Далее, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Растрировать текст (rasterize text). Создайте новую группу для слоя с текстом. Назовите новую группу ”Вафельный стаканчик”. Продублируйте слой с текстом, отложите его на время, мы используем его позже.

Примечание переводчика: 1. объедините все слои, относящиеся к заднему фону в одну группу, назовите новую группу ‘Задний фон’. 2. Дубликат слоя с текстом расположите поверх слоёв с группами, отключите на время видимость данного слоя.

alt

Дважды щёлкните по слою с текстом, чтобы применить Параметры наложения (Blending options) и в появившемся окне, выберите стиль слоя Тиснение (Bevel & Emboss).

alt

Добавьте Внутреннюю тень (Inner Shadow).

alt

Добавьте Внутренне свечение (Inner Glow).

alt

Добавьте Наложение градиента (Gradient Overlay)

alt

Результат должен быть, как на скриншоте ниже.

alt

К слою с текстом ‘ICE’, добавьте слой-маску. Далее, с помощью жёсткой кисти, скройте отдельные участки текста, как показано на скриншоте ниже.

Примечание переводчика: цвет кисти чёрный.

alt

Продублируйте слой с текстом ‘ICE’ (Ctrl + J). Расположите дубликат слоя ниже оригинального слоя с текстом. Далее, немного сместите дубликат вниз (Примечание переводчика: сместите дубликат вниз на 1-2 px). Сохраните те же самые стили слоя, единственное, поменяйте настройки для стиля слоя Наложение градиента (Gradient Overlay).

alt

Результат должен быть, как на скриншоте ниже.

alt

Продублируйте дубликат слоя с текстом (Ctrl+J). Расположите дубликат слоя с текстом ниже слоя с первым дубликатом слоя. Сместите дубликат слоя немного вниз.

alt

Далее, мы создадим тонкие линии для вафельного пирожного. Выберите инструмент Прямоугольник alt (Rectangle Tool). С помощью данного инструмента, нарисуйте несколько линий, как показано на скриншоте ниже.

alt

Объедините все слои с тонкими линиями в одну группу. Далее, объедините все слои с линиями, для этого внутри новой группой, выделите все слои, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge layers). Мы преобразовали фигуры с линиями в изображение. Дважды щёлкните по объединённому слою, чтобы применить Параметры наложения (Blending options) . Примените стиль слоя Тиснение (Bevel & Emboss).

alt

Добавьте Внутреннюю тень (Inner Shadow)

alt

Добавьте Внутреннее свечение (Inner Glow).

alt

Добавьте Наложение градиента (Gradient Overlay).

alt

Добавьте Тень (Drop Shadow).

alt

Далее, уменьшите непрозрачность слоя до 70%. Результат должен быть, как на скриншоте ниже.

alt

Теперь, к слою с тонкими линиями, добавьте слой-маску и с помощью жёсткой кисти, скройте часть линий, расположенных за пределами контура текста, как показано на скриншоте ниже.

alt

Продублируйте слой с линиями. Находясь на дубликате слоя, идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip horizontal). Результат должен быть, как на скриншоте ниже.

alt

Повторите предыдущие шаги для остального текста. Результат должен быть, как на скриншоте ниже.

alt

Теперь мы создадим мороженое. Возвращаемся на Шаг 8, помните, я просил вас отложить дубликат слоя с текстом. Далее, мы будем работать с данным слоем. Расположите данный дубликат слоя, как показано на скриншоте ниже.

Примечание переводчика: 1. включите видимость дубликата слоя 2. расположите дубликат слоя с текстом поверх вафельного текста, а сам слой поверх слоя с группой ‘Линии’ 3. Создайте ещё один дубликат слоя с текстом, он пригодится для создания шоколадного сиропа.

alt

В этом шаге мы создадим мороженое розового цвета для буквы ” I “. Дважды щёлкните по слою, чтобы применить Параметры наложения(Blending options) . Примените стиль слоя Тиснение (Bevel & Emboss).

alt

alt

Добавьте Внутреннюю тень (Inner Shadow)

alt

Добавьте Наложение градиента (Gradient Overlay).

alt

Результат должен быть, как на скриншоте ниже.

alt

Как вы знаете, мороженое никогда не выглядит идеальным. Поэтому, добавьте слой-маску к слою и с помощью жёсткой кисти, обработайте внешний контур мороженого.

Примечание переводчика: 1. обработайте внешний контур буквы (розовую текстуру).
2. также скройте розовую текстуру на остальных двух буквах, т.к. автор для этих букв создаст апельсиновое и фисташковое мороженое 🙂

alt

Продублируйте слой с мороженым, которое мы создали. В этом шаге мы создадим мороженое жёлтого цвета для буквы”C” . Удалите слой-маску у дубликата слоя с мороженым. Дважды щёлкните по слою, чтобы поменять настройки.

alt

alt

Поменяйте настройки для стиля слоя Внутренняя тень (Inner Shadow).

alt

Поменяйте настройки для стиля слоя Наложение градиента (Gradient Overlay).

alt

Результат должен быть, как на скриншоте ниже.

alt

Теперь добавьте слой-маску к слою с мороженым и с помощью жёсткой кисти, обработайте внешний контур мороженого.

alt

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

alt

alt

Поменяйте настройки для стиля слоя  Внутренняя тень (Inner Shadow).

alt

Поменяйте настройки для стиля слоя Наложения градиента (Gradient Overlay).

alt

Результат должен быть, как на скриншоте ниже.

alt

Теперь добавьте слой-маску к слою с мороженым и с помощью жёсткой кисти, обработайте внешний контур мороженого.

alt

Создайте новый слой ниже всех слоёв с мороженым, далее, мы добавим тень к мороженому. С помощью мягкой кисти, цвет кисти #a25229, добавьте тень к мороженому. Уменьшите непрозрачность слоя с тенью до 81%. Вы можете использовать слой-маску, чтобы скрыть лишние участки тени.

Примечание переводчика: вы можете объединить все слои с мороженым и с тенью в одну группу. Назовите эту группу ’Мороженое’.

alt

Далее, мы добавим шоколадный сироп поверх мороженого. Вначале, выберите дубликат слоя с текстом. Расположите слой с текстом поверх всех остальных слоёв. Дважды щёлкните по слою, чтобы применить Параметры наложения (Blending options). Примените стиль слояТиснение (Bevel & Emboss).

alt

alt

Добавьте Внутреннюю тень (Inner Shadow)

alt

Добавьте Наложение градиента (Gradient Overlay).

alt

Результат.

alt

Далее, добавьте слой-маску к слою с шоколадным сиропом и с помощью жёсткой кисти, обработайте отдельные участки контура, чтобы создать текстуру шоколада. Уменьшите размер кисти, чтобы создать шоколадные подтёки.

Примечание переводчика: создайте новую группу для шоколадной глазури. Назовите эту группу ’Шоколад’ или ‘Глазурь’.

alt

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

alt

Дважды щёлкните по слою с белой обсыпкой. Примените следующие настройки, которые указаны на скриншоте ниже.

alt

alt

Результат должен быть, как на скриншоте ниже.

alt

Создайте новый слой для добавления декоративной обсыпки. Повторите предыдущий шаг, добавив голубую обсыпку.

alt

alt

alt

Повторите предыдущий шаг, добавив розовую обсыпку.

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

alt

alt

alt

Результат должен быть, как на скриншоте ниже.

alt

Повторите предыдущий шаг, добавив жёлтую обсыпку.

alt

alt

alt

alt

Повторите предыдущий шаг, добавив зелёную обсыпку.

alt

alt

alt

Результат.

alt

Итак, мы завершили создание декоративной обсыпки. В этом шаге мы создадим тени для текста ‘ICE’. С помощью мягкой кисти, цвет кисти #77a6a9, добавьте тени, как показано на скриншоте ниже. Уменьшите непрозрачность слоя с тенью до 40%.

Примечание переводчика: 1. вы можете все слои с обсыпкой сгруппировать в один слой 2. не забудьте создать новый слой для создания тени.

alt

Добавьте корректирующий слой Кривые (Curves) через нижнюю панель инструментов. Установите кривую, как показано на скриншоте ниже.

Примечание переводчика: автор проводит общую коррекцию, поэтому, расположите данный корректирующий слой поверх всех остальных слоёв.

alt

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

Примечание переводчика: перейдите на слой-маску корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, скройте коррекцию Кривых в центре изображения.

alt

Далее, добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast).

alt

Также скройте коррекцию на слой-маске, как показано на скриншоте ниже.

alt

Спасибо, что были со мной до конца урока. Надеюсь, что вам понравился этот урок, и вы используете его в своих будущих проектах:

Итоговый результат

alt

Ссылка на PSD файл урока

Автор: Kim Chen