1. Design & Illustration
  2. Text Effects

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

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Данный текстовый эффект, который мы создаlbv, является частью текстовых эффектов из моей коллекции Эффекты и Стили для Мультфильмов и Комиксов.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Эффекты и Стили для Мультфильмов и Комиксов

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

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

Перед тем, как приступить к созданию данного текстового эффекта, скачайте все исходные материалы, а также установите шрифт и узоры в свою программу Photoshop.

1. Создаём Задний Фон

Откройте программу Adobe Photoshop. Далее, идём Файл – Открыть (File-Open) и в появившемся окне навигации, выберите исходное изображение со звёздами. Мы используем данное изображение в качестве заднего фона для нашего текста, поэтому размеры рабочего документа составят 850 x 600 px.

Star BackgroundStar BackgroundStar Background

2. Создаём и Деформируем Текст

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

Шаг 1

Выберите инструмент Горизонтальный текст (Type Tool), установите шрифт Brady Bunch Remastered, а также установите Размер шрифта (Font Size) примерно 212 pt. Напишите текст 'SMASH!' заглавными буквами. Цвет текста не так важен.

Type toolType toolType tool

Шаг 2

Теперь нам нужно слегка сжать буквы текста. Находясь на слое с текстом, идём в панель Символ (Character), чтобы поменять значение Трекинга (Tracking) на -20. Если у себя вы не видите данную панель, то идём Текст – Панели – Панель Символов (Type > Panels > Character Panel). Примечание переводчика: если вы работаете в более ранней версии программы Photoshop, тогда идём Окно - Символ (Window- Character).

Font trackingFont trackingFont tracking

Шаг 3

Последний шаг перед тем, как мы приступим к стилизации текста, это деформация нашего текста. Щёлкните правой кнопкой мыши по слою с текстом и в появившемся меню, выберите опцию Деформировать текст (Warp Text). Установите Стиль (Style) Дугой (Arc), выберите тип стиля Горизонтальный (Horizontal), а также установите Изгиб (Bend) на 30%, а Искажение по Горизонтали (Horizontal Distortion) на -30%. Теперь нажмите кнопку ‘OK’, чтобы применить изменения.

Warp textWarp textWarp text

3.   Придаём Тексту Мультяшный Стиль

Шаг 1

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

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

  • Размер (Size): 10 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type):  Градиент (Gradient)
  • Стиль (Style): Разбивка фигуры (Shape Burst)
  • Угол (Angle): 0°
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Установите 2 контрольные точки цвета для градиента:
  • Первая контрольная точка градиента: Цвет (Color) #f80000 и Позиция (Location) 45%
  • Вторая контрольная точка градиента: Цвет (Color) #000000 и Позиция (Location) 59%
Add a StrokeAdd a StrokeAdd a Stroke

Шаг 2

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

  • Режим наложения (Blend Mode): Нормальный (Normal) Цвет (Color) #fff000
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) Угол (Angle): 180°
  • Смещение (Distance): 3 px
  • Стягивание (Choke): 100%
  • Размер (Size): 0 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Шаг 3

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки для данного стиля:

  • Режим наложения (Blend Mode): Нормальный (Normal) Цвет (Color) #fff000
  • Непрозрачность (Opacity): 100%
  • Угол (Angle): 90°
  • Смещение (Distance): 2 px
  • Размер (Size): 0 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Уберите галочку в окошке Инвертировать (Invert), если стоит
Add a SatinAdd a SatinAdd a Satin

Шаг 4

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Задайте цвет перекрытия #fff000
  • Непрозрачность (Opacity): 100%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Шаг 5

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

  • Щёлкните по окошку Узор (Pattern), чтобы открыть палитру узоров. Выберите исходный Полутоновый узор.
  • Непрозрачность (Opacity): 100%
  • Масштаб (Scale): 100%

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

Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

Шаг 6

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Установите цвет свечения #fff000
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 94%
  • Размер (Size): 11 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

Шаг 7

В качестве заключительного шага, добавьте стиль слоя Тень (Drop Shadow). Примените следующие значения:

  • Режим наложения (Blend Mode): Умножение (Multiply) Цвет (Color) #000000
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) Угол (Angle): 120°
  • Смещение (Distance): 8 px
  • Размах (Spread): 100%
  • Размер (Size): 20 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

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

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

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

Final ResultFinal ResultFinal Result

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

Данный текстовый эффект, который мы создали, является частью эффектов Cartoon and Comic Book Styles.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Мультяшные Стили и Стили для Комиксов
One subscription.
Unlimited Downloads.
Get unlimited downloads