Proljeće je u zraku! I kako bismo to proslavili, izraditi ćemo tekst efekt nadahnut proljećem, sličan efektima za tekst koji se mogu kupiti na Envato Marketu, koristeći neke teksture, kistove, slojeve stilova (layer styles) i filtere. Krenimo!

Resursi za Tutorijal

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi:

• Big Bottom Cartoon font
• Wood Texture v.2, Autor: wahyujati2012
• Grass0027 Image 5 - Small (1024x680)
• High resolution: Flowers png, Autor: M10tje
• Grass Stroke Brush kist
• Black Mamba uzorak, Autor: Federica Pelzel

1. Izradite Pozadinu

1. korak

Izradite novi 849 x 603 px dokument, i zatim smjestite Wood Texture v2e sliku iznad Background sloja i promijenite je po vlastitoj želji.

2. korak

Idite na Filter > Blur > Gaussian Blur, i podesite Radius na 0.5. To će malo izgladiti teksturu.

3. korak

Kliknite Create new fill or adjustment layer ikonu na dnu  Layers kartice i odaberite Hue/Saturation.

4. korak

Promijenite Saturation na -15.

5. korak

Kliknite opet Create new fill or adjustment layer ikonu i odaberite Levels, zatim promijenite Gamma vrijednost u 0.95.

2. Izradite i Duplicirajte Tekst

1. korak

Napišite tekst velikim slovima koristeći font Big Bottom Cartoon. Promijenite Size u 120 pt i Tracking vrijednost na 250.

2. korak

Duplicirajte sloj teksta i zatim idite na Edit > Free Transform.

Na tipkovnici, pritisnite jednom tipku sa strelicom dolje (Down Arrow)  i jednom tipku sa strelicom desno (Right Arrow) da pomaknete kopiju sloja sa tekstom 1 px dolje i 1 px u desno.

Pritisnite Return tipku da prihvatite promjene.

3. korak

Pritisnite Command-Option-Shift-T tipke još tri puta da izradite tri nova kopirana sloja sa primijenjenim promjenama.

3. Promijenite Naziv i Redoslijed Slojeva Teksta i Izradite Još Slojeva

1. korak

Promijenite naziv slojeva teksta koje imate u Text, zajedno sa brojem sloja, počevši odozdo prema vrhu.

Tako će originalni sloj teksta na dnu biti preimenovan u Text 1, a peta kopija sloja teksta na vrhu bi trebala biti preimenovana u Text 5.

2. korak

Sada promijenite redoslijed slojeva teksta tako da imate Text 1 na vrhu i Text 5 na dnu.

3. korak

Izradite pet novih slojeva na vrhu slojeva teksta koje već imate i promijenite im redoslijed također.

4. korak

Duplicirajte sloj Text 1, promijenite mu naziv u Text Top i smjestite ga na sam vrh, iznad svih ostalih slojeva koje imate.

Na kraju. izradite još jedan novi sloj iznad svih slojeva i nazovite ga Grass Stroke.

4. Primijenite 'Stroke' (potez kistom) na Slojeve Teksta

1. korak

Kliknite desnim gumbom miša na Text 1 sloj i odaberite Create Work Path.

Podesite Foreground Color na boju #b6b567 i Background Color na boju #425103, odaberite Brush Tool, i odaberite Grass Stroke Brush vrh kista.

2. korak

Selektirajte Layer 1 i pritisnite Return tipku da na putanju primijenite potez vrhom kista (stroke).

3. korak

Kliknite desnim gumbom miša Text 2 sloj, odaberite Create Work Path, i zatim selektirajte Layer 2 te pritisnite Return  tipku da primijenite 'stroke' (potez kistom) na putanju.

Ponovite isto za sve ostale slojeve teksta koje imate. Svakako pripazite da kreirate radnu putanju (work path) za svaki sloj i zatim selektirate sloj sa odgovarajućim brojem da primijenite 'stroke' na putanju.

4. korak

Izradite opet radnu putanju za Text 1, selektirajte sloj Grass Stroke i primijenite 'stroke' na putanju.

5. korak

Selektirajte Text Top sloj i kliknite Add vector mask ikonu na dnu Layers kartice.

Uzmite Eraser Tool, odaberite Grass Stroke Brush vrh kista i podesite Foreground Color u bijelu boju..

Pripazite da vam je selektirana sličica (thumbnail) maske i pritisnite Return tipku da posljednji put primijenite 'stroke' na Text 1 radnu putanju.

Odaberite Direct Selection Tool (A) i pritisnite Return tipku da se riješite radne putanje.

5. Dodajte Teksturu Trave

1. korak

Grupirajte slojeve teksta u jednu grupu i nazovite je Text Layers.

2. korak

Smjestite Grass0027_5_S sliku iznad Text Layers grupe i promijenite joj veličinu tako da prekriva sadržaj grupe.

3. korak

Kliknite desnim gumbom miša na sloj 'travnate' teksture i odaberite Create Clipping Mask.

Dva puta duplicirajte sloj sa teksturom trave. Jednu od kopija smjestite iznad Top Text sloja i drugu iznad Grass Stroke sloja te izradite za obje prikvačenu masku (funkcija clipping mask).

6. Stilizirajte Gornji Sloj Teksta

1. korak

Dvaput kliknite Text Top sloj da primijenite Bevel and Emboss efekt koristeći sljedeće postavke:

• Size: 13
• Use Global Light okvir ostavite neoznačen
• Angle: 27
• Altitude: 42
• Označite Anti-aliased okvir
• Highlight Mode: Soft Light
• Opacity: 30%
• Shadow Mode: Multiply
• Color: #8b8e79
• Opacity: 50%

To će tekstu dodati dimenziju.

2. korak

Grupirajte sve slojeve koje imate osim Background slojeva i njihovih prilagođenih slojeva ('adjustment layers' slojevi). Zatim duplicirajte grupu i idite na Layer > Merge Group.

7. Stilizirajte Grupu

Dvostruki klikom na sloj Group 1 primijenite sljedeći stil sloja (layer style):

1. korak

Dodajte Inner Shadow sa ovim postavkama:

• Blend Mode: Color Burn
• Color: #5d6625
• Opacity: 35%
• Use Global Light okvir ostavite neoznačen
• Angle: -104
• Distance: 8
• Size: 9

2. korak

Dodajte Drop Shadow sa ovim postavkama (1):

• Opacity: 43%
• Use Global Light prozorčić ostavite neoznačen
• Angle: -41
• Distance: 10
• Size: 27
• Noise: 5

3. korak

Dodajte Drop Shadow sa ovim postavkama (2):

• Opacity: 25%
• Use Global Light prozorčić ostavite neoznačen
• Angle: 41
• Distance: 45
• Size: 27
• Noise: 5

4. korak

Dodajte Drop Shadow sa ovim postavkama (3):

• Blend Mode: Linear Burn
• Opacity: 35%
• Use Global Light okvir ostavite neoznačen
• Angle: 126
• Distance: 15
• Size: 27
• Noise: 5

5. korak

Dodajte Drop Shadow sa ovim postavkama (5):

• Blend Mode: Vivid Light
• Color: #ffffff
• Opacity: 10%
• Distance: 15
• Spread: 27
• Size: 27
• Noise: 5

To će stilizirati slojeve ekstruzije i dodati sjenu.

8. Stilizirajte Sloj Sjedinjene Grupe

Dvostrukim klikom na Group 1 copy sloj primijenite sljedeći stil sloja (layer style):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Size: 29
• Use Global Light kućicu ostavite neoznačenu
• Angle: 61
• Altitude: 37
• Označite Anti-aliased prozorčić
• Highlight Mode: Soft Light
• Opacity: 50%
• Shadow Mode: Multiply
• Color: #8b8e79
• Opacity: 70%

2. korak

Dodajte Texture (teksturu) sa ovim postavkama:

• Pattern: Black Mamba

To će travi dodati malo realistične teksture.

9. Dodajte Cvijeće

1. korak

Odaberite cvjetove koje želite dodati iz High resolution: Flowers png seta i dodajte jedan navrh, iznad svih slojeva koje imate.

Uđite u Free Transform Mode (Command-T) način rada, da promijenite veličinu, rotirate ga i pomičete po potrebi te nakon toga pritisnite Return tipku da prihvatite promjene.

2. korak

Dvostrukim klikom na sloj cvijeta primijenite jednostavan Drop Shadow efekt koristeći ove postavke:

• Opacity: 55%
• Use Global Light prozorčić ostavite neoznačen
• Angle: 90
• Distance: 6
• Size: 9

3. korak

Kliknite desnim gumbom miša na sloj cvijeta i odaberite Copy Layer Style.

4. korak

Dodajte ostale cvjetove koje želite dodati te ih duplicirajte i transformirajte sve dok ne postignete rezultat koji vam se sviđa.

Kada završite, selektirajte sve slojeve cvjetova koje imate, kliknite desnim gumbom na bilo koji od njih i odaberite Paste Layer Style.

5. korak

Grupirajte slojeve cvjetova u jednu, Flowers grupu.

Dodajte Hue/Saturation sloj za prilagođavanje (adjustment layer), priključite ga grupi i promijenite Saturation vrijednost na -15.

10. Primijenite Visokopropusni Filter

1. korak

Duplicirajte sve slojeve i grupe koje imate osim Background slojeva (pozadine) i njihovih prilagođenih slojeva (adjustment layers).

Proširite popis efekata Group 1 copy 2 grupe i kliknite-povucite karticu Drop Shadow efekta na Delete ikonu na dnu Layers kartice kako biste ih uklonili.

2. korak

Selektirajte duplicirane slojeve i idite na Layer > Merge Layers, zatim Filter > Convert for Smart Filters i promijenite naziv sloja u Filters.

3. korak

Idite na Filter > Other > High Pass i promijenite Radius na 5.

4. korak

Filters sloju promijenite Blend Mode u Soft Light i Opacity na 50%.

5. korak

Duplicirajte Filters sloj i kopiji promijenite Opacity na 35%.

Čestitam, završili ste!

U ovom tutorialu smo upotrijebili teksturu drveta za pozadinu i dodali smo neke slojeve za prilagođavanje kako bismo naglasili njezine boje.

Zatim smo izradili i duplicirali tekst, kao i nekoliko drugih slojeva da počnemo raditi na efektu.

Nakon toga smo izradili potez kistom za travu, dodali teksturu trave i stilizirali različite slojeve da dodamo teksturu i dimenziju. Također smo dodali i stilizirali slojeve cvjetova preko cijelog teksta.

I na kraju smo sjedinili i modificirali slojeve, primijenili visokopropusni filter koji je izoštrio detalje kreiranog efekta i dovršili ga do kraja.

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.