Создаем яркий текст в виде печенья

В этом уроке я покажу вам, как создать яркий текстовый эффект в виде печенья, используя кисти, стили слоя и корректирующие слои. Начнем!

Материалы к уроку: Шрифт - Бисквитное печенье - Текстура цемента

1. Создаем градиентный фон и текстовые слои

Шаг 1

Создаем новый документ размером 1000 х 800 пикселей, в нижней части панели слоев нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient (Градиент).

Для градиентной заливки используем цвета #e8d2d6 (слева) и #ddbcc0 (справа), Angle (Угол) устанавливаем на 107 градусов.

Шаг 2

Шрифтом Sniglet заглавными буквами пишем текст и устанавливаем его размер на 250 пт.

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

Если вы выбрали второй вариант, то каждую букву дополнительно добавляем в отдельную группу (Ctrl+G).

2. Настраиваем и сохраняем кисть

Шаг 1

Берем Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно – Кисть). Выбираем жесткую круглую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Шаг 2

В нижнем правом углу панели нажимаем на кнопку Create new brush (Создать новую кисть), в открывшемся диалоговом окне вводим название «Обводка печенья» и нажимаем ОК.

3. Создаем и обводим рабочий контур

Шаг 1

Кликаем правой кнопкой мышки по текстовому слою и выбираем Create Work Path (Создать рабочий контур).

Шаг 2

Над текстовым слоем добавляем новый слой, называем его «Обводка», проверяем, что инструмент Brush Tool (B) (Кисть) активен, и жмем клавишу Enter, чтобы выполнить обводку рабочего контура кисточкой.

После этого берем Direct Selection Tool (A) (Частичное выделение) и снова жмем клавишу Enter, чтобы избавиться от рабочего контура.

Шаг 3

Группируем (Ctrl+G) текстовый слой и обводку и называем получившуюся группу «Текст и обводка».

4. Стилизуем группу с буквой

Дважды кликаем по группе «Текст и обводка», чтобы открыть окно Layer Style (Стиль слоя):

Шаг 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

Size (Размер): 7
Ставим галочку напротив Anti-aliased (Сглаживание)
Highlight Mode (Режим подсветки):
Цвет: #b08965
Shadow Mode (Режим тени):
Цвет: #d3a35e
Opacity (Непрозрачность): 35%

Шаг 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

Contour (Контур): Half Round
Ставим галочку напротив Anti-aliased (Сглаживание)

Шаг 3

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

Цвет: #762b3d

Opacity (Непрозрачность): 38%
Distance (Смещение): 3
Size (Размер): 5

Шаг 4

Напротив стиля слоя Drop Shadow (Тень) нажимаем на кнопку с плюсом, чтобы добавить еще одну копию эффекта:

Цвет: #7d3848
Opacity (Непрозрачность): 50%
Distance (Смещение): 15
Size (Размер): 25

Получаем основу для будущего печенья.

5. Добавляем текстуру

Шаг 1

Открываем фото с бисквитным печеньем и с помощью Elliptical Marquee Tool (M) (Овальное выделение) выделяем любое печенье. Выделяем только внутреннюю часть печенья, не задевая края.

Затем переходим Edit – Copy (Редактирование – Скопировать).

Шаг 2

Возвращаемся к основному рабочему документу и вставляем скопированную текстуру Edit – Paste (Редактирование – Вставить).

Размещаем текстуру в самом верху группы «Текст и обводка». Затем кликаем правой кнопкой мышки по слою с текстурой и выбираем Create Clipping Mask (Создать обтравочную маску) (Ctrl+Alt+G).

Жмем Ctrl+T, чтобы активировать свободную трансформацию, и на свое усмотрение корректируем размер и поворот текстуры на букве.

Закончив, жмем клавишу Enter, чтобы принять изменения.

6. Сжимаем выделение

Шаг 1

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

Шаг 2

Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и в открывшемся окне устанавливаем Contract By (Сжать) на 5.

Шаг 3

В самом верху группы с буквой добавляем новый слой и называем его «Глазурь 01».

Заливаем выделение белым цветом и жмем сочетание клавиш Ctrl+D, чтобы скрыть выделение.

Шаг 4

Дублируем слой «Глазурь 01» и называем копию «Глазурь 02». Устанавливаем Fill (Заливка) копии на 0.

Шаг 5

Группируем (Ctrl+G) оба слоя с глазурью и называем группу «Глазурь».

7. Создаем эффект белой глазури

Дважды кликаем по слою «Глазурь 01» и применяем следующие стили слоя:

Шаг 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

Size (Размер): 9
Soften (Смягчение): 9
Ставим галочку напротив Anti-aliased (Сглаживание)
Highlight Mode (Режим подсветки): Soft Light (Мягкий свет)
Цвет: #b08965
Shadow Mode (Режим тени):
Цвет: #b69c5e
Opacity (Непрозрачность): 35%

Шаг 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

Contour (Контур): Half Round
Ставим галочку напротив Anti-aliased (Сглаживание)

Шаг 3

Добавляем стиль слоя Texture (Текстура) со следующими настройками:

Pattern (Узор): Clouds (Облака)
Depth (Глубина): 25%

Шаг 4

Добавляем стиль слоя Inner Shadow (Внутренняя тень) со следующими настройками:

Цвет: #d3d1c8
Opacity (Непрозрачность): 35%
Distance (Смещение): 3
Size (Размер): 7

Шаг 5

Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими настройками:

Цвет: #f1efde

Шаг 6

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
Цвет: #2c1c0b
Opacity (Непрозрачность): 15%
Distance (Смещение): 3
Size (Размер): 3

Получаем аппетитную белую глазурь.

8. Создаем текстуру белой глазури

Дважды кликаем по слою «Глазурь 02» и применяем следующие стили слоя:

Шаг 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

Size (Размер): 7
Soften (Смягчение): 7
Снимаем галочку с параметра Use Global Light (Глобальное освещение)
Angle (Угол): 85
Altitude (Высота): 26
Ставим галочку напротив Anti-aliased (Сглаживание)
Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
Цвет: #ffffff
Shadow Mode (Режим тени): Linear Burn (Линейный затемнитель)
Цвет: #b1997c
Opacity (Непрозрачность): 28%

Шаг 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

Contour (Контур): Half Round
Ставим галочку напротив Anti-aliased (Сглаживание)

Шаг 3

Добавляем стиль слоя Texture (Текстура) со следующими настройками:

Pattern (Узор): Satin (Глянец)
Depth (Глубина): 26%

Получаем текстурную глазурь.

9. Добавляем больше букв

Повторяем все шаги, пока не создадим нужное количество букв.

С помощью свободной трансформации (Ctrl+T) поворачиваем буквы и на свое усмотрение распределяем их по документу.

Вам не нужно каждый раз повторно применять стили слоя к буквам. Вместо этого мы просто кликаем правой кнопкой по стилизованному слою и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем правой кнопкой по новому слою и выбираем Paste Layer Style (Вставить стиль слоя).

Закончив, добавляем все группы с буквами в общую группу «Текст».

10. Создаем кисть в виде посыпки

Активируем инструмент Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно – Кисть).

Выбираем жесткую круглую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

11. Стилизуем посыпку

Шаг 1

Выше группы «Текст» создаем новый слой и добавляем его в группу «Посыпка» (Ctrl+G).

Дважды кликаем по этому слою, чтобы применить стили:

Шаг 2

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

Size (Размер): 6
Снимаем галочку с параметра Use Global Light (Глобальное освещение)
Angle (Угол): 98
Altitude (Высота): 53
Ставим галочку напротив Anti-aliased (Сглаживание)
Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
Opacity (Непрозрачность): 5%
Shadow Mode (Режим тени): Color Burn (Затемнение основы)

Шаг 3

Добавляем стиль слоя Contour (Контур) со следующими настройками:

Contour (Контур): Rounded Steps
Ставим галочку напротив Anti-aliased (Сглаживание)
Range (Диапазон): 59%

Шаг 4

Добавляем стиль слоя Color Overlay (Наложение цвета):

Цвет: #f88dc7

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

Шаг 5

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

Цвет: #2a2826
Opacity (Непрозрачность): 20%
Distance (Смещение): 2
Size (Размер): 3

12. Добавляем посыпку

Шаг 1

Называем стилизованный слой в соответствии с цветом посыпки, который вы выбрали в четвертом шаге выше (в моем случае «Розовый»).

Аккуратно проводим кисточкой по буквам, чтобы добавить посыпку. При необходимости, можете подкорректировать Spacing (Интервал) и Scattering (Рассеивание) кисти, чтобы получить более интересный результат.

Шаг 2

Создаем несколько новых слоев и каждому даем имя, соответствующее цвету посыпки, которую мы будем добавлять.

Для смены цвета посыпки нам необходимо дважды кликнуть по слою и в меню Color Overlay (Наложение цвета) выбрать новый цвет.

Шаг 3

Вы можете добавить столько слоев и цветов, сколько считаете нужным. Не бойтесь экспериментировать!

13. Выполняем общую цветокоррекцию

Шаг 1

Закончив добавлять посыпку, группируем папки «Текст» и «Посыпка» в отдельную группу, которую мы называем «Печенье».

Шаг 2

Выше создаем корректирующий слой Levels (Уровни) и трансформируем его в обтравочную маску (Ctrl+Alt+G) для группы «Печенье».

Затем устанавливаем Highlights (Свет) на 6, Gamma (Гамма) – на 0,90 и Shadows (Тени) – на 248.

Шаг 3

Выше добавляем корректирующий слой Vibrance (Сочность) и трансформируем его в обтравочную маску для группы «Печенье». Устанавливаем Vibrance (Сочность) на 20.

Шаг 4

Добавляем корректирующий слой Brightness/Contrast (Яркость/Контрастность) и трансформируем его в обтравочную маску для группы «Печенье». Устанавливаем Contrast (Контрастность) на 15.

Шаг 5

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

Переключаем режим смешивания слоя на Linear Burn (Линейный затемнитель) и уменьшаем Opacity (непрозрачность) до 50%.

В начале урока мы создали градиентный фон и текстовые слои.

Затем настроили кисточку, добавили с ее помощью обводку и применили стили слоя, чтобы получить основу для печенья.

После этого мы создали глазурь и с помощью настроенной кисточки добавили разноцветную посыпку.

В конце мы применили несколько корректирующих слоев и получили финальный эффект.

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