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:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Photoshop Text Styles 01
Стили Текста Photoshop 

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

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

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

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

Шаг 1

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

Creating a New Document

Шаг 2

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

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

Шаг 3

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

Text Align

Шаг 4

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

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

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

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

Шаг 5

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

Creating a New Layer

Шаг 6

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

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

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

Шаг 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%
Layer 2 - Inner Glow

Шаг 8

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

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

Шаг 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)
Layer 2 - Drop Shadow

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

Шаг 10

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

Creating a New Layer

Шаг 11

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

Layer 3 - Blending Options

Шаг 12

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

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

Шаг 13

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

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

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

Шаг 14

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

Merging the Layers

Шаг 15

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

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

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

Шаг 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%
Merged Layer - Outer Glow

Шаг 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)
Merged Layer - Drop Shadow

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

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

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

Final Result

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

Photoshop Text Styles 01
Стили Текста Photoshop
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.