7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Napravite Jednostavan 3D Metalik Efekt za Tekst u Adobe Photoshopu

Read Time: 5 mins

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

Dupliciranje elementa s transformacijom je jedan od najlakših i najbržih načina izrade 3D objekata u Photoshopu. Ovaj tutorial će vas voditi kroz izradu 3D teksta koristeći navedenu metodu i zatim ćete stiliziranjem različitih slojeva kreirati metalik retro efekt za tekst. Počnimo!

Resursi za Tutorijal

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

  • Nexa Rust font.
  • Free Pack 6000 photoshop gradients, Autor: Supertuts007 (Učitajte CHROMES.grd datoteku).
  • Free Tileable Leather Patterns, Autor: WebTreatsETC.
  • Kako biste učitali konture koje sam koristila, idite na Edit > Presets > Preset Manager i odaberite Contours iz Preset Type padajućeg izbornika. Zatim kliknite malenu strelicu s desne strane Preset Type padajućeg izbornika i kliknite Contours blizu dna izbornika u skočnom prozoru. Kada se pojavi dijaloški okvir, samo kliknite Append i dobiti ćete konture.

1. Izrada Pozadine

1. korak

Izradite novi 900 x 675 px dokument. Podesite Foreground boju u #252927 i Backgroundcolor u #0d0e0e. Uzmite Gradient Tool, izaberite Foreground to Background gradijent ispunu i kliknite Radial Gradient ikonu.

Zatim kliknite i povucite od sredine dokumenta u jedan od kutova da napravite pozadinski gradijent i napravite duplikat Background sloja.

Background GradientBackground GradientBackground Gradient

2. korak

Dvaput kliknite Background copy sloj da primijenite sljedeći stil sloja.

Dodajte Color Overlay s ovim postavkama:

  • Color: #1c1f26
  • Blend Mode: Color
Color OverlayColor OverlayColor Overlay

3. korak

Dodajte Gradient Overlay s ovim postavkama:

  • Blend Mode: Overlay
  • Style: Reflected
  • Angle: 45
  • Označite Reverse okvir
  • Upotrijebite Silver 20ss gradijent ispunu
Gradient OverlayGradient OverlayGradient Overlay

4. korak

Dodajte Pattern Overlay s ovim postavkama:

  • Blend Mode: Soft Light
  • Pattern: webtreats_grey_leather.jpg
  • Scale: 50%
Pattern OverlayPattern OverlayPattern Overlay

To će primijeniti jednostavnu teksturu kože na pozadinu.

Leather BackgroundLeather BackgroundLeather Background

2. Izrada Teksta i Pametnih Objekata

1. korak

Napišite tekst koristeći font Nexa Rust Script. Size je 245 pt i boja je #f4f4f4.

Create the TextCreate the TextCreate the Text

2. korak

Duplicirajte sloj teksta i povucite sloj kopije ispod originala.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. korak

Uđite u Free Transform Mode tako što ćete ići na Edit > Free Transform (Command-T). Pritisnite jednom tipku desne strelice, zatim opet jednom tipku strelice prema dolje da pomaknete kopiju teksta jedan piskel u desno i jedan piksel prema dolje. Zatim pritisnite Return tipku da potvrdite promjene.

Transform the TextTransform the TextTransform the Text

4. korak

Promijenite boju kopije teksta u #4e4e4e. Pritisnite Command-Option-Shift-T (Control-Alt-Shift-T za Windows) tipke 17 puta da duplicirate sloj s transformacijom kako biste napravili 3D ekstruziju.

Create the 3D ExtrusionCreate the 3D ExtrusionCreate the 3D Extrusion

5. korak

Selektirajte sve kopirane slojeve teksta i idite na Filter > Convert for Smart Filters. Promijenite naziv sloja pametnog objekta da dodate copy 1 prema tekstu koji imate.

Duplicirajte dvaput sloj pametnog objekta, promijenite nazive kopiranih slojeva da dodate copy 2 i copy 3 te promijenite copy 3 sloju Fill vrijednost u 0.

Create and Rename the Smart ObjectsCreate and Rename the Smart ObjectsCreate and Rename the Smart Objects

3. Stiliziranje Originalnog Sloja Teksta

Dvaput kliknite originalni sloj teksta da primijenite sljedeći stil sloja.

1. korak

Dodajte Bevel and Emboss s ovim postavkama:

  • Style: Outer Bevel
  • Size: 3
  • Uklonite oznaku u Use Global Light okviru
  • Angle: 77
  • Altitude: 42
  • Označite Anti-aliased okvir
  • Highlight Mode: Linear Light
  • Shadow Mode - Opacity: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour s ovim postavkama:

  • Contour: Gaussian
  • Označite Anti-aliased okvir
ContourContourContour

3. korak

Dodajte Stroke s ovim postavkama:

  • Size: 1
  • Fill Type: Gradient
  • Angle: -135
  • Upotrijebite aluminum 150e gradijent ispunu
StrokeStrokeStroke

4. korak

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Color Burn
  • Noise: 10%
  • Color: #8c8c8c
  • Source: Center
  • Size: 18
Inner GlowInner GlowInner Glow

5. korak

Dodajte Gradient Overlay s ovim postavkama:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Upotrijebite aluminum 150e gradijent ispunu
Gradient OverlayGradient OverlayGradient Overlay

6. korak

To će stilizirati originalni sloj teksta. Ono što ćemo sljedeće učiniti jest pokušati upotrijebiti druge gradijent ispune i efekte slojeva koji se poklapaju s ovim i stilizirati 3D dio teksta.

Styled Text LayerStyled Text LayerStyled Text Layer

4. Stiliziranje Prvog Sloja 3D Ekstruzije

Dvaput kliknite copy 2 sloj "smart object" sloj da primijenite sljedeći stil za sloj:

1. korak

Dodajte Inner Shadow s ovim postavkama:

  • Color: #424242
  • Uklonite oznaku u Use Global Light okviru
  • Angle: -42
  • Distance: 57
  • Size: 16
Inner ShadowInner ShadowInner Shadow

2. korak

Dodajte Gradient Overlay s ovim postavkama:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Upotrijebite dark chrome gradijent ispunu

Kliknite Gradient okvir da modificirate gradijent ispunu.

Gradient OverlayGradient OverlayGradient Overlay

3. korak

Kliknite Color Stop svijetle boje pokraj završetka desne strane gradijent trake i zatim kliknite Delete gumb da uklonite tu zaustavnu točku jer ne trebamo ovdje njezinu svjetlu boju.

Modify the Gradient FillModify the Gradient FillModify the Gradient Fill

4. korak

Dodajte Drop Shadow s ovim postavkama:

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

To će stilizirati prvi sloj 3D ekstruzije, dodajući metalni gradijent.

Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1

5. Stiliziranje Drugog Sloja 3D Ekstruzije

Dvaput kliknite copy 3 sloj pametnog objekta da primijenite sljedeći stil za sloj:

1. korak

Dodajte Bevel and Emboss s ovim postavkama:

  • Size: 0
  • Označite Anti-aliased okvir
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 65%
Bevel and EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour s ovim postavkama:

  • Contour: Cone
  • Označite Anti-aliased okvir
ContourContourContour

3. korak

Dodajte Inner Glow s ovim postavkama:

  • Blend Mode: Vivid Light
  • Noise: 10%
  • Color: #c5c5c5
  • Technique: Precise
  • Source: Center
  • Size: 46
Inner GlowInner GlowInner Glow

4. korak

Dodajte Satin efekt s ovim postavkama:

  • Blend Mode: Color Burn
  • Color: #717171
  • Distance: 7
  • Size: 18
  • Contour: Shallow Slope - Valley
SatinSatinSatin

To će pojačati intenzitet i pojačati 3D dio teksta.

Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2

6. Izrada Sjene

1. korak

Selektirajte copy 1 "smart object" sloj i idite na Filter > Blur > Motion Blur. Promijenite Angle u 55 i Distance u 100.

Motion BlurMotion BlurMotion Blur

2. korak

Copy 1 sloju promijenite Blend Mode u Color Burn i Opacity u 25%.

Shadow Layer Blend Mode and OpacityShadow Layer Blend Mode and OpacityShadow Layer Blend Mode and Opacity

3. korak

Upotrijebite Move Tool da pomaknete sjenu tako da se produžuje od vrha teksta prema dolje.

Move the ShadowMove the ShadowMove the Shadow

7. Dodavanje Vinjete

1. korak

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

Create a Gradient Adjustment LayerCreate a Gradient Adjustment LayerCreate a Gradient Adjustment Layer

2. korak

Upotrijebite Transparent to Color gradijent ispunu s bojama #ebebeb s lijeva i #282828 s desna. Zatim promijenite Style u Radial i Scale u 300.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

3. korak

Na kraju promijenite Blend Mode "adjustment layer" sloja u Multiply.

Gradient Layer Blend ModeGradient Layer Blend ModeGradient Layer Blend Mode

Čestitam! Završili ste

U ovom tutorialu smo izradili jednostavnu pozadinu s teksturom kože i na nju primijenili neke efekte za slojeve. Zatim smo kreirali dio teksta, duplicirali ga, transformirali kopiju i napravili nekoliko drugih kopija uz transformaciju koji su kreirali 3D ekstruziju.

Konvertirali smo slojeve 3D ekstruzije u Smart Object, duplicirali ga i stilizirali zajedno s originalnim slojem teksta.

Zatim smo koristili mnogo efekata za slojeve i gradijentne ispune da postignemo retro, metalik izgled. Kreirali smo sjenu koristeći Motion Blur filter i modificirali Blend Mode sloja i poziciju.

Na kraju smo koristili Gradient sloj za prilagođavanje da dodamo vinjetu za konačni rezultat.

Ispod možete ostaviti komentare, prijedloge i rezultate.

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.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.