Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

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

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Make a Soft Light Photoshop Action to Create a Backlight Effect
How to Create a Funny, Creepy Photo Effect Action in Adobe Photoshop

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Final product image
What You'll Be Creating

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.

3D Cinematic Text Generator
3D Cinematic Text Generator

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:

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.

Cinematic Background

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.

Type Tool

3. korak

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

Warped Text

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.

Layers Panel

1. korak

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

Actions Panel

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.

Create New Action

3. Napravite i transformirajte slojeve

1. korak

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

Make Layer Invisible

2. korak

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

Duplicate Layer Gladius

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.

Make Layer Visible

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.
Duplicate Layers b1 to 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.

Transform Layer b2

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.

Transform Layer b3

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.

Transform Layer b4

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.

Transform Layer b5

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.

Transform Layer c1

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.

Add a Stroke to c1

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.
Duplicate Layers c2 to 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.

Transform Layer c2

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.

Transform Layer c3

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.

Transform Layer c4

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.

Transform Layer c5

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.

Transform Layer c6

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.

Transform Layer c7

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.

Transform Layer c8

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.

Transform Layer c9

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.

Transform Layer c10

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.

Make Group of Layers c2 to c10

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.

Make Group of Layers b1 to b5

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.

Transform Layer a1

24. korak

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

Duplicate Layer a1

25. korak

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

Arrange Layers

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%.

Set a Fill Opacity

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%
Add a Bevel and Emboss

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%
Create a Custom Contour

4. korak

Dodajte Stroke s ovim postavkama:

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

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.

Add an Inner Shadow

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
Add an Inner Shadow

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
Add an Inner Glow

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
Add a Satin

9. korak

Dodajte Color Overlay s ovim postavkama:

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

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%
Add a Gradient Overlay

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.

Add a Drop Shadow

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%
Add a Bevel and Emboss

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.

Create a Custom Contour

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
Add an Inner Glow

15. korak

Dodajte Color Overlay sa sljedećim postavkama:

  • Blend Mode: Normal
  • odaberite boju: #9a8868
  • Opacity: 100%
Add a Color Overlay

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.

Add a Drop Shadow

17. korak

Označite sloj c1 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%
Add a Bevel and Emboss

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
Add an Inner Shadow

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%
Add an Inner Glow

20. korak

Dodajte Color Overlay sa sljedećim postavkama:

  • Blend Mode: Lighten
  • odaberite boju #ccc092
  • Opacity: 46%
Add a Color Overlay

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.

Add a Gradient Overlay

22. korak

Označite sloj c2 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°
Add a Gradient Overlay

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%
Add a Bevel and Emboss

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.

Add a Drop Shadow

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.

Make Group of Layers c2 to a2

2. korak

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

Stop Recording an Action

Ovo bi trebao biti rezultat.

Final Result

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.

Action Example

Č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.

3D Cinematic Text Generator
3D Cinematic Text Generator
Advertisement
Advertisement
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.