Создаём Мультяшный Текст в Adobe Photoshop

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

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

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

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

• Шрифт Great Vibes

Перед тем, как приступить к созданию текста, скачайте и установите шрифт.

1. Создаём Стили Слоя

Шаг 1

Откройте программу Photoshop, а затем идём Файл- Создать (File > New), чтобы создать новый документ.

Шаг 2

Залейте холст цветовым оттенком #282828. Выберите инструмент Горизонтальный текст (Type Tool (T). Установите следующие настройки:

• Шрифт: Great Vibes
• Размер шрифта: 127 pt
• Цвет: белый
• Трекинг для выделенных символов: -25

Шаг 3

Напишите слово "Fairy" (первая буква должна быть заглавной), расположите текст в центре рабочего документа. Нажмите клавиши (Ctrl+A), чтобы выделить весь документ, а затем выберите инструмент Перемещение (Move Tool (V). Далее, нажмите значки Выравнивание центров по вертикали (Align Vertical Center) и Выравнивание центров по горизонтали (Align Horizontal Center).

Шаг 4

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

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

• Размер (Size): 7 px
• Положение (Position): Снаружи (Outside)
• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Тип обводки (Fill Type): Цвет (Color)
• Цвет: #ff0084

Далее, нажмите кнопку 'ОК', чтобы сохранить изменения.

Шаг 5

Находясь на слое с текстом, идём Слой- Создать дубликат слоя (Layer > Duplicate Layer) и в появившемся окне, укажите название слоя "Middle". Нажмите кнопку 'OK', чтобы создать дубликат слоя. Выберите инструмент Перемещение (Move Tool (V), а затем сдвиньте дубликат слоя вверх и влево на 7 px. Идём Слой- Стиль слоя - Очистить стиль слоя (Layer > Layer Style > Clear Layer Style), чтобы очистить стиль слоя. Поменяйте цвет текста на #c6c6c6.

Шаг 6

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

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

• Размер (Size): 4 px
• Положение (Position): Снаружи (Outside)
• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Тип обводки (Fill Type): Цвет (Color)
• Цвет: #8c054a

Шаг 7

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

• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Непрозрачность (Opacity): 50%
• Шум (Noise): 0%
• Цвет: #ffffff
• Метод (Technique): Мягкий (Softer)
• Источник (Source): На краях (Edge)
• Стягивание (Choke): 100%
• Размер (Size): 4 px
• Контур (Contour: Линейный (Linear)
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 100%
• Колебание (Jitter): 0%

Шаг 8

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Цвета градиента: #f6b6ce слева и #e35b9b справа
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 90°
• Масштаб (Scale): 46%
• Уберите галочки в окошках Инверсия (Reverse) и Дизеринг (Dither)
• Поставьте галочку в окошке Выровнять по слою (Align with Layer)

Шаг 9

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Установите цвет: #840048
• Непрозрачность (Opacity): 100%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): на 135°
• Смещение (Distance): 10рх
• Размах (Spread): 100%
• Размер (Size): 0рх
• Контур (Contour: Линейный (Linear)
• Уберите галочку в окошке Сглаживание (Anti-aliased)
  
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК'.

Шаг 10

Находясь на слой "Middle", продублируйте его. Дважды щёлкните по названию слоя, чтобы переименовать в "Front". Нажмите клавишу (Enter), чтобы применить изменения. Выберите инструмент Перемещение (Move Tool (V), а затем сдвиньте слой "Front" вверх на 5рх и влево на 1 px. Идём Слой- Стиль слоя - Очистить стиль слоя (Layer > Layer Style > Clear Layer Style), чтобы очистить стиль слоя. 

Шаг 11

Убедитесь, что вы находитесь на слое "Front". Дважды щёлкните по слою, чтобы применить следующие стили слоя. В окне параметров наложения, уменьшите Непрозрачность заливки (Fill Opacity) до 0%.

Шаг 12

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

• Размер (Size): 7 px
• Положение (Position): Внутри (Inside)
• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 0%
• Тип обводки (Fill Type): Цвет (Color)
• Цвет: #000000

Шаг 13

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Цвет: #ffffff
• Непрозрачность (Opacity): 40%

Нажмите кнопку 'ОК', чтобы сохранить изменения.

Шаг 14

Выделите все слои с текстом Fairy, Middle и Front, а затем идём Слой- Объединить слои (Layer > Merge Layers (или нажмите клавиши (Ctrl+E).

Шаг 15

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

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

• Размер (Size): 10 px
• Положение (Position): Снаружи (Outside)
• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Тип обводки (Fill Type): Цвет (Color)
• Цвет: #000000

Шаг 16

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Шум (Noise): 0%
• Цвет: #ffffff
• Метод (Technique): Мягкий (Softer)
• Стягивание (Choke): 100%
• Размер (Size): 14 px
• Контур (Contour): Линейный (Linear)
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 100%
• Колебание (Jitter): 0%

Шаг 17

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Установите цвет: #000000
• Непрозрачность (Opacity): 30%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 135°
• Смещение (Distance): 35рх
• Размах (Spread): 0%
• Размер (Size): 0 px
• Контур (Contour): Линейный (Linear)
• Уберите галочку в окошке Сглаживание (Anti-aliased)
  
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК', чтобы сохранить изменения.

Поздравляю! Мы завершили урок!

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

Данный стиль текста, который мы создали, входит в мой набор текстовых стилей на GraphicRiver.