Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Создаём Текст из Глазированного Печенья в Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

Russian (Pусский) translation by Anna K (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Исходные материалы

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

1. Создаём Фоновый Градиент и Текстовые Слои

Шаг 1

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

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

Gradient Layer

Шаг 2

Создайте текст заглавными буквами, используя шрифт Sniglet, установите размер шрифта на 250 pt.

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

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

Create the Text Layers

2. Создаём и сохраняем Кисть для Обводки

Шаг 1

Выберите инструмент Кисть (Brush Tool), откройте панель настроек Кисть (Brush). Установите жёсткую круглую кисть, а затем установите следующие настройки, которые указаны на скриншотах ниже:

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

Brush Tip Shape

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

Shape Dynamics

Шаг 2

Нажмите значок Создать новую кисть (Create new brush) в нижнем правом углу панели, дайте название кисти Обводка Печенья (Cookie Stroke), а затем нажмите кнопку ‘OK’.

Cookie Stroke Brush Tip

3. Создаём Рабочий Контур и Выполняем Обводку

Шаг 1

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

Create Work Path

Шаг 2

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

Выберите инструмент Стрелка (Direct Selection Tool (A), ещё раз нажмите клавишу (Enter), чтобы удалить рабочий контур.

Stroke the Work Path

Шаг 3

Сгруппируйте текстовый слой и слой с обводкой в одну группу. Назовите эту группу Текст и Обводка (Text and Stroke).

Text and Stroke Group

4. Стилизуем Слой с Группой

Дважды щёлкните по слою с группой Текст и Обводка (Text and Stroke), чтобы применить следующие стили слоя:

Шаг 1

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

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

Шаг 2

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

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Contour

Шаг 3

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

  • Цвет: #762b3d
  • Непрозрачность (Opacity): 38%
  • Смещение (Distance): 3
  • Размер (Size): 5
Drop Shadow

Шаг 4

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

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

Итак, мы стилизовали основную фигуру печенья.

Styled Cookie Shape

5. Добавляем Изображение с Текстурой

Шаг 1

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

Идём Редактирование – Скопировать (Edit > Copy), чтобы скопировать выделенную часть.

Select and Copy the Texture

Шаг 2

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

Расположите слой с вклеенной текстурой печенья внутри группы с буквой ‘С’ и поверх слоя с группой Текстура и Обводка (Text and Stroke). Далее, щёлкните правой кнопкой мыши по слою с текстурой печенья и в появившемся окне, выберите опцию Создать обравочную маску (Create Clipping Mask).

Нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode), примените поворот и масштабирование к текстуре, чтобы получить тот результат, который вам нравится.

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

Add the Cookie Texture

6. Сжимаем Выделенную Область

Шаг 1

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

Create a Selection

Шаг 2

Идём Выделение – Модификация – Сжать (Select > Modify > Contract), установите значение Сжать Contract By) на 5.

Contract Selection

Шаг 3

Создайте новый слой внутри слоя группы с буквой, назовите этот слой Глазурь 01 (Glaze 01).

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

Fill Selection

Шаг 4

Продублируйте слой Глазурь 01 (Glaze 01), назовите дубликат слоя Глазурь 02 (Glaze 02), а затем уменьшите Заливку (Fill) дубликата слоя до 0.

Duplicate the Layer

Шаг 5

Сгруппируйте оба слоя с глазурью в одну группу. Назовите эту группу Глазурь (Glaze).

Glaze Group

7. Создаём Плавный Глазированный Стиль

Дважды щёлкните по слою Глазурь 01 (Glaze 01), чтобы применить следующие стили слоя:

Шаг 1

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

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

Шаг 2

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

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Contour

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

  • Цвет: #f1efde
Color Overlay

Шаг 6

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

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

Итак, мы создали стиль мягкой глазури.

Styled Glaze

8. Создаём Текстурированный Глазированный Стиль

Дважды щёлкните по слою Глазурь 02 (Glaze 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%
Bevel and Emboss

Шаг 2

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

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Contour

Шаг 3

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

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

Таким образом, мы усилили текстуру глазури.

Styled Glaze

9. Создаём Больше Букв

Повторите все предыдущие шаги, чтобы добавить ещё больше букв при необходимости.

Используйте режим Свободной трансформации (Free Transform Mode), чтобы повернуть буквы и расположить их так, как вам нравится.

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

Как только вы завершите, поместите все слои с группами букв в отдельную группу, назовите эту группу Текст (Text).

Text Group

10.  Создаём Кисть Посыпка

Выберите инструмент Кисть (Brush Tool), а затем откройте панель настроек Кисть (Brush).

Установите жёсткую круглую кисть, а затем установите следующие настройки, которые указаны на скриншотах ниже:

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

Brush Tip Shape

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

Shape Dynamics

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

Scattering

11. Создаём Стиль Посыпки

Шаг 1

Создайте новый слой поверх слоя с группой Текст (Text), а затем поместите этот слой внутри новой группы, назовите эту группу Посыпка (Sprinkles).

Sprinkles Group

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

Шаг 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)
    Bevel and Emboss

    Шаг 3

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

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

    Шаг 4

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

    • Цвет: #f88dc7

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

    Color Overlay

    Шаг 5

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

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

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

    Шаг 1

    Переименуйте стилизованный слой в тот цвет, который вы выбрали в стиле слоя Наложения цвета (Color Overlay), а затем скопируйте стили слоя этого слоя.

    Щёлкните кистью по холсту и слегка поведите кистью поверх букв, чтобы добавить посыпку. Вы можете поменять настройки кисти Интервал (Spacing) и Рассеивание (Scattering) при необходимости, чтобы создать тот эффект, который вам нравится.

    Add the Sprinkles

    Шаг 2

    Создайте новые слои, назовите каждый слой в соответствии с выбранным цветом посыпки, а затем вклейте к этим слом скопированные стили слоя.

    Всё, что вам нужно, чтобы поменять цвет посыпки – это дважды щёлкнуть по слою с посыпкой, а затем задать новый цветовой оттенок в настройках стиля слоя Наложение цвета (Color Overlay).

    Color Overlay

    Шаг 3

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

    Add More Sprinkles

    13. Проводим Заключительную Цветовую Коррекцию

    Шаг 1

    Как только вы завершили добавление посыпки, поместите группы Текст (Text) и Посыпка (Sprinkles) в отдельную группу, назовите эту группу Печенье (Cookies).

    Cookies Group

    Шаг 2

    Добавьте новый корректирующий слой Уровни (Levels), преобразуйте данный корректирующий слой в обтравочную маску к слою с группой Печенье (Cookies).

    Далее, поменяйте значения Света (Highlights) на 6, значение Гаммы (Gamma) на 0.90, а значение Тени (Shadows) на 248.

    Levels

    Шаг 3

    Добавьте новый корректирующий слой Вибрация (Vibrance) , преобразуйте данный корректирующий слой в обтравочную маску к слою с группой Печенье (Cookies). Поменяйте значение Вибрации (Vibrance) на 20.

    Vibrance

    Шаг 4

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

    BrightnessContrast

    Шаг 5

    Добавьте исходную текстуру цемента на наш рабочий документ, расположив поверх слоя с заливкой градиента, примените масштабирование к текстуре в соответствии с размерами рабочего документа, а затем назовите этот слой с текстурой цемента Текстура Наложения (Texture Overlay).

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

    Texture Overlay

    Отличная Работа, Мы завершили урок!

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

    Далее, мы создали простую кисть, а затем использовали её для обводки текста. Стилизовали слои с текстом и с обводкой, чтобы создать основную форму печенья.

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

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

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

    Final Result
    Advertisement
    Advertisement
    Advertisement
    Advertisement
    Looking for something to help kick start your next project?
    Envato Market has a range of items for sale to help get you started.