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

Napravite Jednostavan 3D Metalik Efekt za Tekst u Adobe Photoshopu

by
Difficulty:BeginnerLength:ShortLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final 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 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 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 Overlay

4. korak

Dodajte Pattern Overlay s ovim postavkama:

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

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

Leather 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 Text

2. korak

Duplicirajte sloj teksta i povucite sloj kopije ispod originala.

Duplicate 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 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 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 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 Emboss

2. korak

Dodajte Contour s ovim postavkama:

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

3. korak

Dodajte Stroke s ovim postavkama:

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

4. korak

Dodajte Inner Glow s ovim postavkama:

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

5. korak

Dodajte Gradient Overlay s ovim postavkama:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Upotrijebite aluminum 150e gradijent ispunu
Gradient 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 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 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 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 Fill

4. korak

Dodajte Drop Shadow s ovim postavkama:

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

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

Styled 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 Emboss

2. korak

Dodajte Contour s ovim postavkama:

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

3. korak

Dodajte Inner Glow s ovim postavkama:

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

4. korak

Dodajte Satin efekt s ovim postavkama:

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

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

Styled 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 Blur

2. korak

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

Shadow 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 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 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 Settings

3. korak

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

Gradient 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
Advertisement
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.