Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Kako Izraditi 'Grunge' Retro Tekst Efekt u Adobe Photoshopu

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

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Create the Pattern Layer

2. korak

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

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

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

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.

Graphic Pen Filter

4. korak

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

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

Solid Color Fill Layer

2. korak

Podesite boju (Color) ispune na #a2563b.

Fill Color

3. korak

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

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

To će izraditi bazu pozadine.

Background Pattern

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.

Create the Text

2. korak

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

Convert to Smart Object

3. korak

Duplicirajte Text sloj.

Duplicate the Text Layer

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.

Create the Extrusion Group

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.

Nudge the Extrusion Layer

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.

Create the Extrusion Copies

4. korak

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

Reverse the Extrusion Layers

5. korak

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

Group the Extrusion Layers

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.

Create the Shadow Group

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.

Create the Shadow Layers

3. korak

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

Reverse the Layer Order

4. korak

Smjestite Text i Text copy slojeve u Text grupu.

Text Group

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
Stroke

2. korak

Dodajte Inner Shadow sa ovim postavkama:

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

3. korak

Dodajte Color Overlay sa ovim postavkama:

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

4. korak

Dodajte Pattern Overlay sa ovim postavkama:

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

5. korak

Text copy sloju promijenite Fill vrijednost na 0.

Change the Fill Value

6. korak

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

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

Ovo će stilizirati prednji dio teksta.

Styled Text Front

8. Kako Stilizirati Ekstruziju

1. korak

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

Color Overlay

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.

Copy and Paste the Layer Style

3. korak

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

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

Ovo će stilizirati ekstruziju.

Styled Extrusion

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

2. korak

Shadow grupi promijenite Fill vrijednost na 0%.

Change the Fill Value

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

Add the Background Texture Overlay

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

HueSaturation

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.

BrightnessContrast

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.

Texture Overlay 1

5. korak

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

Levels Gamma

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

Texture Overlay 2

7. korak

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

HueSaturation

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.

Gradient Fill

2. korak

Dodajte Brightness/Contrast sloj i promijenite Contrast na 25.

BrightnessContrast

3. korak

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

Photo Filter

4. korak

Dodajte Color Balance sloj i upotrijebite ove postavke:

Midtones

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

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.

Add a Layer Mask

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.

Fill the Mask with Pattern

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.

Intensify the Pattern

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

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