U ovom tutorialu ću vam pokazati kako upotrijebiti stilove za sloj (layer style), šum i 'grunge' teksture te slojeve za prilagođavanje (adjustment layers) da izradite 'grunge' polutonski retro tekst efekt. Počnimo!

Ovaj tekst efekt inspiriran je mnogim Layer Styles stilovima dostupnim na GraphicRiver-u.

Resursi za Tutorial

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

• Burford Base font
• 30 Simple Patterns, Autor: mslooten
• UNRESTRICTED - Digital Grunge Texture 11, Autor: frozenstocks
• Film Grain, Autor: Californianinja
• UNRESTRICTED - Digital Grunge Texture 16, Autor: frozenstocks
• Light Grunge Seamless Patterns Vol. 3, Autor: webdesignerlab

1. Kako Izraditi Sloj Uzorka

1. korak

Izradite 512 x 512 px dokument kojem Background podesite na bijelu boju. Duplicirajte Background sloj, kliknite kopiju desnim gumbom miša i odaberite Convert to Smart Object.

2. korak

Podesite Foreground i Background Colors na crnu i bijelu boju, i idite na Filter > Render > Clouds.

2. Kako Izraditi 'Grunge' Polutonski Uzorak

1. korak

Idite na Filter > Filter Gallery > Texture > Grain, i upotrijebite ove postavke:

• Intensity: 60
• Contrast: 0
• Grain Type: Sprinkles

2. korak

Kliknite New effect layer ikonu na dnu Filter Gallery prozora sa dodate drugi filter.

Idite na Sketch > Halftone Pattern i upotrijebite ove postavke:

• Size: 2
• Contrast: 6
• Pattern Type: Dot

3. korak

Dodajte još jedan 'new effect layer' sloj, idite na Sketch > Graphic Pen i upotrijebite ove postavke:

• Stroke Length: 15
• Light/Dark Balance: 50
• Stroke Direction: Right Diagonal

Kada završite kliknite OK.

4. korak

Idite na Edit > Define Pattern, i za Name (ime) upišite Front Pattern.

3. Kako Izraditi Pozadinu sa Jednostavnim Uzorkom

1. korak

Izradite novi 950 x 750 px dokument, kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Solid Color.

2. korak

Podesite boju (Color) ispune na #a2563b.

3. korak

Napravite dvostruki klik na Solid Color sloj da primijenite Pattern Overlay sa ovim postavkama:

• Blend Mode: Soft Light
• Pattern: Dots

To će izraditi bazu pozadine.

4. Kako Izraditi Pametne Objekte Sloja s Tekstom

1. korak

Napišite tekst koristeći font Burford. Podesite mu boju (Color) u bijelu, Size na 350 pt, i Tracking na -75.

2. korak

Promijenite ime sloja teksta u Text, kliknite desnim gumbom miša na sloj i odaberite Convert to Smart Object.

3. korak

Duplicirajte Text sloj.

5. Kako Izraditi Slojeve Ekstruzije

1. korak

Opet duplicirajte Text sloj, promijenite naziv kopije u Extrusion, i smjestite je u grupu te je također nazovite Extrusion.

2. korak

Sa selektiranim Extrusion slojem, pritisnite Command-T da uđete u Free Transform Mode način. Pritisnite svaku od tipke lijeve strelice (Left Arrow) i tipke desne strelice (Down Arrow) da pomaknete Extrusion sloj 1 px u svakom od tih smjerova. 

Pritisnite Return tipku da prihvatite promjene.

3. korak

Pritisnite Shift-Command-Option-T oko 21 puta da izradite 21 kopiju sa istom transformacijom.

Možete zapravo odlučiti koliko kopija želite izraditi na osnovi veličine ekstruzije koju želite, stoga slobodno nastavite sa brojem kopija koji želite.

4. korak

Selektirajte sve Extrusion slojeve i idite na Layer > Arrange > Reverse da dobijete ispravan redoslijed slojeva.

5. korak

Smjestite Extrusion slojeve u Front grupu, donja tri u Back grupu, i ostatak u Middle grupu.

6. Kako Izraditi Slojeve Sjena

1. korak

Duplicirajte posljednji Extrusion sloj (donji sloj u Back grupi) i promijenite naziv u Shadow.

Odvucite Shadow sloj izvan Extrusion grupe i smjestite ga u novu grupu, također, sa istim imenom Shadow.

2. korak

Upotrijebite iste korake za transformaciju i dupliciranje kako biste izradili nekoliko slojeva kopija za Shadow (sjenu), samo ovaj puta morate pomaknuti Shadow sloj 1 px udesno i 1 px dolje.

3. korak

Kada završite sa izradom kopija, svakako preokrenite redoslijed Shadow slojeva.

4. korak

Smjestite Text i Text copy slojeve u Text grupu.

7. Kako Stilizirati Prednje Slojeve Teksta

Dvostrukim klikom na Text copy sloj primijenite sljedeći stil sloja (layer style):

1. korak

Dodajte Stroke sa ovim postavkama:

• Size: 3
• Position: Inside
• Color: #fbe8d2

2. korak

Dodajte Inner Shadow sa ovim postavkama:

• Blend Mode: Linear Burn
• Color: #515151
• Opacity: 50%
• Distance: 6
• Choke: 50
• Size: 5

3. korak

Dodajte Color Overlay sa ovim postavkama:

• Color: #f5edea
• Blend Mode: Darker Color
• Opacity: 50%

4. korak

Dodajte Pattern Overlay sa ovim postavkama:

• Blend Mode: Color Burn
• Pattern: Sawtooth
• Scale: 50%

5. korak

Text copy sloju promijenite Fill vrijednost na 0.

6. korak

Dvostrukim klikom na originalni Text sloj primijenite Pattern Overlay efekt sa ovim postavkama:

• Opacity: 95%
• Pattern: Front Pattern
• Scale: 50%

Ovo će stilizirati prednji dio teksta.

8. Kako Stilizirati Ekstruziju

1. korak

Dvostrukim klikom na Front grupu primijenite Color Overlay efekt koristeći boju #3c3b3b.

2. korak

Kliknite desnim gumbom miša na Front sloj, odaberite Copy Layer Style, kliknite desnim gumbom Back sloj i odaberite Paste Layer Style.

Ekspandirajte Middle grupu, selektirajte sve slojeve unutar nje, kliknite desnim gumbom miša na jedan od njih i odaberite opet Paste Layer Style.

3. korak

Dvostrukim klikom na Middle grupu primijenite Pattern Overlay sa ovim postavkama:

• Blend Mode: Divide
• Opacity: 35%
• Pattern: Diagonal line medium

Ovo će stilizirati ekstruziju.

9. Kako Stilizirati Sjenu

1. korak

Dvostrukim klikom na Shadow grupu primijenite Color Overlay efekt sa ovim postavkama:

• Color: #a89a96
• Blend Mode: Multiply
• Opacity: 75%

2. korak

Shadow grupi promijenite Fill vrijednost na 0%.

10. Kako Dodati 'Overlay' Prekrivanja Teksturom

Kako biste zadržali organiziranost slojeva, prije dodavanja tekstura, smjestite Text, Extrusion i Shadow grupe u novu grupu i nazovite je Text Effect.

1. korak

Teksture je bolje dodati kao pametne objekte (smart object), stoga idite na File > Place Linked.

Počnite dodavanjem UNRESTRICTED - Digital Grunge Texture 11 slike iznad Solid Color sloja i ako je potrebno promijenite joj veličinu.

Promijenite naziv u BG Texture, i promijenite Blend Mode sloja u Color Dodge i Opacity na 30%.

2. korak

Idite na Image > Adjustments > Hue/Saturation, i promijenite Saturation vrijednost na -100.

Ako koristite starije verzije Photoshopa ili iz nekog razloga ne možete primijeniti prilagođavanja izravno na 'smart object' sloj, možete rasterizirati sloj teksture ili umjesto toga upotrijebiti slojeve za prilagođavanje (adjustment layer slojevi).

3. korak

Idite na Image > Adjustments > Brightness/Contrast.

Označite Use Legacy okvir i promijenite Contrast na -50.

'Legacy' opcija pomaže prilagoditi kontrast potpuno crne i bijele boje što stvara mnogo manji kontrast.

4. korak

Smjestite Film Grain sliku iznad svih slojeva i ako je potrebno, promijenite joj veličinu.

Promijenite naziv sloja teksture u Texture Overlay 1, i promijenite Blend Mode u Overlay.

5. korak

Idite na Image > Adjustments > Levels i promijenite Gamma vrijednost na 0.70.

6. korak

Smjestite UNRESTRICTED - Digital Grunge Texture 16 sliku iznad svih slojeva i ako je potrebno, promijenite joj veličinu.

Promijenite naziv sloja teksture u Texture Overlay 2 i sloju promijenite Blend Mode u Soft Light te mu Opacity podesite na 20%.

7. korak

Idite na Image > Adjustments > Hue/Saturation i promijenite Saturation vrijednost na -100.

11. Kako Dodati 'Global Adjustment' Slojeve

1. korak

Iznad svih slojeva dodajte Gradient sloj.

Izradite Transparent to Fill Color gradijentnu ispunu koristeći boje #6f6f6f s lijeva i #000000 zdesna.

Promijenite Style u Radial i Scale na 200, i zatim promijenite Blend Mode sloja u Overlay.

2. korak

Dodajte Brightness/Contrast sloj i promijenite Contrast na 25.

3. korak

Dodajte Photo Filter sloj i upotrijebite boju (Color) #ec9600.

4. korak

Dodajte Color Balance sloj i upotrijebite ove postavke:

Midtones

• Cyan/Red: 20
• Magenta/Green: 12
• Yellow/Blue: 12

12. Kako Izraditi 'Grungy' Efekt

1. korak

Selektirajte Text Effect grupu i kliknite Add layer mask ikonu na dnu Layers kartice da grupi dodate masku.

2. korak

Odaberite Paint Bucket Tool, odaberite Pattern u Options kartici, i odaberite ispunu uzorka 15 iz Light Grunge Seamless Patterns Vol. 3 seta.

Ako nije, obavezno selektirajte Text Effect masku i kliknite kako biste je ispunili uzorkom.

3. korak

Kako bismo pojačali intenzitet 'grunge' efekta, možete pritisnuti Command-L da otvorite Levels okvir i povisiti Shadows vrijednost da potamnite ispunu sa uzorkom unutar maske, što će pojačati dijelove koji su obrisani njome i to će rezultirati pojačanim 'grunge' efektom.

Čestitam! Završili ste

U ovom tutorialu smo izradili jednostavan polutonski uzorak koristeći nekoliko filtera.

Zatim smo izradili tekst, konvertirali ga u 'smart object' i duplicirali da kreiramo slojeve ekstruzije i sjene. Nakon toga smo stilizirali svaki od slojeva teksta, ekstruzije i sjene, te grupe kako bismo postigli polutonski retro efekt.

Na kraju smo upotrijebili prekrivanja teksturom (overlay), slojeve za prilagođavanje (adjustment layers) i ispune (fill) kako bismo dovršili efekt.

Molim vas, svoje komentare, prijedloge i rezultate ostavite ispod.