Kako u Adobe Photoshopu snimiti akciju kreiranja 3 D zlatnog teksta sa "cinematic" efektom

U programu Adobe Photoshop akcije su iznimno praktičan alat  i oni koji koriste ovaj program vjerojatno koriste akcije svakodnevno. One mogu značajno skratiti trajanje radnog procesa.

U ovom ćete tutorijalu naučiti kako postaviti 3 D akciju zlatnog teksta s filmskim efektom koju ćete moći primijeniti na bilo koji font i veličinu fonta. Ova je akcija dio paketa 3D Cinematic Text Generator - Actions.

Prije samog početka

Jednom kad postavite akcije one će vam uštedjeti vrijeme, ali morate ipak voditi računa o detaljima i redoslijedu radnji. Imajte na umu da će od trenutka kad počnete snimati akciju svaki klik mišem ili dodir tipkovnice biti snimljen u vašoj akciji.

U slučaju da ste početnik u svijetu akcija, možete pročitati tekst Melody Nieves koji pokriva osnove akcija u Photoshopu, ili naučiti više iz lekcija Kirka Nelsona "Building Your Own Actions in Adobe Photoshop".

Elementi tutorijala

Obje ove datoteke pomoći će vam da dobijete završnu sliku, ali nisu neophodne za postavljanje akcije:

• font Trajan Pro 3
• slika Cinematic Background

1. Priprema za snimanje akcije

Prije samog snimanja akcije trebate pripremiti primjer teksta. U ovom ćemo tutorijalu dodati i tematsku pozadinu.

1. korak

Otvorite sliku Cinematic Background Image. Dimenzije su 900 x 600 px i to će biti pozadina našeg dokumenta.

2. korak

Odaberite Type Tool, zatim font Trajan Pro 3 (treba biti u sklopu fontova u programu, ili ga dodatno učitajte), postavite Font Size na otprilike 170 pt i utipkajte velikim slovima GLADIUS. Boja teksta nije važna.

3. korak

Klikom odaberite dugme Create Warped Text. Postavite Style: Arc, odaberite Horizontal i postavite Bend: 6%.

2. Počnite snimati akciju

Prije početka snimanja akcije provjerite imate li samo dva sloja u panelu Layers: gornji sloj GLADIUS i donji sloj Background.

1. korak

Kombinacijom tipki Alt-F9 na tipkovnici otvorite panel Actions ili ga otvorite iz izbornika Window > Actions.

2. korak

Označite sloj GLADIUS i u panelu Actions odaberite Create new set, postavite pod Name: Cinematic Tutorial. Zatim klikom odaberite Create new action, postavite Name: 3D Gold i pritisnite Record. Dugme Begin recording trebalo bi promijeniti boju u crvenu.

Važno! Od sada nadalje pratite sve korake u ovom slijedu bez dodatnih klikova mišem ili dodira tipkovnice.

3. Napravite i transformirajte slojeve

1. korak

Označite i sakrijte sloj GLADIUS klikom na Layer visibility, odnosno,  ikonu oka u panelu slojeva Layers.

2. korak

Desnim klikom na sloj GLADIUS odaberite Duplicate Layer iz izbornika As: c1.

3. korak

Napravite svoj trenutno označeni sloj c1 vidljivim klikom na ikonu Layer visibility, i desnim klikom na sloj odaberite Convert to Smart Object.

Ovim prvim koracima sakrit ćemo i duplirati originalni sloj s tekstom, a akcija će biti primijenjena na duplirani sloj dok će originalni sloj ostati netaknut. Pretvaranjem sloja na kojem radite u "smart object" omogućavate nedestruktivnu primjenu efekata akcije.

4. korak

Duplirajte slojeve ovim redoslijedom:

• Napravite desni klik na sloj c1, odaberite Duplicate Layer iz izbornika As: b1.
• Napravite desni klik na sloj b1, odaberite Duplicate Layer iz izbornika As: b2.
• Napravite desni klik na sloj b2, odaberite Duplicate Layer iz izbornika As: b3.
• Napravite desni klik na sloj b3, odaberite Duplicate Layer iz izbornika As: b4.
• Napravite desni klik na sloj b4, odaberite Duplicate Layer iz izbornika As: b5.
• Napravite desni klik na sloj b5, odaberite Duplicate Layer iz izbornika As: a1.

5. korak

Označite sloj b2 i odaberite Edit > Free Transform (ili Control-T), isključite Maintain aspect ratio ako je uključen, postavite W: 99.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 1 px pod Y: (primjerice: ako je Y: 287.55 px promijenite u 288.55 px). Na kraju pritisnite Enter za primjenu postavki.

6. korak

Označite sloj b3 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 99% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 2 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

7. korak

Označite sloj b4 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 98.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 3 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

8. korak

Označite sloj b5 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 98% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 4 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

9. korak

Označite sloj c1 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 98% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 4 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

10 korak

Dvoklikom na sloj c1 primijenite sljedeći stil sloja:

Dodajte obrub, pod Stroke u bilo kojoj boji s ovim postavkama:

• Size: 5 px
• Position: Outside

Potvrdite promjene s OK, napravite desni klik na sloju i odaberite Convert to Smart Object.

11. korak

Duplirajte slojeve ovim redoslijedom: 

• Napravite desni klik na sloj c1, odaberite Duplicate Layer iz izbornika As: c2.
• Napravite desni klik na sloj c2, odaberite Duplicate Layer iz izbornika As: c3.
• Napravite desni klik na sloj c3, odaberite Duplicate Layer iz izbornika As: c4.
• Napravite desni klik na sloj c4, odaberite Duplicate Layer iz izbornika As: c5.
• Napravite desni klik na sloj c5, odaberite Duplicate Layer iz izbornika As: c6.
• Napravite desni klik na sloj c6, odaberite Duplicate Layer iz izbornika As: c7.
• Napravite desni klik na sloj c7, odaberite Duplicate Layer iz izbornika As: c8.
• Napravite desni klik na sloj c8, odaberite Duplicate Layer iz izbornika As: c9.
• Napravite desni klik na sloj c9, odaberite Duplicate Layer iz izbornika As: c10.

12. korak

Označite sloj c2 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 99.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 1 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

13. korak

Označite sloj c3 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 99% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 2 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

14. korak

Označite sloj c4 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 98.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 3 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

15. korak

Označite sloj c5 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen postavite W: 98% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 4 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

16. korak

Označite sloj c6 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 97.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 5 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

17. korak

Označite sloj c7 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 97% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 6 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

18. korak

Označite sloj c8 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 96.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 7 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

19. korak

Označite sloj c9 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 96% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 8 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

20. korak

Označite sloj c10 i odaberite Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite W: 95.5% za vodoravan položaj i za povećanje vrijednosti vertikale dodajte 9 px pod Y:. Na kraju pritisnite Enter za primjenu postavki.

21. korak

Označite sloj c2 i klikom na sloj c10 uz pritisnutu tipku Shift selektirajte ove i sve slojeve između njih. Napravite desni klik na bilo koji od ovih slojeva i odaberite Group from Layers, odaberite pod Name: c2 i pritisnite OK. Desnim klikom na ovu grupu iz izbornika odaberite Convert to Smart Object.

22. korak

Označite sloj b1 i klikom na sloj b5 uz pritisnutu tipku Shift selektirajte ove i sve slojeve između njih. Napravite desni klik na bilo koji od ovih slojeva i odaberite Group from Layers, odaberite pod Name: b1 i pritisnite OK. Desnim klikom na ovu grupu iz izbornika odaberite Convert to Smart Object.

23. korak

Označite sloj a1 i transformirajte ga odabirom Edit > Free Transform, isključite Maintain aspect ratio ako je uključen, postavite vrijednost za vertikalu H: 99.5% i pritisnite Enter za primjenu postavki.

24. korak

Napravite desni klik na sloj a1, odaberite Duplicate Layer iz izbornika As: a2.

25. korak

Označite sloj c1, odaberite Layer > Arrange > Bring Forward da pomaknete ovaj sloj između slojeva b1 i c2.

4. Dodajte stilove sloja

1. korak

Označite sloj a2 i dvoklikom na sloj primijenite sljedeći stil sloja:

Postavite Fill Opacity pod Advanced Blending na 0%.

2. korak

Dodajte Bevel & Emboss s ovim postavkama:

• Style: Stroke Emboss
• Technique: Smooth
• Depth: 388%
• Direction: Up
• Size: 120 px
• skinite oznaku u kvadratiću uz Use Global Light
  
• Angle: 90°
• Altitude: 42°
• Highlight Mode: Color Dodge s bojom #ffffff i Opacity: 58%
• Shadow Mode: Color Burn s bojom #010101 i Opacity: 49%

3. korak

U prozoru Bevel & Emboss napravite Gloss Contour s ovim postavkama:

Dodajte 8 točaka, 8 points na krivulju obrisa. Da dodate točke kliknite bilo gdje na krivulju. Zatim za svaku točku postavite vrijednosti za Input i Output.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 20% Output: 98%
• Point 3 - Input: 44% Output: 6%
• Point 4 - Input: 54% Output: 89%
• Point 5 - Input: 68% Output: 11%
• Point 6 - Input: 73% Output: 91%
• Point 7 - Input: 88% Output: 10%
• Point 8 - Input: 100% Output: 32%

4. korak

Dodajte Stroke s ovim postavkama:

• Size: 1 px
• Position: Inside
• Blend Mode: Normal
  
• Color: #9a8868

5. korak

Dodajte Inner Shadow sa sljedećim postavkama:

• Blend Mode: Linear Dodge (Add) s bojom #ffffff
• Opacity: 45%
• skinite oznaku u kvadratiću uz Use Global Light
  
• Angle: -90°
• Distance: 3 px
• Choke: 0%
• Size: 0 px

Pritisnite OK da potvrdite promjene.

6. korak

Označite sloj a1 i dvoklikom na sloj primijenite sljedeći stil sloja:

Dodajte Inner Shadow sa sljedećim postavkama:

• Blend Mode: Linear Dodge (ADD) s bojom #ffffff
• Opacity: 34%
• skinite oznaku u kvadratiću uz Use Global Light
  
• Angle: 90°
• Distance: 3 px
• Choke: 0%
• Size: 0 px

7. korak

Dodajte Inner Glow sa sljedećim postavkama:

• Blend Mode: Color Dodge
• Opacity: 22%
• odaberite boju #ffffff
• Technique: Softer
• Source: Edge
• Choke: 0%
• Size: 3 px

8. korak

Dodajte Satin sa sljedećim postavkama:

• Blend Mode: Linear Burn s bojom #772000
• Opacity: 37%
• Angle: 90°
• Distance: 2 px
• Size: 2 px
• skinite oznaku u kvadratiću uz Invert

9. korak

Dodajte Color Overlay s ovim postavkama:

• Blend Mode: Color
• odaberite boju #908770
• Opacity: 100%

10. korak

Dodajte Gradient Overlay sa sljedećim postavkama:

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 0°
• Scale: 150%
  
• Kliknite na Gradient i postavite sljedeće vrijednosti boja:
• Color stop 1 - Color: #4c4c4c Location: 0%
• Color stop 2 - Color: #8f8f8f Location: 32%
• Color stop 3 - Color: #ffffff Location: 44%
• Color stop 4 - Color: #8f8f8f Location: 53%
• Color stop 5 - Color: #ffffff Location: 62%
• Color stop 6 - Color: #8f8f8f Location: 66%
• Color stop 7 - Color: #616161 Location: 100%

11. korak

Dodajte Drop Shadow sa sljedećim postavkama:

• Blend Mode: Linear Burn
• odaberite boju #010101
• Opacity: 10%
  
• Distance: 0 px
• Spread: 50%
• Size: 2 px

Pritisnite OK za primjenu postavki.

12. korak

Označite sloj b1 i dvoklikom na njega primijenite sljedeći stil sloja:

Dodajte Bevel & Emboss sa sljedećim postavkama:

• Style: inner Bevel
• Technique: Smooth
• Depth: 256%
• Direction: Up
• Size: 250 px
• skinite oznaku u kvadratiću uz Use Global Light
• Angle: 90°
• Altitude: 42°
• Highlight Mode: Color Dodge s bojom #ffffff i Opacity: 58%
• Shadow Mode: Color burn s bojom #010101 i Opacity: 49%

13. korak

U prozoru Bevel & Emboss odaberite Gloss Contour sa sljedećim postavkama:

Dodajte devet točaka, odnosno,  9 points na krivulju obrisa i postavite Input i Output za svaku od ovih točaka.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 18% Output: 42%
• Point 3- Input: 36% Output: 15%
• Point 4 - Input: 49% Output: 39%
  
• Point 5 - Input: 54% Output: 89%
• Point 6 - Input: 67% Output: 39%
• Point 7 - Input: 73% Output: 91%
• Point 8 - Input: 88% Output: 10%
• Point 9 - Input: 100% Output: 32%

Pritisnite dugme New i postavite pod Name: My Contour da spremite ovaj prilagođeni obris. Trebat će vam poslije.

14. korak

Dodajte Inner Glow sa sljedećim postavkama:

• Blend Mode: Color Dodge
• Opacity: 22%
• odaberite boju #ffffff
• Technique: Softer
• Source: Edge
• Choke: 0%
• Size: 3 px

15. korak

Dodajte Color Overlay sa sljedećim postavkama:

• Blend Mode: Normal
• odaberite boju: #9a8868
• Opacity: 100%

16. korak

Dodajte Drop Shadow sa sljedećim postavkama:

• Blend Mode: Linear Burn
• odaberite boju #010101
• Opacity: 10%
  
• Distance: 0 px
• Spread: 50%
• Size: 2 px

Pritisnite OK da primijenite postavke.

17. korak

Označite sloj c1 i dvoklikom na sloj primijenite sljedeći stil sloja:

Dodajte Bevel & Emboss sa sljedećim postavkama:

• Style: Inner Bevel
• Technique: Smooth
• Depth: 256%
• Direction: Up
• Size: 250 px
• skinite oznaku u kvadratiću uz Use Global Light
• Angle: 90°
• Altitude: 42°
• Gloss Contour: selektirajte prethodno spremljeni obris My Contour
  
• Highlight Mode: Color Dodge s bojom #ffffff i Opacity: 58%
• Shadow Mode: Color Burn s bojom #010101 i Opacity: 49%

18. korak

Dodajte Inner Shadow sa sljedećim postavkama:

• Blend Mode: Linear Dodge s bojom #ffffff
• Opacity: 38%
• Distance: 0 px
• Choke: 28%
• Size: 9 px

19. korak

Dodajte Inner Glow sa sljedećim postavkama:

• Blend Mode: Linear Burn
• Opacity: 13%
• odaberite boju #000000
• Technique: Softer
• Source: Edge
  
• Choke: 0%
• Size: 32 px
• Range: 45%

20. korak

Dodajte Color Overlay sa sljedećim postavkama:

• Blend Mode: Lighten
• odaberite boju #ccc092
• Opacity: 46%

21. korak

Dodajte Gradient Overlay sa sljedećim postavkama:

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 80°
• Scale: 100%
  
• Klikom na Gradient postavite sljedeće vrijednosti boja:
• Color stop 1- Color: #6c5b48 Location: 0%
• Color stop 2 - Color: #e2cd96 Location: 28%
• Color stop 3 - Color: #e2cd96 Location: 45%
• Color stop 4 - Color: #6c5b48 Location: 63%
• Color stop 5 - Color: #e2cd96 Location: 85%
• Color stop 6 - Color: #eed89c Location: 87%
• Color stop 7 - Color: #e2cd96 Location: 92%
• Pritisnite dugme New i snimite ovaj gradijent u svoje postavke Presets. Ovaj ćete gradijent ponovo koristiti u sljedećem koraku.
  

Pritisnite OK za primjenu postavki.

22. korak

Označite sloj c2 i dvoklikom na sloj primijenite sljedeći stil sloja:

Dodajte Gradient Overlay koji ste snimili pod Presets u zadnjem koraku s ovim postavkama:

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 90°

23. korak

Dodajte Bevel & Emboss sa sljedećim postavkama:

• Style: Inner Bevel
• Technique: Chisel Soft
  
• Depth: 184%
• Direction: Up
• Size: 76 px
• Soften: 15 px
  
• skinite oznaku u kvadratiću uz Use Global Light
• Angle: 96°
• Altitude: 42°
• Highlight Mode: Color Dodge s bojom #ffffff i Opacity: 44%
• Shadow Mode: Linear Burn s bojom #010101 i Opacity: 56%

24. korak

Dodajte Drop Shadow sa sljedećim postavkama:

• Blend Mode: Linear Burn s bojom #010201
• Opacity: 39%
• skinite oznaku u kvadratiću uz Use Global Light
• Angle: 90°
• Distance: 8 px
• Spread: 0%
• Size: 7 px

Pritisnite OK da primijenite postavke.

5. Završne prilagodbe

Još malo pa gotovo. Sada biste trebali vidjeti ove slojeve u panelu slojeva, Layers, i to: a2, a1, b1, c1, c2, GLADIUS i sloj Background. Napravit ćemo sada malo reda.

1. korak

Označite slojeve c2 i a2 istovremeno držeći tipku Shift da osim njih označite i sve slojeve između. Desnim klikom na bilo koji od ovih slojeva odaberite Group from Layers, upišite pod Name: Cinematic Effect i pritisnite OK.

2. korak

Sada je vrijeme da prestanete snimati akciju. Odaberite dugme Stop u panelu Actions.

Ovo bi trebao biti rezultat.

Od sada nadalje ovu akciju možete primijeniti na bilo koji tekst. Označite svoj sloj s tekstom u panelu Layers, odaberite akciju  3D Gold u panelu Actions i pritisnite dugme Play.

Čestitam! Uspjeli ste!

U ovom smo tutorijalu naučili kako snimiti akciju za kreiranje 3D teksta sa "cinematic" efektom.

Počeli smo pripremom elemenata i primjera teksta, a zatim smo snimali akciju. Nakon toga smo kreirali i transformirali višestruke slojeve. Na kraju smo dodali više različitih stilova sloja i završili snimanje akcije.

Ova je akcija dostupna kao dio paketa 3D Cinematic Text Generator iz mog portfolia na stranici GraphicRiver.