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

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

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

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

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

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

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

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

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

Star Background

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

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

Шаг 1

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

Type tool

Шаг 2

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

Font tracking

Шаг 3

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

Warp 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 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 Shadow

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

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

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

Add a Pattern Overlay

Шаг 6

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

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

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

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

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

Final Result

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

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

Cartoon and Comic Book Styles
Мультяшные Стили и Стили для Комиксов
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.