Acest tutorial îți va arăta cum să utilizezi layer styles (stiluri de strat), noise ( zgomot) şi texturi grunge şi adjustment layers (straturi de ajustare) pentru a crea un efect de text retro grunge în semiton. Să începem!

Acest efect de text s-a inspirat din multele Layer Styles disponibile pe  GraphicRiver.

Resursele tutorialului

Resursele următoare au fost folosite în timpul producerii acestui tutorial:

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

1. Cum să creezi un strat cu textură

Pasul 1

Crează un document nou de 512 x 512 px cu un White Background. Duplichează stratul Background, fă clic dreapta pe copie și alege Convert to Smart Object.

Pasul 2

Setează culorile pentru Foreground și Background la Black și White, apoi du-te la  Filter > Render > Clouds.

2. Cum să creezi o textură semiton de tip grunge

Pasul 1

Du-te la  Filter > Filter Gallery > Texture > Grain, pentru a folosi aceste setări:

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

Pasul 2

Dă clic pe pictograma New effect layer în partea de jos a ferestrei Filter Gallery pentru a adăuga un alt filtru.

Du-te la Sketch > Halftone Pattern, și folosește aceste setări:

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

Pasul 3

Adauga un alt efect de strat nou, du-te la Sketch > Graphic Pen, şi folosește aceste setări:

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

Când ai terminat, fă clic pe OK.

Pasul 4

Du-te la Edit > Define Pattern, și tastează Front Pattern pentru Name.

3. Cum să creezi un fundal cu textură simplă

Pasul 1

Creză un nou document de 950 x 750 px, dă clic pe Create new fill or adjustment layer în partea de jos a panoului Layers, și alege Solid Color.

Pasul 2

Setează pentru a umple Color la #a2563b.

Pasul 3

Fă dublu clic pe stratul Solid Color pentru a aplica efectul de Pattern Overlay cu aceste setări:

• Blend Mode: Soft Light
• Pattern: Dots

Acest lucru va crea fundalul de bază.

4. Cum să creezi obiecte inteligente de text stratificat

Pasul 1

Crează textul cu fontul Burford.Setează Color la White,Size la 350 pt, iar Tracking la -75.

Pasul 2

Redenumește stratul cu text la Text, dă clic dreapta pe strat, și alege Convert to Smart Object.

Pasul 3

Duplichează stratul Text.

5. Cum să creezi straturi de extrudare

Pasul 1

Duplichează stratul de Text din nou, redenumește copia nouă Extrusion, şi apoi pune-o într-un grup pe care numește-l Extrusion, deasemenea.

Pasul 2

Cu stratul Extrusion selectat, tastează Command-T pentru a accesa Free Transform Mode. Tastează oricare dintre Săgeata la dreapta și Săgeata la stânga o dată pentru a împinge stratul Extrusion cu un 1 px în oricare dintre acele direcții.

Apasă tasta Return ca să accepți schimbările.

Pasul 3

Apasăi Shift-Command-Option-T în jur de 21 de ori pentru a crea 21 exemplare cu aceeaşi transformare.

Poţi de fapt decide câte exemplare dorești să creezi bazat pe dimensiunea de extrudare dorită, aşa că nu ezita să generezi orice număr de exemplare dorești.

Pasul 4

Selectează toate straturile Extrusion, apoi du-te la Layer > Arrange > Reverse pentru a obține ordinea corectă a starturilor.

Pasul 5

Pune cele trei straturi Extrusion de sus într-un grup Front ,pe cele de jos într-un grup Back , iar pe restul într-un grup Middle.

6. Cum să creezi straturi umbră

Pasul 1

Duplichează ultimul strat Extrusion (stratul de jos în grupul Back), şi redenumește copia Shadow.

Trage stratul Shadow afară din grupul Extrusion, şi pune-l într-un grup nou tot cu numele de Shadow.

Pasul 2

Utilizează aceaşi transformare şi duplichează paşii pentru a crea o pereche de copii straturi pentru Shadow, numai de data aceasta, vei avea nevoie să muți stratul de Shadow cu 1 px la dreapta şi 1 px în jos.

Pasul 3

Asigură-te că inversezi ordinea straturilor Shadow atunci când ai terminat crearea de copii.

Pasul 4

Plasează straturile Text și Text copy  într-un grup Text.

7. Cum să stilizezi straturile cu text din faţă

Fă dublu clic pe stratul Text copy pentru a aplica următorul stil de strat:

Pasul 1

Adaugă un contur (Stroke) cu aceste setări:

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

Pasul 2

Adaugă o umbră interioară (Inner Shadow) cu aceste setări:

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

Pasul 3

Adaugă o suprapunere de culoare (Color Overlay) cu aceste setări:

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

Pasul 4

Adaugă o suprapunere de textură (Pattern Overlay) cu aceste setări:

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

Pasul 5

Schimbă la stratul Text copy valoarea lui Fill la 0.

Pasul 6

Dă dublu clic pe stratul iniţial Text pentru a aplica un efect Pattern Overlay cu aceste setări:

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

Acesta va stiliza partea din faţă a textului.

8. Cum să stilizezi extrudarea

Pasul 1

Dă dublul clic pe grupul Front pentru a aplica efectul Color Overlay folosind culoarea #3c3b3b.

Pasul 2

Dă dublu clic pe stratul Front, alege Copy Layer Style, dă dublu clic pe stratul Back, alege Paste Layer Style.

Extinde grupul Middle, selectează toate straturile din interiorul acestuia, dă clic dreapta pe oricare dintre ele, şi alege Paste Layer Style din nou.

Pasul 3

Dă dublu clic pe grupul Middle pentru a aplica un Pattern Overlay cu aceste setări:

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

Acesta va stila extrudarea.

9. Cum să stilizezi umbra

Pasul 1

Dă dublu clic pe grupul Shadow pentru a aplica un Color Overlay cu aceste setări:

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

Pasul 2

Schimbă Fill la grupul Shadow pe valoarea de 0%.

10. Cum se adaugă suprapuneri de textură

Înainte de adăugarea texturii, pune grupurile Text, Extrusion și Shadow  într-un grup şi îl numește-l Text Effect, pentru a menţine lucrurile organizate.

Pasul 1

E mai bine să adaugi texturile ca și obiecte inteligente mergând la File > Place Linked

Începe prin a adăuga imaginea UNRESTRICTED - Digital Grunge Texture 11 peste stratul Solid Color, și redimensioneaz-o după nevoi.

Redenumește stratul BG Texture, și schimbă-i Blend Mode pe Color Dodge iar Opacity la 30% .

Pasul 2

Du-te la Image > Adjustments > Hue/Saturation, și schimbă valoarea Saturation la -100.

Dacă utilizaţi versiuni mai vechi ale Photoshop sau e imposibil de aplicat modificările direct la stratul de obiect inteligent din anumite motive,se  poate fie rasteriza stratul texturii sau utilizează straturile de ajustare, în schimb.

Pasul 3

Du-te la Image > Adjustments > Brightness/Contrast

Bifează căsuța Use Legacy, și schimbă Contrast la -50.

Opţiunea moştenire ajută la reglarea contrastului complet alb-negru, ceea ce creează mult mai puţin contrast.

Pasul 4

Pune imaginea Film Grain deasupra tuturor straturilor şi redimensionează după necesități.

Redenumește stratul cu textura Texture Overlay 1, și schimbă  Blend Mode pe Overlay

Pasul 5

Du-te la Image > Adjustments > Levels, și schimbă valorea Gamma la 0.70.

Pasul 6

Pune imaginea  UNRESTRICTED - Digital Grunge Texture 16 peste toate straturile, şi redimensioneaz-o după necesități.

Redenumește stratul cu textura Texture Overlay 2, și schimbă  Blend Mode pe Soft Light iar Opacity pe 20%.

Pasul 7

Du-te la Image > Adjustments > Hue/Saturation și schimbă valoarea Saturation la -100.

11. Cum să adaugi straturi de ajustare la nivel global

Pasul 1

Adaugă un strat Gradient deasupra la toate straturile.

Crează un gradient Transparent to Fill Color folosind culorile #6f6f6f la stânga și #000000 la dreapta.

Schimbă Style pe Radial și Scale la 200, apoi schimbă Blend Mode-ul stratului pe Overlay.

Pasul 2

Adaugă un strat Brightness/Contrast, și schimbă Contrast pe 25.

Pasul 3

Adaugă un strat Photo Filter, și folosește culoarea  #ec9600 .

Pasul 4

Adaugă un strat Color Balance, și folosește setările:

Midtones

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

12. Cum să creezi efect Grungy

Pasul 1

Selectează grupul Text Effect şi fă clic pe pictograma Add layer mask în partea de jos din panoul Layers pentru a adăuga o mască.

Pasul 2

Ia Paint Bucket Tool, alege Pattern de pe bara Options, apoi selectează umplutura textură 15 din pachetul Light Grunge Seamless Patterns Vol. 3

Asigură-te că este selectată masca Text Effect şi fă clic pentru a o umple cu textură.

Pasul 3

Pentru a intensifica efectul grungy, poţi apăsa Command-L pentru a vizualiza caseta Levels şi creşte valoarea Shadows pentru a întuneca zonele umplute cu textură în interiorul măștii, care vor intensifica zonele şterse de acesta, rezultând un efect mai grungy.

Felicitări! Ești gata.

In acest tutorial, am creat o textură simplă semiton folosind câteva de filtre.

Apoi, am creat textul, l-am transformat într-un obiect inteligent şi l-am duplicat pentru a crea straturi de extrudare si umbră. După aceea, am stilat pe rând straturile de text, extrudare, şi umbră  și grupurile pentru a obţine efectul retro de semiton.

În cele din urmă, am folosit suprapuneri de textură, straturi de ajustare, şi umpluturi texturate pentru a întregi efectul.

Vă rugăm să nu ezitaţi să lăsaţi comentariile, sugestiile, şi rezultatele voastre mai jos.