1. Design & Illustration
  2. Text Effects

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

by
Read Time:8 minsLanguages:
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 imageFinal product imageFinal 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 LayerSolid Color LayerSolid Color Layer

2. korak

Upotrijebite Color #2e363.

Fill ColorFill ColorFill 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 OverlayGradient OverlayGradient Overlay

To će stvoriti jednostavnu pozadinu sa gradijentom.

Gradient BackgroundGradient BackgroundGradient 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 TextureAdd the Background TextureAdd the Background Texture

2. korak

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

Levels Adjustment LayerLevels Adjustment LayerLevels 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 TextCreate the TextCreate 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 ObjectCreate the Smart ObjectCreate the Smart Object

3. korak

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate 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 PanelOpen the Actions PanelOpen the Actions Panel

2. korak

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

Create New SetCreate New SetCreate New Set

3. korak

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

Create New ActionCreate New ActionCreate 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 LayerDuplicate the Text copy LayerDuplicate 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 LayerMove the Copy 2 LayerMove 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 ActionRecorded ActionRecorded Action

4. korak

Kliknite Stop recordning ikonu na dnu Actions kartice.

Stop RecordingStop RecordingStop 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 ActionPlay the ActionPlay the Action

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

Final LayerFinal LayerFinal 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 OrderReverse the Layers OrderReverse 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 GroupExtrusion GroupExtrusion 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 LayersCreate the Text Front and Back LayersCreate 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Drop Shadow sa ovim postavkama:

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

3. korak

Ovo će sloju dodati ekstrudirani stil.

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

Copy Layer StyleCopy Layer StyleCopy 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 StylePaste Layer StylePaste 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 GroupDuplicate the Extrusion GroupDuplicate 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Stroke sa ovim postavkama:

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

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 ShadowInner ShadowInner 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 GlowInner GlowInner 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 GlowOuter GlowOuter Glow

7. korak

Dodajte Drop Shadow sa ovim postavkama:

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

Ovo će stilizirati gornji sloj teksta.

Styled Front 1Styled Front 1Styled 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Stroke sa sljedećim postavkama:

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

To će stilizirati prednji unutarnji dio teksta prvog sloja.

Styled Front 2Styled Front 2Styled 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

To će stilizirati prednji unutarnji dio teksta drugog sloja.

Styled Front 3Styled Front 3Styled 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Contour:

  • Contour: Cone - Inverted
ContourContourContour

3. korak

Drop Shadow:

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

To će stilizirati stražnji sloj.

Styled Back LayerStyled Back LayerStyled 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 OverlayGradient OverlayGradient Overlay

Ovo će dodati još malo dimenzije ekstrudiranom tekstu.

Extrusion Gradient EffectExtrusion Gradient EffectExtrusion 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 GlowOuter GlowOuter Glow

3. korak

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

Text Effect GroupText Effect GroupText 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 GlowOuter GlowOuter 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 EffectFinal Text EffectFinal 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 OverlayTexture OverlayTexture 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 1Gradient Map 1Gradient 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 2Gradient Map 2Gradient 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 ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads