1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Kako Izraditi Raznobojni Sjajni Tekst Efekt u Adobe Photoshopu

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

U ovom tutorialu ću vam pokazati kako izraditi raznobojan i sjajan tekst efekt u Adobe Photoshopu koristeći dva stilova sloja (layer styles).

Ako želite preskočiti ovaj tutorial i kupiti tekst efekt, idite na GraphicRiver i kupite 7 Shiny Photoshop Syles 2.

Cijeli set ima sedam različitih efekata za tekst i radi sa oblicima i tekstom.

Promo imagePromo imagePromo image
7 Shiny Photoshop Styles 2

Resursi za Tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći elementi:

  • Font: Lobster 1.4
  • Backgroud i Contour iz zip datoteke koja se nalazi u privitku ovog tutoriala

1. Kako Izraditi 'Layer Styles'

1. korak

Idite na File > Open i otvorite sliku pozadine (background).

Background imageBackground imageBackground image

2. korak

Odaberite Horizontal Type Tool (T) sa ovim postavkama:

  • Font: Lobster 1.4
  • Size: 210 pt
  • Anti-Aliasing mode: Sharp
  • Color: White #ffffff (odaberite bijelu boju)
Horizontal Type Tool and its settingsHorizontal Type Tool and its settingsHorizontal Type Tool and its settings

3. korak

Upišite Shiny u sredinu dokumenta.

Kako biste centrirali sloj, pritisnite Control-A da selektirate dokument i zatim odaberite Move Tool (V) i kliknite na Align Vertical Center i Align Horizontal Center ikone.

Aligning the layerAligning the layerAligning the layer

4. korak

Dvaput kliknite sloj Shiny da otvorite Layer Style prozor.

Efekte možete isključiti i uključiti da vidite što se promijenilo. Počnimo sa Gradient Overlay; na ovaj način moći ćete bolje vidjeti što se dešava.

Dodajte Gradient Overlay sa ovim postavkama:

  • Blend Mode: Normal
  • Dither: Ostavite neoznačeno
  • Opacity: 100%
  • Reverse: Ostavite neoznačeno
  • Style: Linear
  • Align with Layer: Označite
  • Angle: 90º
  • Scale: 100%

Kliknite na Gradient traku i napravite gradijent sa ovim postavkama:

  • Prva Stop točka boje: #ffc600
  • Prva Stop Pozicija: 0%
  • Druga Stop Točka Boje: #f8e45f
  • Druga Stop Pozicija: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

5. korak

Dodajte Bevel & Emboss sa sljedećim postavkama:

  • Style: Emboss
  • Technique: Smooth
  • Depth: 286%
  • Direction: Up
  • Size: 10 px
  • Soften: 0 px
  • Use Global Light: Ostavite neoznačeno
  • Angle: 96º
  • Altitude: 16º
  • Gloss Contour:Kliknite na Contour okvir i učitajte datoteku Shiny Contour.shc (zip datoteka)
  • Anti-Aliased: Označite
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffee93
  • Highlight Mode Opacity: 67%
  • Shadow Mode: Normal
  • Shadow Mode Color: #190a20
  • Shadow Mode Opacity: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

6. korak

Dodajte Stroke sa ovim postavkama:

  • Size: 4 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Ostavite neoznačeno
  • Fill Type: Color
  • Color: #7344ac
Stroke settingsStroke settingsStroke settings

7. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Blend Mode: Normal
  • Color: #ae00f6
  • Opacity: 100%
  • Use Global Light: Ostavite neoznačeno
  • Angle: 120º
  • Distance: 5 px
  • Spread: 100%
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Ostavite Neoznačeno
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Označite
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Vaša bi slika trebala izgledati ovako:

How the image should lookHow the image should lookHow the image should look

8. korak

Odaberite sloj Shiny i pritisnite Control-J da ga duplicirate. Zatim kliknite desnim gumbom miša i promijenite mu naziv u Shiny TOP.

Renaming the layerRenaming the layerRenaming the layer

9. korak

Kliknite desnim gumbom miša sloj Shiny TOP i odaberite Clear Layer Style. Zatim dvaput kliknite sloj da otvorite Layer Style prozor.

Dodajte Bevel & Emboss sa ovim postavkama:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 551%
  • Direction: Up
  • Size: 16 px
  • Soften: 0 px
  • Use Global Light: Ostavite neoznačeno
  • Angle: 96º
  • Altitude: 16º
  • Gloss Contour: Cove - Shallow
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffee93
  • Highlight Mode Opacity: 67%
  • Shadow Mode: Normal
  • Shadow Mode Color: #190a20
  • Shadow Mode Opacity: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

10. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Multiply
  • Color: #bf8c01
  • Opacity: 21%
  • Use Global Light: Ostavite neoznačeno
  • Angle: -45º
  • Distance: 5 px
  • Choke: 0%
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Noise: 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

11. korak

Dodajte Gradient Overlay sa ovim postavkama:

  • Blend Mode: Color Burn
  • Dither: Ostavite neoznačeno
  • Opacity: 100%
  • Style: Linear
  • Align with Layer: Označite
  • Angle: 90º
  • Scale: 100%

Kliknite Gradient traku i napravite gradijent sa ovim postavkama:

  • Prva Stop Točka Boje: #a5a5a5
  • Prva Stop Pozicija: 4%
  • Druga top Točka Boje: #ffffff
  • Druga Stop Pozicija: 27%
  • Treća Stop Točka Boje: #e2e2e2
  • Treća Stop Pozicija: 74%
  • Četvrta Stop Točka Boje: #b2b2b2
  • Četvrta Stop Pozicija: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

12. korak

Dodajte Outer Glow sa ovim postavkama:

  • Blend Mode: Screen
  • Opacity: 75%
  • Noise: 0%
  • Color: #eac919
  • Technique: Softer
  • Spread: 0%
  • Size: 0 px
  • Contour: Linear
  • Anti-Aliased: Ostavite neoznačeno
  • Range: 50%
  • Jitter: 0%
Outer Glow settingsOuter Glow settingsOuter Glow settings

13. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Blend Mode: Exclusion
  • Color: #1eff00
  • Opacity: 100%
  • Use Global Light: Ostavite neoznačeno
  • Angle: 120º
  • Distance: 3 px
  • Spread: 100%
  • Size: 3 px
  • Contour: Linear
  • Anti-Aliased: Označite
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Označite

Nakon toga kliknite OK

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

14. korak

Sada držite Control i kliknite na slojeve Shiny i Shiny TOP da ih oba selektirate. Zatim pritisnite Control-G da grupirate slojeve.

Grouping the layersGrouping the layersGrouping the layers

15. korak

Dvaput kliknite sloj grupe da otvorite Layer Style prozor.

Dodajte Drop Shadow sa ovim postavkama:

  • Blend Mode: Normal
  • Color: #000000
  • Opacity: 30%
  • Use Global Light: Ostavite neoznačeno
  • Angle: 120º
  • Distance: 3 px
  • Spread: 39 %
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Označite
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Označite

Nakon toga kliknite OK.

I rezultat je:

Final resultFinal resultFinal result

Čestitam, Završili Ste!

U ovom tutorialu naučili ste kako izraditi raznobojni sjajni tekst efekt u Adobe Photoshopu. Počeli smo izradom stila za sloj, zatim smo dodali još jedan stil sloja iznad prvog da upotpunimo efekt.

Ne zaboravite pohraniti stilove kako biste ih mogli koristiti i u drugim projektima.

Nadam se da ste uživali u ovom tutorialu. Ispod možete ostaviti svoje komentare.

Ovaj tekst efekt koji smo upravo radili dio je ovog 7 Shiny Photoshop Styles 2 seta.

Promo imagePromo imagePromo image
7 Shiny Photoshop Styles 2
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads