Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Как да създадете ефект на рисуван текст в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Bulgarian (Български) translation by Steliana Kozareva (you can also view the original English article)

Final product image
What You'll Be Creating

В този урок ще ви покажа как да създадете лесен ефект на рисуван текст, използвайки шаблон и стил на слоя.

Този текст ефект, който ще създаваме е част от Рисувани и Комикс стилове от моята колекция Рисунки и Комикси.

Cartoon and Comic Book Styles
Рисувани и комикс стилове

Необходими материали за урока

Следните материали са използвани за този урок:

Преди да започнете да създавате този ефект, свалете и инсталирайте шрифта и шаблона във вашия Photoshop, също така свалете и фона.

1. Как да заредите документ за фон

Ще използваме на фона на звезди от материалите за урока като фон на документа. Размерите са 850 x 600 пиксела, JPG файл. Отидете на File > Open и отворете star-background.jpg.

Star Background

2. Как да създадете и деформирате текст

Този текстов ефект се прави само на един слой, така че можете да го запишете като нов стил в палитрата си стилове (Styles), когато сте готови.

Стъпка 1

Изберете инструмента за писане на текст (Type Tool) и изберете шрифт Brady Bunch Remastered. Задайте размера на шрифта около 212 pt. Напишете "SMASH!" с главни букви с какъвто и да е цвят.

Type tool

Стъпка 2

Сега трябва да разширим пространството между буквите. Изберете слоя с текста, след това панела Character променете настройката Tracking на -20. Ако не виждате иконата на панела за знаци (Character), отидете на Type > Panels > Character Panel.

Font tracking

Стъпка 3

Последната стъпка преди да започнете да прилагате стилови настройки на слоя е да деформирате нашия текст. С десен клик върху текстовия слой изберете Warp Text от менюто. Задайте Style да бъде Arc, изберете да е хоризонтална (Horizontal), направете огъването (Bend) да е 30% и хоризонталното изкривяване (Horizontal Distortion) на -30%. Сега натиснете OK, за да приложите промените.

Warp text

3. Как да създадете ефект на рисуван текст

Стъпка 1

Изберете слоя SMASH! и кликнете двукратно върху него, за да приложите следните настройки на стила:

Добавете щрих (Stroke) с тези настройки:

  • Размер: 10 пиксела
  • Позиция (Position): Outside
  • Преливане (Blend Mode): Normal
  • Прозрачност (Opacity): 100%
  • Вид запълване (Fill Type): Gradient
  • Стил (Style): Shape Burst
  • Ъгъл (Angle): 0°
  • Кликнете върху опцията Dither 
  • Задайте градиент с тези 2 цвята:
  • Първи ограничител на градиента с цвят  #f80000 и позиция на 45%
  • Втори ограничител на градиента с цвят #000000 и местоположение на 59 %
Add a Stroke

Стъпка 2

Добавете вътрешна сянка (Inner Shadow) с тези настройки:

  • Режим на преливане (Blend Mode): Нормален с цвят #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): Нормален, с цвят #fff000
  • Прозрачност (Opacity): 100%
  • Ъгъл (Angle): 90°
  • Разстояние (Distance): 2 px
  • Размер (Size): 0 px
  • Изберете опцията Anti-aliased 
  • Деактивирайте опцията Invert, ако е била активна. 
Add a Satin

Стъпка 4

Добавете цвят (Color Overlay) с тези настройки:

  • Режим на преливане (Blend Mode): Multiply
  • Щракнете върху полето цвят (Color) и изберете цвета #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 и изберете цвета #000000
  • Прозрачност (Opacity): 100%
  • Деактивирайте опцията Use Global Light преди да зададете ъгъла (Angle) на 120°
  • Разстояние (Distance): 8 px
  • Разпространение (Spread): 100%
  • Размер (Size): 20 пиксела
  • Активирайте опцията Anti-aliased

Натиснете OK за да приложите стила на слоя.

Add a Drop Shadow

Поздравления! Вие сте готови!

В този урок научихте как да създадете ефект на рисуван текст в Adobe Photoshop.

Започнахме като създадохме и деформирахме нашия текст, после добавихме множество различни ефекти, за да направим крайния ефект на текста.

Final Result

Надявам се да ви е бил приятен урокът, а ако ви е харесал финалния ефект, не забравяйте да запазите този стил към вашата палитра със стилове ( Layer Styles palette) за бъдещи проекти.

Този текстов ефект, който току що създадохме е част от Рисувани и Комикс стилове.

Cartoon and Comic Book Styles
 Рисувани и Комикс стилове
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.