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:

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Final product image
What You'll Be Creating

В цьому уроці я покажу вам, як створити простий мультяшний текст, використовуючи візерунок та стиль шару.

Даний ефект, який ми будемо створювати, є частиною Cartoon and Comic Book Styles із моєї колекції Cartoon and Comic Book Collection.

Cartoon and Comic Book Styles
Cartoon and Comic Book Styles

Матеріали для уроку

В даному уроці використовувались наступні ресурси:

Перед початком створення мультяшного ефекту вашого тексту, завантажте та встановіть в вашу програму Photoshop шрифт та візерунок, а також завантажте фон.

1. Створюємо фон

Ми будемо використовувати фон Stars в якості фону нашого документу.  Його розміри 850 x 600 px, формат – JPG. Далі перейдіть в File > Open та оберіть star-background.jpg. 

Star Background

2. Створюємо та деформуємо текст.

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

Крок 1

Виберіть інструмент Горизонтальний текст (Type Tool), шрифт Brady Bunch Remastered. Встановіть розмір шрифту (Font Size) близько 212 pt. Напишіть «SMASH!» великими буквами будь-якого кольору.

Type tool

Крок 2

Тепер нам потрібно зменшити розмір між буквами. Виберіть шар тексту, перейдіть на панель Character та змініть значення Tracking на -20.  Якщо ви не можете знайти іконку панелі Character, перейдіть в Type > Panels > Character Panel (або Window- Character для програм Photoshop попередніх версій).

Font tracking

Крок 3

Останній крок перед тим, як приступити до стилізації тексту, це деформація нашого тексту.  Клікніть правою клавішею миші по шару з текстом і в вікні, що з'явиться, виберіть опцію Деформувати текст (Warp Text).  Встановіть стиль Дуга (Arc), тип Горизонтальный (Horizontal), а також встановіть Згин (Bend) на 30%, а Горизонтальне викривлення (Horizontal Distortion) на -30%. Тепер натиcніть ОК, щоб застосувати зміни параметрів.

Warp text

3. Створюємо мультяшний ефект тексту

Крок 1

Виділіть шар SMASH!, двічі клікніть по ньому, щоб застосувати наступні стилі шару:

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

  • Розмір (Size): 10 px
  • Положення (Position): Ззовні (Outside)
  • Режим накладання (Blend Mode): Звичайний (Normal)
  • Непрозорість (Opacity): 100%
  • Тип заливки (Fill Type): Градієнт (Gradient)
  • Стиль (Style): Багатокутна фігура (Shape Burst)
  • Кут (Angle): 0°
  • Переконайтесь, що в віконці Тремтіння (Dither) немає галочки
  • Установіть Градієнт з наступними значеннями кольорів:
  • Перша контрольна точка – Колір (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), та виберіть паттерн Red Dots
  • Непрозорість (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
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.