Kako Izraditi 'Grunge' Retro Tekst Efekt u Adobe Photoshopu
Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)



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.





