U ovom tutorijalu ćete vidjeti kako upotrijebiti smart objects (pametne objekte) i stilove za slojeve kako biste izradili 3D, retro, svijetleći efekt za tekst. Počnimo!

Ovaj efekt za tekst inspiriran je mnogom stilovima za slojeve (Layer Styles) dostupnim na Envato Market-u.

Elementi Potrebni za Tutorijal

Tijekkom izrade ovog tutorijala korišteni su sljedeći elementi:

• Big John font
• Tekstura Metala
• Freeze, autor: AFineWar
• Free Pack 6000 photoshop gradients (besplatan paket 6000 photoshop gradijenata), autor: Supertuts007 (Učitajte CHROMES.grd dokument)

1. Izradite Gradijent za Pozadinu

1. korak

Napravite novi dokument 800 x 600 px, kliknite Create new fill ili adjustment layer ikonu na dnu Layers krtice i odaberite Solid Color.

2. korak

Upotrijebite Color #2e363.

3. korak

Dvaput kliknite na Solid Color sloj da primijenite Gradient Overlay efekt koristeći sljedeće postavke:

• Označite Dither kućicu
• Blend Mode: Linear Burn
• Opacity: 20%
• Style: Radial
• Scale: 150%
• Kliknite Gradient prozor da napravite ispunu gradijentom koristeći boje #ffffff slijeva i #ababab zdesna.

To će stvoriti jednostavnu pozadinu sa gradijentom.

2. Pozadini Dodajte Teksturu

1. korak

Smjestite teksturu metala na Solid Color sloj i prilagodite veličinu ako je potrebno.

Promijenite ime sloja sa teksturom u BG Texture i sloju promijenite Blend Mode u Soft Light.

2. korak

Idite na Image > Adjustments > Levels i promijenite Gamma vrijednost u 1.50.

3. Napravite Tekst i njegov Smart Object (pametni objekt)

1. korak

Napravite tekst koristeći font Big John. Size podesite na 200 pt, Color na boju #e8a505, te Tracking na 100.

2. korak

Promijenite ime sloja s tekstom u Text, kliknite desnim gumbom miša i odaberite Convert to Smart Object.

Svakako pažljivo pratite nazive slojeva tijekom cijelog tutorijala kako se ne bi zbunili.

3. korak

Napravite duplikat sloja Text, učinite ga nevidljivim i odvucite ga iznad sloja copy.

4. Izradite Akciju za Transformiranje

Sada ćemo napraviti duplikat teksta i transformirati kopiju, zatim ćemo to ponoviti sa nekoliko slojeva.

Pošto radimo sa pametnim objektima, problem s transformiranjem duplikata ćemo izbjeći snimanjem Akcije koja služi upravo tome.

1. korak

Otvorite Actions karticu (ispod Window izbornika).

2. korak

Kliknite Create new set ikonu na dnu kartice, unesite Extrusion u Name područje i kliknite OK.

3. korak

Kliknite Create new action ikonu na dnu kartice, unesite Action u Name područje i kliknite Record.

5. Snimite Akciju

1. korak

Napravite duplikat Text copy sloja tako da ga kliknete-odvučete na New layer ikonu na dnu Layers kartice.

2. korak

Pritisnite Command-T da unesete Free Transform Mode i zatim jednom kliknite Down Arrow (strelica dolje) tipku i Right Arrow (strelica desno) tipku kako biste pomaknuli sloj Text copy 2 za 1 px dolje i 1 px udesno.

3. korak

Kliknite tipku Return da primijenite promjene. Trebali biste vidjeti sve korake snimljene i dodane Akciji koju izrađujete.

4. korak

Kliknite Stop recordning ikonu na dnu Actions kartice.

6. Napravite Ekstruziju

1. korak

Kliknite Play selection ikonu na dnu Actions kartice 10 puta da napravite još 10 kopija sa transformacijom.

Konačni sloj bi trebao imati naziv Text copy 12.

2. korak

Odaberite Text copy slojeve (bez originalnog nevidljivog Text sloja) i idite na Layer > Arrange > Reverse.

To će smjestiti zadnji sloj kopije na dno i prvi staviti na vrh.

3. korak

Uklonite odabir s prvog i posljednjeg sloja i zatim smjestite preostale odabrane slojeve u grupu i nazovite je Extrusion.

4. korak

Preimenujte naziv sloja Text copy u Text Front i sloj Text copy 12 u Text Back.

Napravite duplikat Text Front sloja, kopiji promijenite Fill vrijednost u 0, i zatim ga duplicirajte.

7. Stilizirajte Slojeve Ekstruzije

Dvaput kliknite na sloj Text copy 2 kako biste primijenili sljedeći stil za sloj:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Size: 0
• Shadow Mode - Opacity: 15%

2. korak

Dodajte Drop Shadow sa ovim postavkama:

• Opacity: 7%
• Distance: 3
• Size: 2

3. korak

Ovo će sloju dodati ekstrudirani stil.

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

4. korak

Odaberite ostatak ekstrudiranih slojeva, kliknite desnim gumbom miša na bilo koji od njih i odaberite Paste Layer Style.

To će izraditi ekstrudirani 3D efekt.

5. korak

Napravite duplikat Extrusion grupe, odvucite kopiju da je smjestite na Text Front copy 2 sloj i promijenite Fill vrijednost na 0.

8. Stilizirajte Prednji Sloj sa Tekstom

Dvaput kliknite na Text Front sloj da primijenite sljedeći stil:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Size: 3
• Gloss Contour: Cove - Deep
• Označite Anti-aliased kućicu
• Shadow Mode - Opacity: 15%

2. korak

Dodajte Contour sa ovim postavkama:

• Contour: Cove - Deep
• Označite Anti-aliased kućicu
• Range: 100%

3. korak

Dodajte Stroke sa ovim postavkama:

• Size: 1
• Position: Inside
• Blend Mode: Screen
• Fill Type: Gradient
• Upotrijebite faucet 70 gradijent ispunu

4. korak

Dodajte Inner Shadow sa ovim postavkama:

• Opacity: 35%
• Uklonite oznaku s kućice Use Global Light
• Angle: 141
• Distance: 9
• Choke: 6
• Size: 18

5. korak

Dodajte Inner Glow sa ovim postavkama:

• Blend Mode: Linear Light
• Opacity: 100%
• Color: #d1cc90
• Technique: Precise
• Size: 90
• Contour: Cone - Asymmetrical

6. korak

Dodajte Outer Glow sa ovim postavkama:

• Opacity: 100%
• Color: Upotrijebite faucet 140 gradijent ispunu
• Spread: 28
• Size: 10
• Contour: Cove - Shallow

7. korak

Dodajte Drop Shadow sa ovim postavkama:

• Opacity: 7%
• Distance: 3
• Size: 2

Ovo će stilizirati gornji sloj teksta.

9. Stilizirajte Prvu Prednju Kopiju

Dvaput kliknite na Text Front copy sloj kako biste primijenili sljedeći stil.

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Size: 10
• Uklonite oznaku s kućice Use Global Light
• Angle: 138
• Altitude: 21
• Gloss Contour: Cove - Deep
• Označite Anti-aliased kućicu
• Shadow Mode - Opacity: 15%

2. korak

Dodajte Contour sa ovim postavkama:

• Contour: Cove - Deep
• Označite Anti-aliased kućicu.
• Range: 100%

3. korak

Dodajte Stroke sa sljedećim postavkama:

• Size: 1
• Position: Inside
• Blend Mode: Screen
• Fill Type: Gradient
• Upotrijebite faucet 70 gradijent ispunu

To će stilizirati prednji unutarnji dio teksta prvog sloja.

10. Stilizirajte Drugu Prednju Kopiju

Dvapit kliknite na sloj Text Front copy 2 da na njega primijenite sljedeći stil:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Technique: Chisel Hard
• Size: 10
• Uklonite oznaku s Use Global Light kućice
• Angle: 110
• Altitude: 26
• Gloss Contour: Cone - Asymmetrical
• Označite Anti-aliased kućicu
• Shadow Mode - Opacity: 15%

2. korak

Dodajte Contour sa ovim postavkama:

• Contour: Notched Slope - rounded
• Označite Anti-aliased kućicu
• Range: 100%

To će stilizirati prednji unutarnji dio teksta drugog sloja.

11. Stilizirajte Text Back sloj

Kopirajte i zalijepite (copy-paste) stil sloja Text Front na Text Back sloj i zatim dvaput kliknite na Text Back sloj da podesite sljedeće postavke:

1. korak

Bevel and Emboss:

• Size: 6

2. korak

Contour:

• Contour: Cone - Inverted

3. korak

Drop Shadow:

• Opacity: 70%
• Distance: 20
• Size: 50

To će stilizirati stražnji sloj.

12. Stilizirajte Ekstrudirane Grupe

1. korak

Dvaput kliknite Extrusion grupu da primijenite Gradient Overlay efekt sa ovim postavkama:

• Označite Dither kućicu
• Blend Mode: Multiply
• Upotrijebite stove pipe 185x gradijent ispunu

Ovo će dodati još malo dimenzije ekstrudiranom tekstu.

2. korak

Dvaput kliknite Extrusion copy grupu kako bi primijenili Outer Glow efekt sa ovim postavkama:

• Blend Mode: Linear Light
• Opacity: 35%
• Color: #a9f6ff
• Size: 27
• Contour: Ring
• Range: 75%

3. korak

Grupirajte sve vidljive kopije slojeva teksta i grupe 'extrusion' grupe koje imate te nazovite grupu Text Effect.

4. korak

Dvaput kliknite na grupu Text Effect da primijenite Outer Glow efekt sa ovim postavkama:

• Blend Mode: Screen
• Opacity: 50%
• Color: #399da7
• Size: 150

5. korak

Ovime ćete dovršiti efekt teksta do kraja.

Ako želite promijeniti tekst možete dvaput kliknuti na sličicu pokraj originalnog Text sloja kako bi otvorili originalni tekst dokument, pa promijenite tekst i idite na Image > Reveal All, zatim File > Save, i na kraju File > Close.

To će ažurirati ostale slojeve pametnih objekata i efekt će biti primijenjen na novi tekst koji ste unijeli.

13. Dodajte Teksturu i Neke Slojeve za Podešavanje

1. korak

Smjestite teksturu Freeze iznad svih slojeva i promijenite ime tog sloja u Texture Overlay. Sloju Texture Overlay promijenite Blend Mode u Linear Burn i Opacity podesite na 15%.

2. korak

Dodajte Gradient Map sloj za podešavanje (adjustment layer) iznad svih slojeva i označite kućicu Dither.

Napravite ispunu sa gradijentom koristeći boje #443469 slijeva i #5e6474 u sredini te #d4b28a zdesna.

Sloju promijenite Blend Mode u Color i Opacity podesite na 15%.

3. korak

Napravite duplikat Gradient Map sloja za podešavanje i zatim kopiji promijenite Blend Mode u Soft Light i Opacity podesite na 50%.

Čestitam, Završili Ste!

U ovom tutorijalu smo izradili jednostavnu pozadinu sa gradijentom i teksturom.

Zatim smo izradili tekst, konvertirali ga u pametni objekt i kopirali. Nakon toga smo snimili akciju kako bismo izradili ekstruziju i počeli na slojeve primjenjivati različite stilove slojeva da izradimo tekst efekt.

I na kraju smo dodali teksturu te nekoliko slojeva za podešavanje kako bismo sve zajedno dovršili.

U rubrici ispod možete slobodno ostaviti svoje komentare, sugestije i rezultate.