Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cum să creezi un efect Retro Grunge pentru un text în Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Chrome Text Effect in Adobe Illustrator
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop

Romanian (Română) translation by Cath Vectorielle (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Create the Pattern Layer

Pasul 2

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

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
Grain Filter

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
Halftone Pattern Filter

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.

Graphic Pen Filter

Pasul 4

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

Define Pattern

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.

Solid Color Fill Layer

Pasul 2

Setează pentru a umple Color la #a2563b.

Fill Color

Pasul 3

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

  • Blend Mode: Soft Light
  • Pattern: Dots
Pattern Overlay

Acest lucru va crea fundalul de bază.

Background Pattern

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.

Create the Text

Pasul 2

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

Convert to Smart Object

Pasul 3

Duplichează stratul Text.

Duplicate the Text Layer

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.

Create the Extrusion Group

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.

Nudge the Extrusion Layer

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.

Create the Extrusion Copies

Pasul 4

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

Reverse the Extrusion Layers

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.

Group the Extrusion Layers

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.

Create the Shadow Group

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.

Create the Shadow Layers

Pasul 3

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

Reverse the Layer Order

Pasul 4

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

Text Group

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

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
Stroke

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

Pasul 3

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

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

Pasul 4

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

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

Pasul 5

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

Change the Fill Value

Pasul 6

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%
Pattern Overlay

Acesta va stiliza partea din faţă a textului.

Styled Text Front

8. Cum să stilizezi extrudarea

Pasul 1

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

Color Overlay

Pasul 2

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.

Copy and Paste the Layer Style

Pasul 3

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

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

Acesta va stila extrudarea.

Styled Extrusion

9. Cum să stilizezi umbra

Pasul 1

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

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

Pasul 2

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

Change the Fill Value

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% .

Add the Background Texture Overlay

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.

HueSaturation

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.

BrightnessContrast

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

Texture Overlay 1

Pasul 5

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

Levels Gamma

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%.

Texture Overlay 2

Pasul 7

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

HueSaturation

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.

Gradient Fill

Pasul 2

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

BrightnessContrast

Pasul 3

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

Photo Filter

Pasul 4

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

Midtones

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

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ă.

Add a Layer Mask

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ă.

Fill the Mask with Pattern

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.

Intensify the Pattern

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.

Final Result
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.