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

Kako Napraviti Realističan Krom Tekst Efekt u Adobe Photoshopu

by
Difficulty:BeginnerLength:ShortLanguages:

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 super jednostavnom i kratkom tutorijalu ću vam pokazati kako upotrijebiti nekoliko tekstura i stilova slojeva da izradite sjajan, reflektivni, kromirani tekst efekt. Počnimo!

Ovaj tekst efekt je inspiriran mnogim Stilovima za slojeve (Layer Styles) dostupnih na Envato Marketu.

Elementi Potrebni za Tutorijal

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

1. Definirajte Uzorak

1. korak

Otvorite sliku Bus Seats (Autobusna Sjedala) i zatim idite na Filter < Distort > ZigZag. Promijenite Amount na 20, the Ridges na 5, i Style Pond Ripple.

ZigZag FilterZigZag FilterZigZag Filter

2. korak

Idite na Edit > Define Pattern, i utipkajte Reflection PatternName rubriku.

Define PatternDefine PatternDefine Pattern

2. Napravite Pozadinu

1. korak

Napravite novi 950 x 650 px dokument, smjestite AsphaltDamaged0043 teksturu na Background sloj, i ako je potrebno promijenite veličinu po potrebi.

Add the Asphalt TextureAdd the Asphalt TextureAdd the Asphalt Texture

2. korak

Dvaput kliknite na sloj teksture kako bi primijenili Gradient Overlay efekt s ovim postavkama:

  • Blend Mode: Multiply
  • Style: Radial
  • Scale: 150%
  • Kliknite Gradient prozorčić da napravite gradijent ispunu koristeći boje #757575 zdesna i #0f0f0f slijeva.
Gradient OverlayGradient OverlayGradient Overlay

To će napraviti jednostavan radijalni gradijent.

Radial GradientRadial GradientRadial Gradient

3. Napravite Slojeve Teksta

1. korak

Napišite tekst koristeći font Bebas Neue Bold te podesite Size (veličinu) na 220 pt i Kerning u Optical.

Create the TextCreate the TextCreate the Text

2. korak

Napravite duplikat sloja s tekstom i kopiji promijenite Fill vrijednost u 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

4. Stilizirajte Originalni Tekst Sloj

Dvaput kliknite na originalni sloj teksta da primijenite sljedeći stil za sloj:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 1
  • Uklonite oznaku s kućice Use Global Light
  • Angle: 30
  • Altitude: 16
  • Označite kućicu Anti-aliased
  • Highlight Mode - Opacity: 100%
  • Shadow Mode - Opacity: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Stroke sa ovim postavkama:

  • Size: 1
  • Position: Inside
  • Fill Type: Gradient
  • Upotrijebite stainless steel xx gradijent ispunu
StrokeStrokeStroke

4. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Opacity: 35%
  • Uklonite oznaku s Use Global Light kućice
  • Angle: -115
  • Distance: 3
  • Size: 7
Inner ShadowInner ShadowInner Shadow

5. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Vivid Light
  • Opacity: 100%
  • Color: #f4f2e7
  • Choke: 0
  • Size: 3
Inner GlowInner GlowInner Glow

6. korak

Dodajte Gradient Overlay sa sljedećim postavkama:

  • Označite Dither kućicu
  • Blend Mode: Color
  • Opacity: 90%
  • Označite Reverse kućicu
  • Upotrijebite stove pipe 70 gradijent ispunu
Gradient OverlayGradient OverlayGradient Overlay

7. korak

Dodajte Pattern Overlay sa ovim postavkama:

  • Pattern: Reflection Pattern
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

8. korak

Dodajte Outer Glow sa ovim postavkama:

  • Blend Mode: Multiply
  • Opacity: 35%
  • Color: #404040
  • Size: 21
Outer GlowOuter GlowOuter Glow

9. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Opacity: 100%
  • Distance: 5
  • Spread: 10
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

10. korak

Dodajte još jednom Drop Shadow sa ovim postavkama:

  • Opacity: 80%
  • Uklonite oznaku s kućice Use Global Light
  • Angle: 132
  • Distance: 17
  • Size: 38
Drop Shadow 2Drop Shadow 2Drop Shadow 2

11. korak

Možete se vratiti na Pattern Overlay efekt i zatim kliknuti-odvući uzorak unutar teksta da ga pomičete dok ne postignete rezultat koji vam se sviđa.

Move the Pattern Inside the TextMove the Pattern Inside the TextMove the Pattern Inside the Text

To će stilizirati prvi sloj teksta.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

5. Stilizirajte Kopiju Sloja sa Tekstom

Dvaput kliknite kopiju sloja sa tekstom da primijenite sljedeći stil za sloj:

1. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Linear Light
  • Opacity: 20%
  • Color: #e1e1e1
  • Technique: Precise
  • Size: 5
  • Contour: Cove - Deep
Inner GlowInner GlowInner Glow

2. korak

Dodajte Gradient Overlay sa ovim postavkama:

  • Blend Mode: Soft Light
  • Angle: 80
  • Upotrijebite steel pipe 10 gradijent ispunu
Gradient OverlayGradient OverlayGradient Overlay

3. korak

Dodajte Outer Glow sa ovim postavkama:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: #ececec
  • Size: 21
Outer GlowOuter GlowOuter Glow

To će stilizirati drugi sloj sa tekstom i dovršiti tekst efekt.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

6. Dodajte Sloj za Podešavanje (Adjustment Layer)

1. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice, i odaberite Gradient Map.

Gradient Map Adjustment LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

2. korak

Označite Dither kućicu i zatim napravite gradijent ispunu koristeći boje #554b70 slijeva, #857177 u sredini te #d8a082 zdesna.

Sloju za podešavanje promijenite Blend Mode u Soft Light i Opacity u 20%.

The Gradient Map SettingsThe Gradient Map SettingsThe Gradient Map Settings

Čestitam, Završili Ste!

U ovom tutorijalu smo na sliku primijenili filter i definirali joj uzorak. Zatim smo izradili jednostavnu pozadinu koristeći teksturu i 'graient overlay' efekt.

Nakon toga smo izradili dva sloj teksta i stilizirali ih kako bismo napravili efekt za tekst. I na kraju smo sve dovršili dodavanjem sloja za podešavanje boja.

Ispod možete slobodno ostaviti svoje komentare, prijedloge i rezultate.

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