Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Kako Izraditi 3D, Svijetleći, Retro Efekt za Tekst u Adobe Photoshopu

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop
How to Create a Bold 90s Text Effect in Adobe InDesign

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Solid Color Layer

2. korak

Upotrijebite Color #2e363.

Fill Color

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.
Gradient Overlay

To će stvoriti jednostavnu pozadinu sa gradijentom.

Gradient Background

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.

Add the Background Texture

2. korak

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

Levels Adjustment Layer

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.

Create the Text

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.

Create the Smart Object

3. korak

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

Duplicate the Text Layer

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

Open the Actions Panel

2. korak

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

Create New Set

3. korak

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

Create New Action

5. Snimite Akciju

1. korak

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

Duplicate the Text copy Layer

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.

Move the Copy 2 Layer

3. korak

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

Recorded Action

4. korak

Kliknite Stop recordning ikonu na dnu Actions kartice.

Stop Recording

6. Napravite Ekstruziju

1. korak

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

Play the Action

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

Final Layer

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.

Reverse the Layers Order

3. korak

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

Extrusion Group

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.

Create the Text Front and Back Layers

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

2. korak

Dodajte Drop Shadow sa ovim postavkama:

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

3. korak

Ovo će sloju dodati ekstrudirani stil.

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

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.

Paste Layer Style

5. korak

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

Duplicate the Extrusion Group

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

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Stroke sa ovim postavkama:

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

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

5. korak

Dodajte Inner Glow sa ovim postavkama:

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

6. korak

Dodajte Outer Glow sa ovim postavkama:

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

7. korak

Dodajte Drop Shadow sa ovim postavkama:

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

Ovo će stilizirati gornji sloj teksta.

Styled Front 1

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

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Stroke sa sljedećim postavkama:

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

To će stilizirati prednji unutarnji dio teksta prvog sloja.

Styled Front 2

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

2. korak

Dodajte Contour sa ovim postavkama:

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

To će stilizirati prednji unutarnji dio teksta drugog sloja.

Styled Front 3

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
Bevel and Emboss

2. korak

Contour:

  • Contour: Cone - Inverted
Contour

3. korak

Drop Shadow:

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

To će stilizirati stražnji sloj.

Styled Back Layer

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
Gradient Overlay

Ovo će dodati još malo dimenzije ekstrudiranom tekstu.

Extrusion Gradient Effect

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%
Outer Glow

3. korak

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

Text Effect Group

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
Outer Glow

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.

Final Text Effect

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

Texture Overlay

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

Gradient Map 1

3. korak

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

Gradient Map 2

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

Final Result
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.