В цьому уроці я покажу вам, як створити простий
мультяшний текст, використовуючи візерунок та стиль шару.
Даний ефект, який ми будемо створювати, є частиною Cartoon and Comic Book Styles із моєї колекції Cartoon and Comic Book Collection.
Матеріали для уроку
В даному уроці використовувались наступні ресурси:
-
Шрифт Brady Bunch Remastered
- Візерунок Red Dots
- Фон Stars
Перед початком створення
мультяшного ефекту вашого
тексту, завантажте та встановіть в вашу
програму Photoshop шрифт та візерунок, а також завантажте фон.
1.Створюємо фон
Ми будемо використовувати фон Stars в якості фону нашого документу. Його розміри 850 x 600 px, формат – JPG. Далі перейдіть в File > Openта оберіть star-background.jpg.
2.Створюємо та деформуємо текст.
Даний ефект тексту створено всього лиш з одного шару, тому, по закінченні роботи, ви можете зберегти його в якості нового стилю на панелі Styles.
Крок 1
Виберіть інструмент Горизонтальний текст (Type Tool), шрифт Brady Bunch Remastered. Встановіть розмір шрифту (Font Size) близько 212 pt. Напишіть «SMASH!» великими
буквами будь-якого кольору.
Крок 2
Тепер нам потрібно зменшити розмір між буквами. Виберіть шар тексту, перейдіть на панель Character та змініть значення Tracking на -20. Якщо ви не можете знайти іконку панелі Character, перейдіть в Type > Panels > Character Panel (або Window- Character для програм Photoshop попередніх версій).
Крок 3
Останній крок перед тим, як приступити до стилізації тексту, це деформація нашого тексту. Клікніть правою клавішеюмиші по шару з текстом і в вікні, що з'явиться, виберіть опцію Деформувати текст (Warp Text). Встановіть стиль Дуга (Arc), тип Горизонтальный (Horizontal), а також встановітьЗгин (Bend)на 30%, а Горизонтальне викривлення (Horizontal Distortion)на -30%. Тепер натиcніть ОК, щоб застосувати зміни параметрів.
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%
Крок 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)
Крок 3
Додайте стиль шару Атлас (Satin)з наступними значеннями:
- Режим накладання (Blend Mode): Звичайний (Normal), Колір (Color)
#fff000 - Непрозорість (Opacity): 100%
- Кут (Angle): 90°
- Відстань (Distance): 2 px
- Розмір (Size): 0 px
- Поставте галочку в вікні Згладжений (Anti-aliased)
- Зніміть галочку в вікні Негатив (Invert), якщо вона стоїть
Крок 4
Додайте Накладання кольору (Color Overlay) з наступними значеннями:
- Режим накладання (Blend Mode): Множення (Multiply)
- Виберіть Колір
#fff000 - Непрозорість (Opacity): 100%
Крок 5
Додайте стиль шару Накладання візерунка (Pattern Overlay). Установіть такі значення параметрів:
- Клікніть по віконцю Візерунок (Pattern), та виберіть паттерн Red Dots
- Непрозорість (Opacity): 100%
- Масштаб (Scale): 100%
Тепер ви можете змінити розміщення візерунка: просто клікніть лівою кнопкоюмиші на тексті та, утримуючи її, перемістітьпаттерн вверх або вниз.
Крок 6
Додайте стиль Зовнішнє світіння шару (Outer Glow) з такими значеннями:
- Режим накладання (Blend Mode): Звичайний (Normal)
- Непрозорість (Opacity): 100%
- Колірсвітіння:
#fff000 - Метод (Technique): М'якший (Softer)
- Размах (Spread): 94%
- Розмір (Size): 11 px
- Поставте галочку в віконціЗгладжений (Anti-aliased)
Крок 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, щоб застосувати стилі шару.
Вітаю! Ви завершили урок!
В цьому уроці ви навчилися створювати мультяшний ефект тексту в програмі Adobe Photoshop.
Ми розпочали зі створення та деформації тексту, потім додали багато різних ефектів, щоб створити наш кінцевий результат.
Сподіваюсь, що вам сподобався даний урок і, якщо ви задоволені кінцевим результатом, не забудьте зберегти даний стиль на вашій панелі стилів шару для майбутніх проектів.
Текстовий ефект, який ми щойно створили є частиною ефектів Cartoon and Comic Book Styles.