Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Как да създадете екшън на текст, който да е покрит с листа в програмата Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

В този урок ще се научите как да направите красив, натурално изглеждащ ефект на текст, който ще запазим като екшън на Photoshop, така че да можете да прилагате същия ефект към всеки шрифт бързо и лесно. След това, за да изглежда дори още по-добре, ще добавим няколко клонки и птици.

Този ефект на текст е част от екшъна във Photoshop Leaf Generator

Ето какво ще правим и използваме:

  • Работи с всеки вид шрифт
  • Стилът на слоя и цветовете могат да се редактират напълно.
  • Поддържа 300 на 72 пиксели на инч.
  • Шест различни цветове, от които можете да избирате.
  • Работи с версиите CS5, CS6, CC.
  • PSD с използване на висока ресолюция за клонките и птиците.
Leaf Generator promo
Екшън във Photoshop за листа

Активи за урока

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

* Нещата, които са отбелязани със звездичка, се намират в зип файла, който е прикачен към този урок, обработен и готов за използване.

1. Създаване на задния фон

Стъпка 1

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

  • Име: Leaf Generator Tutorial
  • Размери: 850 х 553 px
  • Резолюция: 72 dpi
  • Цветови режим: RGB 8 bit
  • Използван цвят за фона: #193333
Creating a new document

Стъпка 2

Натиснете два пъти върху слоя на задния фон и го преименувайте на BG. След това натиснете с десен бутон на мишката върху него и изберете Convert to Smart Object

Converting the BG layer to a Smart Object

Стъпка 3

Отидете на Filter > Noise > Add Noise и използвайте следните настройки:

  • Amount (размер): 1.12% 
  • Distribution (разпределение): Gaussian
  • Monochromatic: Избрано
Adding a noise filter

Стъпка 4

Натиснете два пъти върху слоя BG, за да отворите панела Layer Style. След това приложете ефекта Inner Glow със следните стойности:

  • Blend Mode: Multiply
  • Opacity: 65% 
  • Noise: 0%
  • Color: #102a50
  • Technique: Softer
  • Source: Edge
  • Choke: 26%
  • Size: 250 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%

След като сте задали тези стойности, натиснете ОК, за да затворите прозореца на Layer Style.

Inner Glow Settings

2. Как да създадете стиловете

Стъпка 1

За тази стъпка ще използваме шаблони и четки от зип фаила, който е прикачен към този урок. Създадох шаблон, като използвах следното изображение: Ficus Pumila (Author: Khalid Mahmood).  Направих го да е безпроблемно, премахнах малко от шума, някой от детайлите и промених цветовете. Размерът на шаблона в зип файла е намален до 25 % от оригиналния му размер, така че пасва перфектно за този урок.

Създадох нови четки, който е доста лесно да се направят. Ако икате да се научите да правите нови четки, проверете този урок.

И така, без да се бавим повече, нека продължим.

Отидете на Edit > Preset > Preset Manager и изберете опцията Patterns от падащото меню. След това натиснете върху Load...и инсталирайте Leaf Generator Texture (намира се вътре във зип файла(.  Селд това изберете опцията Brushes и заредете файла Leaf Generator Brushes - Tutorial (също в зип файла). Ще използваме четките малко по-късно.

Installing the necessary files

Стъпка 2

Изберете инструмента Horizontal Type (T) и задайте шрифт Kingthings Organica с големина 287 pt. Напишете leaf.

Horizontal Type Tool Settings

Стъпка 3

Натиснете два пъти върху слоя на текста, за да отворите прозореца Layer Style. След това добавете Pattern Overlay със следните стойности:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: Leaf Generator Texture
  • Scale: 100%
  • Link with Layer: On
Pattern Overlay settings

Стъпка 4

А сега добавете Gradient Overlay със следните стойности:

  • Blend Mode: Overlay
  • Opacity: 25%
  • Dither: Off
  • Gradient: Black, White
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
Gradient Overlay settings

Стъпка 5

Прибавете Inner Glow със следните стойности:

  • Blend Mode: Linear Dodge (прибави)
  • Opacity: 59%
  • Noise: 0%
  • Color: #acff62
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 17 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%
Inner Glow Settings

Стъпка 6

Прибавете към ефекта Inner Shadow следните стойности:

  • Blend Mode: Hard Light
  • Color: #122d02
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: -180°
  • Distance: 15 px
  • Choke: 0%
  • Size: 11 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner Shadow settings

Стъпка 7

Добавете ефекта Bavel & Emboss със следните стойности:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 178 %
  • Direction: Up
  • Size: 4 px
  • Soften: 6 px
  • Use Global Light: Off (премахни)
  • Angle: -135°
  • Altitude: 32°
  • Gloss Contour: наклон - надолу
  • Anti-aliased: On (избрано)
  • Highlight Mode: Screen
  • Highlight Color: #elff90
  • Highlight Opacity: 31%
  • Shadow Mode: Darken
  • Shadow Color: #000000
  • Shadow Opacity: 22%
Bevel Emboss Settings

Стъпка 8

Сега натиснете върху New Style и го запазете под името Leaves Small. След това изберете Include Layer Effect и Include Layer Blending Options. Накрая натиснете ОК

Saving the style

Стъпка 9

Деактивирайте филтъра на Inner Glow и променете стойностите на Inner Shadow както следва:

  • Blend Mode: Hard Light
  • Color: #122d02
  • Opacity: 43%
  • Use Global Light: Off (премахнато)
  • Angle: -180°
  • Distance: 15 px
  • Choke: 0%
  • Size: 42 px
  • Contour: Linear
  • Anti-aliased: Off (премахнато)
  • Noise: 0%
Inner shadow Setings

Стъпка 10

Запазете отново новия стил като натиснете върху New Style, но този път го преименувайте на Leaves Border Small. След това натиснете ОК, за да затворите прозореца Layer Style.

Saving the second style

3. Как да създадете екшън

Стъпка 1

Отидете на Window > Actions, за да отворите панела Actions. След това натиснете върху Create new set и му задайте името Leaves Covered Effect. След това, натиснете върху иконата Create new action и напишете името Leaves Effect - Small. Натиснете Record, за да започнете да записвате екшъна.

Всичко, което правите във Photoshop се записва, така че бъдете внимателни и следвате инструкциите. Ако направите грешка, натиснете върху иконката Stop recording, изтрийте грешката от панела с екшъните и продължете със записването.

Creating a new action

Стъпка 2

Преименувайте текстовия слой на Text BKP и задайте размера на текста да е 287,5 pt. След това натиснете Control-A, за да слекетирате целия документ. Изберете инструмента Move (V) и подравнете слоя към центъра на документа.

Aligning the text with the document

Стъпка 3

С Control-D премахнете селекцията. След това, натиснете Control-J, за да дупликирате слоя. Преименувайте копието на Text Base.

Renaming the new text layer

Стъпка 4

С десен бутон на мишката натиснете върху слоя Text Base и изберете Rasterize Type. После, отидете на Window > Styles, за да отворите панела със стиловете. След това, натиснете върху Leaves Small, за да го приложите към растерния слой.

Applying the style to the rasterized layer

Стъпка 5

Изберете инструмента Brush (B) и селектирайте четката Leaves A. След това, Control-click върху миниатюрното изображение на слоя Text Base, за да създадете селекция около текста. След това, изберете инструмента Polygonal Lasso (L) и с десен бутон на мишката натиснете върху селекцията и изберете Make Work Path. Създайте Work Path със стойности на Tolerance от 2.0 px

Creating a work path

Стъпка 6

За следващата стъпка се убедете, че стойностите на четките за Opacity и Fill са на 100%

Отидете на Window > Paths, за да отворите панела Paths. Натиснете върху малката иконка в горния десен ъгъл на панела и изберете Stroke Path. След това селектирайте Brush от опцията на Tool, премахнете отметката за Simulate pressure и натиснете ОК.

Stroking the path with the brush tool

Стъпка 7

Сега ще създадем друг слой и ще прибавим още един контур към него, за да изглеждат краищата на текста по-реалистични.

Натиснете Control-Shift-N, за да създадете нов слой. Преименувайте го на Leaves Border, и натиснете ОК. След това, докато държите Control, натиснете върху миниатюрното изображение на слоя Text Base, за да създадете друга селекция. След това, изберете инструмента Polygonal Lasso (L) и създайте още един Work Path, както направихте преди.

Внимавайте да не селектирате слоя Text Base в панела със слоевете (слоят Leaves Border трябва да е селектиран).

Creating another work path

Стъпка 8

Изберете инструмента Brush (B) и изберете четката Leaves. Отидете в панела Paths, натиснете с десен бутон върху Work Path, и изберете Stroke Path.

Stroking the work path with another brush

Стъпка 9

Отидете на панела Paths и изтрийте Work Path. След това, отидете на панела Styles и натиснете върху стила Leaves Border Small, за да го приложите по краищата, които току-що създадохте.

Applying the second layer style

Стъпка 10

Сега трябва да превърнем всичките текстови слоеве в един Smart Object.

Докато държите Control, изберете слоевете Text BKP, Text Base и Leaves Border. С десен бутон натиснете върху един от тях и изберете от менюто Convert to Smart Object. Преименувайте новия Smart Object на Leaves.

Converting three layers into one Smart Object

Стъпка 11

Сега ще прибавим няколко сенки към текста.

Натиснете два пъти върху слоя на Leaves, за да отворите прозореца Layer Style. Прибавете Drop Shadow със следните стойности:

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity: 63%
  • Use Global Light: Off (премахната отметка)
  • Angle:
  • Distance: 5 px
  • Spread: 0%
  • Size: 9 px
  • Contour: Linear
  • Anti-aliased: On (отметнато)
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On (отметнато)
Drop Shadow Settings

Стъпка 12

Прибавете Inner Shadow със следните стойности:

  • Blend Mode: Hard Light
  • Color: #000000
  • Opacity: 61%
  • Use Global Light: Off (премахнете отметката)
  • Angle: 180°
  • Distance: 8 px
  • Choke: 0%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%

След това натиснете ОК, за да затворите прозореца Layer Style.

Inner Shadow settings

Стъпка 13

С Control-J дупликирате слоя. След това преименувайте копието на Leaves Shadow, променете Fill Opacity на 0% и изпратете слоя отзад (Arrange > Send Backward). След това, натиснете два пъти върху слоя Leaves Shadow, за да отворите отново панела Layer Style. После, премахнете филтъра Inner Shadow и задайте следните стойности за Drop Shadow

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity: 19%
  • Use Global Light: Off
  • Angle:
  • Distance: 15 px
  • Spread: 26%
  • Size: 7 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop Shadow settings

Стъпка 14

Нека да премахнем малко от шума в текстурата на изображението.

Изберете слоя на Leaves и отидете на Filter > Noise > Reduce Noise.

Използвайте следните стойности:

  • Strength: 10
  • Preserve Details: 11%
  • Reduce Color Noise: 8%
  • Sharpen Details: 19%
  • Remove JPEG Artifact: Off (премахнете отметката)
Reduce Noise Settings

Стъпка 15

Листата изглеждат малко мъгляви, така че ще добавим фино изостряне на изображението.

Отидете на Filter > Sharpen > Smart Sharpen и използвайте стойностите показани отдолу: 

  • Amount: 66%
  • Radius: 0.5 px
  • Remove: Gaussian Blur
Smart Sharpen settings

Стъпка 16

А сега да направим листата малко по-зелени. За целта ще използваме Gradient Map.

Селектирайте слоя Leaves и отидете на Window > Adjustments. Натиснете върху Create a new Gradient, за да създадете нов слой Gradient Map.

Creating a new Gradient Map layer

Стъпка 17

Преименувайте слоя Gradient Map на Leaf Colors и променете Opacity на 50%. След това натиснете с десен бутон на мишката и изберете Create Clipping Mask. Натиснете два пъти върху миниатюрната иконка, за да отворите панела Properties

Opening the Properties panel

Стъпка 18

Натиснете върху лентата с градиентите и задайте следните стойности:

  • Първи ограничител: #031000 Местоположение (Location): 5%
  • Втори ограничител: #054c2b Местоположение: 26%
  • Трети ограничител: #106905 Местоположение: 42%
  • Четвърти ограничител: #86ff5c Местоположение 87%

След това отидете в панела Actions и щракнете върху иконата Stop Recording, за да завършите действието.

Creating a new gradient

4. Завършване на композицията

Стъпка 1

Сега ще създадем сянка под текста.

Изберете инструмента Rounded Rectangle (U) и направете черен хоризонтален правоъгълник точно под слоя Leaves Shadow.

Creating the rounded rectangle

Стъпка 2

С десен бутон на мишката натиснете върху слоя Rounded Rectangle и изберете опцията Convert to Smart Object. След това отидете на Filter > Blur > Gaussian Blur и му задайте стойност 6 рх. За Opacity сложете 71%.  

Adding a gaussian blur to the rectangle

Стъпка 3

Сега ще използваме клонките и птиците от зип файла. Създадох клонките като изполвах оригинално изображение на растението Ficus Pumila.  Отрязох няколко листа от него и нарисувах вейки. След това сложих всичко заедно и направих сенки за клоните, като изполвах стилови слоеве и мека четка.

И двете птици са от pixabay.com, но също ги промених малко. Премахнах задния фон и пресъздадох някои детайли на птиците, които ги нямаше в оригиналните изображения (бяха изрязани от изображението). След това приложих няколко сенки и светлосенки, отново използвайки слоев стил. Изображенията са предварително мащабирани за този урок.

Отворете файла с име Birds and Branches - Small.psd (zip file) и дръпнете и оставете клонките и птиците във вашия документ. След това ги сложете където ви се струва на вас най-добре.

За примера показан отдолу, направих няколко копия на клоните (Control-J) и ги поставих по краищата на буквите. Птиците поставих върху думите.

Забележете, че слоят с голямата птица е поставен под този с Leaves Shadow. Това е таза, защото изглежда по-добре ако някои от листата закриват краката на птицата. Можете да използвате и някои клон да прикрие краката на папагала - това зависи от вас.

Adding the branches and birds

Поздравления. Завършихте проекта!

В този урок научихте как да създадете текст покрит с листа, като използвахте стилове и четки.

Първо, създадохте два стила, за които използвахме шаблон, един за вътрешната част на текста, и друг за краищата. После добавихме контур с четки и приложихме стилове към тях. След това, сляхме всички стилове и приложихме друг стил за сенките, като направихме текста да изглежда повече с 3D ефект. И накрая, ипортирахме няколко клонки и птици към документа и с това завършихме композицията.

Не забравяйте да погледните Leaf Generator Photoshop Action в GraphicRiver.

Leaf Generator promo
Leaf Generator Photoshop Action

Може да ви харесат и следващите уроци:


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.