Advertisement
  1. Design & Illustration
  2. Text Effects

Kako izraditi futuristički metalni tekstualni efekt u Adobe Photoshop

Scroll to top
Rose
Read Time: 3 min
Text EffectsLayer StylesAdobe PhotoshopMetalFuturisticTextures

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 kratkom tutorijalu izraditi ćemo jednostavan "Layer Style" tekstualni efekt, sličan onim efektima teksta koji se mogu kupiti na Envato Marketu. Kako biste izradili bistar tekstualni efekt futurističke tematike, koristiti ćete samo teksturu, uzorak, i nekoliko slojevitih stilova. Krenimo!

Sve što trebate za tutorijal:

Tijekom izrade ovog tutorijala, korišteni su slijedeći materijali:

1. Izradite Pozadinu

1. korak

Izradite novi 800 x 600px dokument, Background sloj ispunite bojom #252525, i zatim ga dupilicirajte.

Create the BackgroundCreate the BackgroundCreate the Background

2. korak

Dvaput kliknite na sloj Background copy, kako biste primijenili Pattern Overlay efekt koristeći Fine diagonal lines uzorak iz 30 Simple Patterns paketa.

Pattern OverlayPattern OverlayPattern Overlay

Ovime ćete pozadini dodati finu teksturu.

Background TextureBackground TextureBackground Texture

3. korak

Smjestite sliku Free Texture Stock - Lights 1 (2560x1600px) na vrh oba Background sloja, podesite veličinu po potrebi, i zatim joj promijenite Blend Mode u Color Dodge.

Add the Background TextureAdd the Background TextureAdd the Background Texture

4. korak

Idite na Image > Adjustments > Levels, i izmijenite Shadows vrijednost u 50.

LevelsLevelsLevels

5. korak

Idite na Adjustments > Hue/Saturation, i izmijenite Hue vrijednost u -13.

Hue SaturationHue SaturationHue Saturation

2. Izradite Slojeve Teksta

1. korak

Izradite tekst koristeći font Street Cred. Pod Color stavite #a2a2a2 i pod Size unesite 200 pt.

Create the TextCreate the TextCreate the Text

2. korak

Duplicirajte sloj teksta, kopiji promijenite Fill vrijednost u 0, i zatim duplicirajte kopiju.

Create the Copy Text LayersCreate the Copy Text LayersCreate the Copy Text Layers

3. Stilizirajte Originalni Sloj Teksta

Dvaput kliknite na original sloj teksta kako biste primijenili slijedeći stil sloja:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 18
  • Uklonite oznaku s prozorčića Use Global Light
  • Angle: 59
  • Altitude: 58
  • Označite prozorčić Anti-aliased
Bevel and EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Linear Burn
  • Color: #585858
  • Opacity: 35%
  • Distance: 0
  • Size: 7
Inner ShadowInner ShadowInner Shadow

3. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Vivid Light
  • Opacity: 100%
  • Color: #a39a7b
  • Source: Center
  • Size: 29
Inner GlowInner GlowInner Glow

4. korak

Dodajte Satin stil sa ovim postavkama:

  • Blend Mode: Hard Light
  • Color: #d0d0d0
  • Distance: 5
  • Size: 8
  • Označite Anti-aliased prozorčić
  • Označite Invert prozorčić
SatinSatinSatin

5. korak

Dodajte Gradient Overlay sa slijedećim postavkama:

  • Blend Mode: Multiply
  • Opacity: 35%
  • Scale: 150%
  • Upotrijebite Violet, Orange gradijent ispunu
Gradient OverlayGradient OverlayGradient Overlay

6. korak

Dodajte Pattern Overlay sa ovim postavkama:

  • Pattern: Fine diagonal lines
Pattern OverlayPattern OverlayPattern Overlay

7. korak

Dodajte Drop Shadow sa ovim postavkama:

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

Ovime ćete stilizirati originalni sloj teksta.

Style Text Layer 1Style Text Layer 1Style Text Layer 1

4. Stilizirajte Prvu Kopiju Sloja Teksta

Dvaput kliknite na prvu kopiju sloja teksta kako biste primijenili sloju slijedeći stil:

1. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Linear Burn
  • Color: #585858
  • Opacity: 80%
  • Distance: 0
  • Size: 13
Inner ShadowInner ShadowInner Shadow

2. korak

Dodajte Gradient Overlay sa slijedećim postavkama:

  • Blend Mode: Soft Light
  • Koristite gradijent ispunu Center Gradient 
Gradient OverlayGradient OverlayGradient Overlay

3. korak

Ovime ćete stilizirati prvu kopiju sloja teksta.

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

5. Stilizirajte Drugu Kopiju Sloja Teksta

Dvaput kliknite na drugu kopiju sloja  teksta kako biste sloju primijenili slijedeći stil:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Style: Stroke Emboss
  • Size: 2
  • Uklonite oznaku s prozorčića Use Global Light
  • Angle: 119
  • Altitude: 37
  • Gloss Contour: Ring - Double
  • Uklonite oznaku s Anti-aliased prozorčića
  • Highlight Mode: vivid Light
Bevel and EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Rolling Slope - Descending
  • Označite prozorčić Anti-aliased
ContourContourContour

3. korak

Dodajte Stroke sa ovim postavkama:

  • Size: 3
  • Position: Center
  • Fill Type: Gradient
  • Koristite Gold 18k - L gradijent ispunu
StrokeStrokeStroke

Čestitam! Završili ste!

U ovom tutorijalu koristili smo jednostavan uzorak i modificirali teksturu kako bismo izradili pozadinu.

Zatim smo izradili tri sloja teksta, i stilizirali svakog od njih kako bismo izradili tekstualni efekt i potez.

Ispod slobodno ostavite svoje komentare, prijedloge i rezultate.

Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3
Advertisement
Text EffectsLayer StylesAdobe PhotoshopMetalFuturisticTextures
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.
Rose
Rose
Rose is a freelance graphic designer who loves to create all kinds of different stuff in Photoshop. On the web, she mainly creates text effects and shares how to create them through written tutorials published on various websites.
Advertisement
Advertisement
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads