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

Kako primjenom stilova sloja napraviti deset različitih efekata teksta u Adobe Photoshopu

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
10 Styles That Have Changed the Face of Icon Design
How to Create 10 Mini Pug Illustrations in Adobe Illustrator

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

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

Stilovi sloja jedan su od najpraktičnijih Photoshopovih alata. Njihove različite postavke i opcije omogućavaju prilično laku i brzu izradu brojnih efekata. Ovaj će vam tutorijal uz nekoliko korisnih savjeta i trikova pokazati kako primijeniti stilove sloja za izradu deset najčešće korištenih efekata teksta. Započnimo!

Ovaj je efekt teksta nadahnut brojnim stilovima sloja, Layer Styles koji su dostupni na stranici GraphicRiver.

Resursi tutorijala

Za praćenje ovog tutorijala potrebni su vam sljedeći elementi:

Fontovi

Uzorci i teksture

Za primjenu slika u obliku uzoraka otvorite svaku od njih u Photoshopu i odaberite Edit > Define Pattern. Potvrdite s OK.

1. Kako napraviti tekst s efektom stakla

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite ispunu gradijenta na način da postavite boje, Colors #3e6181 na lijevu stranu, a #46aaab na desnu i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte sloj ispune Pattern, postavite Pattern na Grilled Noise i promijenite Blend Mode sloja na Color Burn.

PatternPatternPattern

3. korak

Napišite tekst u fontu Cimochi i promijenite mu veličinu, Size na 350 pt.

Create the TextCreate the TextCreate the Text

4. korak

Promijenite vrijednost ispune tekstnog sloja, Fill, na 0 i duplirajte ga.

Layer SettingsLayer SettingsLayer Settings

5. korak

Nakon dvoklika na originalni sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Depth: 200
  • Size: 15
  • Otkažite Use Global Light klikom u kvadratić.
  • Angle: 40
  • Altitude: 50
  • Gloss Contour: Valley - Low
  • Potvrdite Anti-aliased kvačicom u kvadratiću.
  • Highlight Mode: Linear Light
    • Opacity: 100%
  • Shadow Mode: Screen
    • Color: #888888
    • Opacity: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Stroke s ovim postavkama:

  • Size: 1
  • Opacity: 50%
  • Fill Type: Gradient
  • Style: Reflected
  • Primijenite ispunu gradijenta steel s88.
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Color Dodge
  • Color: #ffffff
  • Opacity: 40%
  • Otkažite Use Global Light.
  • Angle: -108
  • Distance: 5
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Linear Burn
  • Opacity: 50%
  • Color: #7b7b7b
  • Size: 10
Inner GlowInner GlowInner Glow

Dodajte Gradient Overlay s ovim postavkama:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Style: Reflected
  • Primijenite ispunu gradijenta Aluminum 5.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 50%
  • Distance: 5
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo oblikovati prvi sloj.

Styled Layer 1Styled Layer 1Styled Layer 1

6. korak

Dvoklikom na kopiju, copy, tekstnog sloja dodajte ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Size: 25
  • Otkažite Use Global Light.
  • Angle: 117
  • Altitude: 69
  • Gloss Contour: Cone - Inverted
  • Potvrdite Anti-aliased
  • Highlight Mode: Linear Light
    • Opacity: 100%
  • Shadow Mode:
    • Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Stroke s ovim postavkama:

  • Size: 1
  • Position: Inside
  • Blend Mode: Overlay
  • Opacity: 50%
  • Fill Type: Gradient
  • Style: Reflected
  • Primijenite ispunu gradijenta steel s88.
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Overlay
  • Color: #ffffff
  • Opacity: 50%
  • Otkažite Use Global Light.
  • Angle: 24
  • Distance: 5
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Color: #9f9f9f
  • Size: 5
Inner GlowInner GlowInner Glow

Tako ćemo napraviti efekt sjajnog stakla.

Glass Layer Style Text EffectGlass Layer Style Text EffectGlass Layer Style Text Effect

2. Kako napraviti tekst s efektom metala

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta odabirom Colors #596267 na lijevoj strani i #222831 na desnoj. Postavite Style na Radial, Scale na 200 i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte sloj ispune Pattern, postavite Pattern na Hex Metal Mesh (paket Metal Mesh Patterns - Pack 1) i promijenite Blend Mode sloja na Multiply.

PatternPatternPattern

3. korak

Napišite tekst u fontu Queen of Camelot, promijenite mu boju, Color na #2c2b2b i veličinu, Size na 250 pt.

Create the TextCreate the TextCreate the Text

4. korak

Dvoklikom na tekstni sloj omogućite primjenu ovog stila sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Technique: Chisel Hard
  • Depth: 250
  • Size: 5
  • Gloss Contour: Ring
  • Potvrdite Anti-aliased.
  • Highlight Mode: Vivid Light
    • Opacity: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Cone - Inverted
  • Potvrdite Anti-aliased.
ContourContourContour

Dodajte Texture s ovim postavkama:

  • Pattern: Side Slanting Mesh (paket Metal Mesh Patterns - Pack 1)
  • Scale: 25%
  • Depth: 10%
TextureTextureTexture

Dodajte Stroke s ovim postavkama:

  • Size: 2
  • Fill Type: Gradient
  • Style: Reflected
  • Primijenite ispunu gradijenta Riddle of Steel.
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Color Dodge
  • Color: #b67564
  • Opacity: 35%
  • Distance: 25
  • Size: 10
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Hard Light
  • Opacity: 67%
  • Color: #c2ccd4
  • Technique: Precise
  • Source: Center
  • Size: 51
  • Contour: Rolling Slope - Descending
Inner GlowInner GlowInner Glow

Dodajte Satin s ovim postavkama:

  • Blend Mode: Overlay
  • Color: #d6d6d6
  • Opacity: 58%
  • Angle: 60
  • Distance: 42
  • Size: 24
  • Contour: Linear
  • Potvrdite Anti-aliased.
  • Potvrdite Invert.
SatinSatinSatin

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdite Dither.
  • Blend Mode: Overlay
  • Primijenite ispunu gradijenta stove pipe 20.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Pattern Overlay s ovim postavkama:

  • Blend Mode: Overlay
  • Pattern: 9.jpg (paket Metal seamless textures)
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

5. korak

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Linear Light
  • Opacity: 100%
  • Color: #67ade8
  • Size: 5
Outer GlowOuter GlowOuter Glow

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 50%
  • Distance: 15
  • Spread: 25
  • Size: 15
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo oblikovati tekst.

Metal Layer Style Text EffectMetal Layer Style Text EffectMetal Layer Style Text Effect

3. Kako napraviti tekst s efektima uleknutog i plitkog reljefa

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta odabirom Colors #3c9179 na lijevoj strani i #57caaa na desnoj i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte sloj ispune Pattern, postavite Pattern na Diagonal Noise i promijenite Blend Mode sloja na Color Burn.

PatternPatternPattern

3. korak

Napišite tekst u fontu Bw Modelica SS01 Extra Bold i promijenite mu veličinu, Size na 200 pt.

Create the TextCreate the TextCreate the Text

4. korak

Promijenite vrijednost ispune sloja s tekstom, Fill na 0.

Layer SettingsLayer SettingsLayer Settings

5. korak

Nakon dvoklika na sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Style: Emboss
  • Size: 0
  • Otkažite Use Global Light.
  • Angle: 90
  • Altitude: 60
  • Potvrdite Anti-aliased.
  • Highlight Mode:
    • Opacity: 20%
  • Shadow Mode:
    • Opacity: 30%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Soft Light
  • Opacity: 70%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 3
  • Size: 3
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Color Burn
  • Opacity: 10%
  • Color: #000000
  • Size: 10
Inner GlowInner GlowInner Glow

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdite Dither.
  • Blend Mode: Soft Light
  • Opacity: 15%
  • Napravite ispunu gradijenta Transparent to Fill Color bojom, Color #000000 na obje strane i postavite vrijednost Opacity za transparentnu stranu, Opacity Stop na 50%.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Blend Mode: Soft Light
  • Color: #ffffff
  • Opacity: 75%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 1
  • Spread: 5
  • Size: 3
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo dobiti tekst s efektom uleknutog reljefa.

Pressed Layer Style Text EffectPressed Layer Style Text EffectPressed Layer Style Text Effect

6. korak

Za izradu teksta s efektom plitkog reljefa napravite novi tekstni sloj i provjerite je li ispuna, Fill postavljena na 0.

New Text LayerNew Text LayerNew Text Layer

7. korak

Nakon dvoklika na sloj primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Style: Outer Bevel
  • Size: 5
  • Otkažite Use Global Light.
  • Angle: 100
  • Altitude: 25
  • Potvrdite Anti-aliased.
  • Highlight Mode: Soft Light
    • Opacity: 50%
  • Shadow Mode:
    • Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Vivid Light
  • Color: #d0d0d0
  • Opacity: 50%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 1
  • Size: 1
Inner ShadowInner ShadowInner Shadow

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdite Dither.
  • Blend Mode: Soft Light
  • Opacity: 20%
  • Napravite ispunu gradijenta Fill Color to Transparent bojom, Color #ffffff na obje strane i postavite vrijednost Opacity za transparentnu stranu, Opacity Stop na 40%.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Blend Mode: Soft Light
  • Color: #000000
  • Opacity: 50%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 7
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo dobiti efekt plitkog reljefa.

Embossed Layer Style Text EffectEmbossed Layer Style Text EffectEmbossed Layer Style Text Effect

4. Kako napraviti tekst s neonskim efektom

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite ispunu gradijenta odabirom boja, Colors #2e0d45 na lijevoj strani i #0d0317 na desnoj, promijenite Style na Radial, Scale na 200 i potvrdite Dither.

GradientGradientGradient

2. korak

Postavite sliku BrickLargeBrown0025 na sloj Gradient, skalirajte ga ako je potrebno i promijenite Blend Mode sloja na Overlay.

Add the Texture ImageAdd the Texture ImageAdd the Texture Image

3. korak

Napišite tekst u fontu MM Cruella 100, promijenite Color na #d87aff, veličinu, Size na 250 pt i postavite Tracking na 10.

Create the TextCreate the TextCreate the Text

4. korak

Promijenite vrijednost ispune sloja s tekstom, Fill na 0. Vrijednost Fill možete povećati nakon primjene stila sloja da dobijete svjetliji efekt.

Layer SettingsLayer SettingsLayer Settings

5. korak

Nakon dvoklika na sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Depth: 250
  • Size: 5
  • Soften: 2
  • Otkažite Use Global Light.
  • Angle: 60
  • Altitude: 0
  • Gloss Contour: Ring - Double
  • Potvrdite Anti-aliased.
  • Highlight Mode: Color Dodge
    • Color: #dcdcdc
    • Opacity: 50%
  • Shadow Mode: Vivid Light
    • Color: #e5e5e5
    • Opacity: 10%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Cone - Inverted
  • Potvrdite Anti-aliased.
ContourContourContour

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Linear Light
  • Color: #ebd5f3
  • Opacity: 100%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 0
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #ddbfff
  • Source: Center
  • Size: 5
Inner GlowInner GlowInner Glow

Dodajte Satin s ovim postavkama:

  • Blend Mode: Vivid Light
  • Color: #e6a2ee
  • Opacity: 50%
  • Angle: 90
  • Distance: 10
  • Size: 35
  • Contour: Linear
  • Potvrdite Anti-aliased.
  • Potvrdite Invert.
SatinSatinSatin

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #c689ff
  • Size: 15
  • Range: 85%
Outer GlowOuter GlowOuter Glow

Dodajte Drop Shadow s ovim postavkama:

  • Blend Mode: Screen
  • Color: #f227ff
  • Opacity: 85%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 0
  • Size: 50
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Dodajte još jednom Drop Shadow s ovim postavkama:

  • Blend Mode: Screen
  • Color: #f227ff
  • Opacity: 100%
  • Otkažite  Use Global Light.
  • Angle: 90
  • Distance: 0
  • Size: 60
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Dodajte treći put Drop Shadow s ovim postavkama:

  • Opacity: 50%
  • Distance: 30
  • Size: 7
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Tako ćemo dobiti blještavi neonski efekt teksta.

Neon Layer Style Text EffectNeon Layer Style Text EffectNeon Layer Style Text Effect

5. Kako napraviti tekst s efektom kroma

1. korak

Otvorite sliku Indoor Chairs i odaberite Image > Image Size da promijenite širinu, Width na 1000 px.

Image SizeImage SizeImage Size

2. korak

Odaberite Filter > Blur > Gaussian Blur i postavite Radius na 1.5.

Gaussian BlurGaussian BlurGaussian Blur

3. korak

Odaberite Filter > Distort > Wave i primijenite ove postavke:

  • Number of Generators: 5
  • Wavelength:
    • Min. 228
    • Max. 241
  • Amplitude:
    • Min. 5
    • Max. 35
  • Scale:
    • Horiz. 100
    • Vert. 100
  • Type: Sine
  • Undefined Areas: Repeat Edges Pixels
Wave FilterWave FilterWave Filter

4. korak

Odaberite Edit > Define Pattern, promijenite ime, Name u Chrome Reflection i potvrdite s OK.

Za postizanje drugačijeg efekta možete koristiti neku drugu sliku.

Define PatternDefine PatternDefine Pattern

5. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta odabirom Colors #434a53 na lijevoj strani i #121219 na desnoj. Promijenite Style na RadialScale na 200 i potvrdite Dither.

GradientGradientGradient

6. korak

Dodajte sloj ispune Pattern, postavite Pattern na Old Wall i promijenite Blend Mode sloja na Color Burn.

PatternPatternPattern

7. korak

Napišite tekst u fontu Geneva i promijenite mu veličinu, Size na 200 pt.

Create the TextCreate the TextCreate the Text

8. korak

Duplirajte sloj s tekstom i promijenite vrijednost ispune kopije, Fill na 0.

Layer SettingsLayer SettingsLayer Settings

9. korak

Nakon dvoklika na originalni sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Size: 1
  • Gloss Contour: Rolling Slope - Descending
  • Potvrdite Anti-aliased.
  • Highlight Mode: Linear Light
    • Color: #d6d6d6
    • Opacity: 75%
  • Shadow Mode:
    • Color: #4c4c4c
    • Opacity: 75%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Log
  • Potvrdite Anti-aliased.
ContourContourContour

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Color Dodge
  • Color: #4d4d4d
  • Opacity: 35%
  • Distance: 3
  • Size: 10
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Soft Light
  • Opacity: 35%
  • Color: #ffffff
  • Size: 7
Inner GlowInner GlowInner Glow

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdire Dither.
  • Blend Mode: Soft Light
  • Primijenite ispunu gradijenta faucet 140.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Pattern Overlay s ovim postavkama:

  • Pattern: Chrome Reflection

Možete klikom odabrati dugme Snap to Origin kako biste resetirali položaj teksture unutar teksta.

Pattern OverlayPattern OverlayPattern Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 75%
  • Distance: 15
  • Spread: 20
  • Size: 25
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo oblikovati tekst.

Styled Layer 1Styled Layer 1Styled Layer 1

10. korak

Nakon dvoklika na kopiju sloja s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Style: Stroke Emboss
  • Size: 15
  • Otkažite Use Global Light.
  • Angle: 119
  • Altitude: 21
  • Gloss Contour: Cone - Inverted
  • Potvrdite Anti-aliased.
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Ring
  • Potvrdite Anti-aliased.
ContourContourContour

Dodajte Stroke s ovim postavkama:

  • Size: 3
  • Fill Type: Gradient
  • Style: Reflected
  • Primijenite ispunu gradijenta faucet 30.
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Opacity: 15%
  • Distance: 2
  • Size: 7
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Soft Light
  • Opacity: 25%
  • Color: #ffffff
  • Size: 5
Inner GlowInner GlowInner Glow

Dodajte Satin s ovim postavkama:

  • Blend Mode: Soft Light
  • Color: #939393
  • Opacity: 20%
  • Angle: -20
  • Distance: 190
  • Size: 15
  • Contour: Rolling Slope - Descending
  • Potvrdite Anti-aliased.
  • Potvrdite Invert.
SatinSatinSatin

Dodajte Gradient Overlay s ovim postavkama:

  • Blend Mode:
  • Primijenite ispunu gradijenta Stainless Steel 25jar.
Gradient OverlayGradient OverlayGradient Overlay

Tako ćemo dodati obrub.

Chrome Layer Style Text EffectChrome Layer Style Text EffectChrome Layer Style Text Effect

6. Kako napraviti osnovni 3D tekst

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta bojama, Colors  #6a6a6a na lijevoj strani i #b1b3b2 na desnoj i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte  sloj ispune Pattern, postavite Pattern na Paper 3 i promijenite Blend Mode sloja na Color Burn.

PatternPatternPattern

3. korak

Napišite tekst u fontu SchmalfetteCPi, promijenite mu Color na #d9d9d9, Size na 300 pt i vrijednost Tracking na 10.

Duplirajte sloj s tekstom.

Create the Text LayersCreate the Text LayersCreate the Text Layers

4. korak

Promijenite originalnu boju teksta u crvenu, Color u Red i pritisnite kombinaciju Command-T da aktivirate Free Transform Mode.

Pritisnite-zadržite tipku Option i metodom klikni-povuci malo povucite desnu stranu tekstnog okvira da suzite tekst vodoravno, a da ne bude praznina između dva dijela teksta.

Pritiskom na tipku Return potvrdite promjene.

Transform the TextTransform the TextTransform the Text

5. korak

Promijenite vrijednost ispune originalnog sloja s tekstom, Fill na 0.

Layer SettingsLayer SettingsLayer Settings

6. korak

Nakon dvoklika na originalni sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Technique: Chisel Hard
  • Size: 75
  • Soften: 5
  • Otkažite Use Global Light.
  • Angle: 34
  • Altitude: 32
  • Highlight Mode:
    • Opacity: 0%
  • Shadow Mode:
    • Opacity: 40%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Cove - Deep
  • Potvrdite Anti-aliased.
ContourContourContour

Dodajte Inner Shadow s ovim postavkama:

  • Opacity: 50%
  • Distance: 0
  • Choke: 5
  • Size: 15
Inner ShadowInner ShadowInner Shadow

Dodajte Color Overlay s ovim postavkama:

  • Color: #f2f2f2
Color OverlayColor OverlayColor Overlay

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Multiply
  • Opacity: 10%
  • Color: #000000
  • Size: 25
Outer GlowOuter GlowOuter Glow

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 30%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 2
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo stilizirati 3D dio.

3D Part3D Part3D Part

7. korak

Nakon dvoklika na kopiju sloja s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Depth: 200
  • Size: 1
  • Highlight Mode:
    • Opacity: 80%
  • Shadow Mode:
    • Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

ContourContourContour

Dodajte Inner Shadow s ovim postavkama:

  • Opacity: 10%
  • Distance: 3
  • Size: 3
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Vivid Light
  • Opacity: 10%
  • Color: #ddebee
  • Size: 5
Inner GlowInner GlowInner Glow

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdite Dither.
  • Napravite ispunu gradijenta, Gradient primjenom boja, Colors #a6a6a6 na lijevoj strani i #e7e8e9 na desnoj.
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Normal
  • Opacity: 10%
  • Color: #ffffff
  • Size: 5
Outer GlowOuter GlowOuter Glow

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 50%
  • Otkažite Use Global Light.
  • Angle: 90
  • Distance: 10
  • Size: 15
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo završiti 3D efekt.

Basic 3D Layer Style Text EffectBasic 3D Layer Style Text EffectBasic 3D Layer Style Text Effect

7. Kako napraviti "znan-fan" efekt teksta

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta bojama, Colors #5b7177 na lijevoj strani i #0a252b na desnoj, postavite Style na Radial, Scale na 200 i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte sloj ispune Pattern, postavite Pattern na 9.jpg (paket Metal seamless textures) i promijenite Blend Mode sloja na Multiply.

PatternPatternPattern

3. korak

Napišite tekst u fontu Bhejeuct Gashi, postavite Color na #283032 i veličinu, Size na 250 pt.

Create the TextCreate the TextCreate the Text

4. korak

Nakon dvoklika na sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Depth: 200
  • Size: 15
  • Otkažite Use Global Light.
  • Angle: 157
  • Altitude: 16
  • Gloss Contour: Valley - Low
  • Potvrdite Anti-aliased.
  • Highlight Mode: Linear Light
    • Color: #e99d89
    • Opacity: 100%
  • Shadow Mode: Color Burn
    • Color: #c7c7c7
    • Opacity: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Cone - Inverted
  • Potvrdite Anti-aliased.
  • Range: 100%
ContourContourContour

Dodajte Texture s ovim postavkama:

  • Pattern: Diagonal lines medium (paket 30 Simple Patterns)
TextureTextureTexture

Dodajte Stroke s ovim postavkama:

  • Size: 2
  • Blend Mode: Linear Dodge (Add)
  • Fill Type: Gradient
  • Style: Reflected
  • Primijenite ispunu gradijenta Riddle of Steel.
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Lighter Color
  • Color: #42f4ff
  • Opacity: 75%
  • Distance: 15
  • Size: 20
  • Contour: Cone - Asymmetrical
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #b76c3e
  • Source: Center
  • Size: 15
Inner GlowInner GlowInner Glow

Dodajte Satin s ovim postavkama:

  • Blend Mode: Linear Light
  • Color: #9afff0
  • Opacity: 58%
  • Angle: 60
  • Distance: 50
  • Size: 8
  • Contour: Linear
  • Potvrdite Anti-aliased.
  • Potvrdite Invert.
SatinSatinSatin

Dodajte Gradient Overlay s ovim postavkama:

  • Potvrdite Dither.
  • Blend Mode:
  • Klikom na kvadratić uz Gradient napravite gradijent s ovim postavkama:

Color - Location

  • #000000 - 0%
  • #11637e - 34%
  • #25abdd - 71%
  • #ffffff - 100%
Gradient OverlayGradient OverlayGradient Overlay

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Linear Light
  • Opacity: 100%
  • Color: #67e5e8
  • Size: 10
Outer GlowOuter GlowOuter Glow

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 35%
  • Distance: 15
  • Spread: 25
  • Size: 18
Drop ShadowDrop ShadowDrop Shadow

Tako ćemo oblikovali tekst.

Sci Fi Layer Style Text EffectSci Fi Layer Style Text EffectSci Fi Layer Style Text Effect

8. Kako napraviti tekst s retro efektom

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers i odaberite Gradient.

Napravite novu ispunu gradijenta bojama, Colors #aad1cf na lijevoj strani i #3accc7 na desnoj, postavite Style na Radial, Scale na 200 i potvrdite Dither.

GradientGradientGradient

2. korak

Dodajte sloj ispune Pattern, postavite Pattern na texturetastic gray i promijenite Blend Mode sloja na Linear Burn.

PatternPatternPattern

3. korak

Napišite tekst u fontu Mon Cheri, postavite Color na #f65252Size na 250 pt.

Duplirajte sloj.

Create the Text LayersCreate the Text LayersCreate the Text Layers

4. korak

Nakon dvoklika na originalni sloj s tekstom primijenite efekt Drop Shadow:

Dodajte Drop Shadow s ovim postavkama:

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

5. korak

Nakon desnog klika na oblikovani sloj odaberite Convert to Smart Object. Time ćete napraviti ekstrudirani 3D sloj.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

6. korak

Nakon dvoklika na sloj Smart Object primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Technique: Chisel Hard
  • Size: 18
  • Otkažite Use Global Light.
  • Angle: 149
  • Altitude: 58
  • Potvrdite Anti-aliased.
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Contour s ovim postavkama:

  • Contour: Log
  • Potvrdite Anti-aliased.
  • Range: 100%
ContourContourContour

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Linear Burn
  • Color: #383838
  • Opacity: 15%
  • Otkažite Use Global Light.
  • Angle: -77
  • Distance: 10
  • Size: 1
Inner ShadowInner ShadowInner Shadow

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Soft Light
  • Opacity: 100%
  • Color: #ffffff
  • Technique: Precise
  • Source: Center
  • Size: 16
Inner GlowInner GlowInner Glow

Dodajte Color Overlay s ovim postavkama:

  • Color: #d8d8d8
Color OverlayColor OverlayColor Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Blend Mode: Linear Burn
  • Color: #010101
  • Opacity: 15%
  • Distance: 5
  • Size: 3
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Dodajte još jednom Drop Shadow s ovim postavkama:

  • Color: #010101
  • Opacity: 25%
  • Distance: 15
  • Size: 1
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Dodajte treći put Drop Shadow s ovim postavkama:

  • Color: #010101
  • Opacity: 10%
  • Distance: 25
  • Size: 20
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Tako ćemo oblikovati 3D dio.

Styled 3D PartStyled 3D PartStyled 3D Part

7. korak

Nakon dvoklika na kopiju sloja s tekstom primijenite ovaj stil sloja:

Dodajte Stroke s ovim postavkama:

  • Size: 3
  • Color: #ffffff
StrokeStrokeStroke

Dodajte Inner Shadow s ovim postavkama:

  • Blend Mode: Linear Burn
  • Color: #383838
  • Opacity: 50%
  • Distance: 2
  • Choke: 50
  • Size: 1
Inner ShadowInner ShadowInner Shadow

Dodajte Pattern Overlay s ovim postavkama:

  • Blend Mode: Divide
  • Pattern: Pattern 11 (paket 20 Repeatable Pixel Patterns)
Pattern OverlayPattern OverlayPattern Overlay

Tako ćemo oblikovati glavni tekst.

Retro Layer Style Text EffectRetro Layer Style Text EffectRetro Layer Style Text Effect

9. Kako napraviti tekst s efektom grafita

1. korak

Otvorite novi dokument veličine 1000 x 500 px, postavite sliku BrickMedievalBlocks0129 na sloj Background i skalirajte ako je potrebno.

Add the Background ImageAdd the Background ImageAdd the Background Image

2. korak

Napišite tekst u fontu Graun, postavite Color na #ff4c3eSize, na 250 pt.

Create the TextCreate the TextCreate the Text

3. korak

Postavite Blend Mode sloja na Multiply.

Layer SettingsLayer SettingsLayer Settings

4. korak

Nakon dvoklika na sloj s tekstom primijenite ove Blending Options postavke:

Ispod opcije Blend if nalaze se dvije trake-klizača. Mi ćemo odabrati Underlying Layer.

Pritisnite-zadržite tipku Option i metodom klikni-povuci povucite lijevi klizač da ga rastavite. Kako pomičete krajeve klizača tako se tekst počinje stapati s pozadinskom slikom.

Klizač štiti tamnija područja slike od ove promjene uvjetovane tekstom.

Blending OptionsBlending OptionsBlending Options

5. korak

Učinite li isto s desnim klizačem, utjecat ćete na svjetlija područja koja želite zaštititi ili izuzeti od utjecaja teksta.

Blending OptionsBlending OptionsBlending Options

6. korak

Nastavite namještati klizače dok ne dobijete zadovoljavajući rezultat.

Adjust the SlidersAdjust the SlidersAdjust the Sliders

7. korak

Dodat ćemo još dva efekta da poboljšamo rezultat.

Dodajte Inner Shadow s ovim postavkama:

  • Color: #010101
  • Opacity: 15%
  • Distance: 0
  • Size: 5
Inner ShadowInner ShadowInner Shadow

Dodajte Outer Glow s ovim postavkama:

  • Blend Mode: Multiply
  • Opacity: 100%
  • Noise: 80%
  • Color: #ff4c3e
  • Size: 1
  • Range: 100%
Outer GlowOuter GlowOuter Glow

Tako ćemo popraviti rubove.

Paint Spray Layer Style Text EffectPaint Spray Layer Style Text EffectPaint Spray Layer Style Text Effect

10. Kako napraviti tekst sa svjetlucavim efektom

1. korak

Otvorite novi dokument veličine 1000 x 500 px, kliknite na ikonu Create new fill or adjustment layer na dnu panela Layers, odaberite Pattern i postavite Pattern na Beige paper.

PatternPatternPattern

2. korak

Napišite tekst u fontu Premier Script, postavite Color na #b1b1b1Size na 300 pt.

Create the TextCreate the TextCreate the Text

3. korak

Nakon dvoklika na sloj s tekstom primijenite ovaj stil sloja:

Dodajte Bevel and Emboss s ovim postavkama:

  • Technique: Chisel Hard
  • Size: 5
  • Gloss Contour: Ring - Double
  • Potvrdite Anti-aliased.
  • Highlight Mode: Vivid Light
    • Opacity: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Dodajte Texture s ovim postavkama:

  • Pattern: glitter-pink (paket Wastedshame Free Glitter Patterns)
TextureTextureTexture

Dodajte Pattern Overlay s ovim postavkama:

  • Pattern: Pink Glitter (paket  8 Free Glitter Effect Patterns & Styles for Photoshop)
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

Dodajte Drop Shadow s ovim postavkama:

  • Blend Mode: Vivid Light
  • Color: #ffffff
  • Opacity: 100%
  • Distance: 2
  • Size: 2
  • Noise: 5
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Dodajte Drop Shadow s ovim postavkama:

  • Opacity: 20%
  • Otkažite Use Global Light.
  • Angle: -45
  • Distance: 3
  • Size: 8
  • Noise: 5
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Tako ćemo napraviti završni efekt. Za drugačije rezultate možete iskušati različite svjetlucave teksture.

Glitter Layer Style Text EffectGlitter Layer Style Text EffectGlitter Layer Style Text Effect

Izvrsno, uspjeli ste!

U ovom smo tutorijalu objasnili kako primijeniti različite postavke i opcije stilova sloja za izradu deset najčešće korištenih efekata teksta.

Slobodno ostavite svoje komentare, sugestije i radove na dnu stranice.

10 Layer Style Text Effects10 Layer Style Text Effects10 Layer Style Text Effects
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.