Kako Izraditi Tekst Efekt Brušenog Metala u Adobe Photoshopu

Ovaj tutorial će vas voditi kroz izradu tekst efekta brušenog metala, koristeći višestruke stilove slojeva i neke teksture. Raditi ćete malo sa samim tekstom i upotrijebiti pametne objekte (smart object) da iskrivite tekst ali ga zadržite editabilnim kako bi ga se moglo prilično brzo modificirati a da pritom ne morate opet prolaziti sve korake. Počnimo!

Resursi za tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi.

• Paragon Black font
• 0986, Autor: ooc-sdz
• Whitewashed Grunge Textures, Autor: WebTreatsETC
• Free Pack 6000 photoshop gradients, Autor: Supertuts007 (učitajte CHROMES.grd datoteku)

1. Izrada Pozadine

1. korak

Izradite novi 1000 x 600px dokument. Podesite Foreground boju u #6b6c81 i Background boju u #4a4b5f. Uzmite Gradient Tool, odaberite Foreground to Background gradijentnu ispunu i kliknite Radial Gradient ikonu.

Zatim kliknite i povucite od sredine dokumenta do jednog od kutova da kreirate gradijent u pozadini.

2. korak

Duplicirajte Background sloj i kopiji promijenite Blend Mode u Multiply.

3. korak

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

4. korak

Promijenite Shadows vrijednost na 3 i Gamma vrijednost na 0.91 da još malo potamnite pozadinu.

2. Dodavanje Teksture na Pozadinu i Promjena Boja

1. korak

Smjestite 0986 sliku iznad oba Background sloja, promijenite joj naziv sloja u Texture i Blend Mode u Overlay. Zatim slici promijenite veličinu i malo je pomičite dok ne postignete izgled koji vam se sviđa.

2. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Hue/Saturation.

3. korak

Promijenite Hue vrijednost na 152.

3. Izrada i Modificiranje Teksta

1. korak

Kreirajte tekst velikim slovima koristeći Paragon Black, Size 200 pt i boja #6c6d82.

2. korak

Sada ćemo prilagoditi Kerning (pod Window > Character), koji određuje razmak između individualnih slova. Kao što možete vidjeti, slova nisu ravnomjerno razmaknuta, zato trebate samo kliknuti da smjestite kursor miša između dva slova, zatim unesite Kerning vrijednost koja stvara najravnomjerniji mogući razmak između slova.

Ovo je važno zato što ćemo kasnije dodati potez kista na rubove slova pa ako razmak nije popravljen, rub bi se mogao preklapati između nekih slova i biti previše udaljen između drugih. Ovaj korak zapravo možete učiniti sada, ili kasnije kada ćemo primijeniti rub.

Morati ćete isprobati nekoliko vrijednosti dok ne postignete željeni rezultat, ali ovdje su korištene sljedeće vrijednosti:

• T i O: 1
• O i U: 4
• U i G: -20
• G i H: 3

3. korak

Sada biste trebali dobiti ljepši tekst.

4. korak

Kako biste još više povećali razmak između slova, promijenite Tracking vrijednost na 10.

5. korak

Duplicirajte sloj teksta tri puta i promijenite Fill vrijednost treće kopije na 0.

4. Stiliziranje Originalnog Sloja Teksta

Dvostrukim klikom na originalni sloj teksta primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Stroke sa ovim postavkama:

• Size: 7
• Fill Type: Gradient
• Angle: 90
• Upotrijebite stove pipe 155b gradijentnu ispunu (gradient fill) 

2. korak

Dodajte Drop Shadow sa ovim postavkama:

• Distance: 21
• Size: 21

3. korak

To će dodati rub i sjenu. Ako još niste prilagodili razmak između slova, ili mislite ga morate još malo podesiti, sada bi bio dobar trenutak pošto rub još nije primijenjen na tekst.

5. Stiliziranje Prve Kopije Sloja Teksta

Dvostrukim klikom na prvu kopiju sloja teksta primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Style: Stroke Emboss
• Technique: Chisel Hard
• Size: 7
• Gloss Contour: Rounded Steps
• Označite Anti-aliased kućicu
• Highlight Mode: Vivid Light

Ovo neće imati nikakav rezultat dok ne primijenite Stroke efekt, pošto je Stroke Emboss primijenjen samo na Stroke.

2. korak

Dodajte Contour sa ovim postavkama:

• Contour: Notched Slope
• Označite Anti-aliased kućicu

3. korak

Dodajte Stroke sa ovim postavkama:

• Size: 5
• Fill Type: Gradient
• Angle: 90
• Upotrijebite stove pipe 60 gradijentnu ispunu (gradient fill) 

Sada možete vidjeti Stroke Emboss efekt.

4. korak

To će kreirati još jedan sloj sjajnog ruba, sa izraženijim 3D izgledom.

6. Stiliziranje Druge Kopije Sloja Teksta

Dvostrukim klikom na drugu kopiju sloja teksta primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

• Technique: Chisel Hard
• Size: 3
• Označite Anti-aliased kućicu

2. korak

Dodajte Contour sa ovim postavkama:

• Contour: Cove - Deep
• Označite Anti-aliased kućicu

3. korak

Dodajte Inner Glow sa ovim postavkama:

• Noise: 9%
• Color: #f5f4e5
• Size: 21

4. korak

Dodajte Gradient Overlay sa ovim postavkama:

• Upotrijebite stove pipe 30 gradijentnu ispunu (gradient fill) 

5. korak

To će stilizirati tekst. Trenutno sada izgleda OK, ali možemo upotrijebiti još jedan sloj stiliziranog teksta da dodamo još dubine i detalja.

7. Stiliziranje Treće Kopije Sloja Teksta

Dvaput kliknite sloj treće kopije teksta da primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Gradient Overlay sa ovim postavkama:

• Blend Mode: Vivid Light
• Opacity: 52%
• Style: Reflected
• Označite Reverse kućicu
• Upotrijebite stove pipe 70 gradijentnu ispunu (gradient fill) 

2. korak

Dodajte Pattern Overlay sa ovim postavkama:

• Blend Mode: Multiply
• Opacity: 60%
• Pattern: Upotrijebite uzorak prikazan ispod iz Whitewashed Grunge Textures seta.

3. korak

To će efekt učiniti zanimljivijim i realističnijim.

8. Osvjetljivanje Dijela Iza Teksta

1. korak

Uzmite Brush Tool, pripazite da vam je Foreground još uvijek podešena na boju #6b6c81, izradite novi sloj iznad Texture sloja, nazovite ga Light i promijenite mu Blend Mode u Color Dodge.

2. korak

Upotrijebite prilično veliki, meki okrugli vrh kista da posvijetlite dio iza teksta.

9. Konvertiranje Slojeva Teksta u Pametni Objekt i Njegovo Iskrivljavanje

1. korak

Selektirajte sve slojeve teksta koje imate, zatim idite na Filter > Convert for Smart Filters. To će smjestiti sve selektirane slojeve koje imate u pametni objekt (smart object). Kad god želite možete dvaput kliknuti na sličicu (thumbnail) pametnog objekta da otvorite originalne slojeve teksta i zatim ih modificirate po želji.

Slojevi teksta će biti otvoreni na zasebnom dokumentu, stoga, nakon što primijenite potrebne promjene, morate ih pohraniti (File > Save), zatim zatvoriti dokument pametnog objekta (File > Close). Tekst će automatski biti ažuriran u originalnom dokumentu. Zato nećete morati rekreirati efekt za drugi tekst, ali ćete možda željeti prilagoditi sadržaj Light sloja.

2. korak

Sa selektiranim smart object elementom, idite na Edit > Transform > Warp.

3. korak

Odaberite Inflate iz Warp padajućeg izbornika u Options kartici, zatim kliknite i malo povucite kontrolnu točku da promijenite oblik po želji i pritisnite Return tipku da prihvatite promjene.

4. korak

Možete ići nazad na Edit > Transform > Warp da opet modificirate rezultat kada je potrebno.

Čestitam! Završili ste

U ovom tutorialu smo upotrijebili gradijentnu ispunu, teksturu i nekoliko slojeva za prilagođavanje kako bismo kreirali "grunge", tamnu pozadinu.

Zatim smo kreirali tekst i prilagodili mu Kerning i Tracking vrijednosti da modificiramo razmak između slova. Nakon što smo modificirali tekst, kreirali smo još tri kopije njegova sloja.

Svaka kopija slojeva teksta je zatim stilizirana sa gomilom različitih efekata i vrijednosti kako biste dobili konačni rezultat brušenog metala.

Zatim smo upotrijebili meki kist da posvijetlimo dio iza teksta i smjestili smo slojeve teksta u pametni objekt da konačno iskrivimo tekst i pružimo mu više 3D izgled.

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