U ovom tutorialu ćete vidjeti kako u Photoshopu upotrijebiti stilove slojeva, filtere i maske slojeva da kreirate brz i jednostavan digitalni "glitch" tekst efekt. Počnimo!

Ovaj tekst efekt nadahnut je mnogim stilovima slojeva koji su dostupni na našoj stranici GraphicRiver.

Resursi za Tutorial

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

• Pixel Digivolve font
• basic scanline patterns, Autor: Artbox-DA

1. Kako Izraditi Pozadinu i Slojeve Teksta

1. korak

Izradite 900 x 700 px novi dokument (New Document), kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice, odaberite Solid Color i upotrijebite Color (boju) #101010.

2. korak

Izradite tekst bijelom bojom koristeći font Pixel Digivolve i podesite Size na 170 pt.

3. korak

Promijenite naziv sloja teksta u Text 01, kliknite ga desnim gumbom miša i odaberite Convert to Smart Object.

4. korak

Duplicirajte sloj Text 01 i promijenite ime kopije u Text 02.

5. korak

Sakrijte sloj Text 02 klikom na ikonu pokraj imena sloja.

2. Kako Primijeniti Stilove Slojeva

Duplim klikom na Text 01 sloj primijenite sljedeći stil sloja (Layer Style):

1. korak

U Blending Options idite na Advanced Blending, te uklonite oznaku s G i B Channels okvira.

2. korak

Dodajte Outer Glow sa ovim postavkama:

• Opacity: 50%
• Color: #ffffff
• Size: 10

To će stilizirati crveni dio teksta.

Prikažite opet sloj Text 02 i duplim klikom primijenite sljedeći stil sloja (Layer Style):

3. korak

U Blending Options, idite na Advanced Blending, i odznačite okvir R Channels.

4. korak

Dodajte Outer Glow sa ovim postavkama:

• Opacity: 50%
• Color: #ffffff
• Size: 10

To će stilizirati plavi dio, koji sada neće biti vidljiv, ali na to je sljedeće na čemu ćemo raditi.

3. Kako Izraditi Osnovni "Glitch" Efekt

1. korak

Uzmite Move Tool i upotrijebite tipke sa strelicama na tipkovnici da blago pomaknete Text 01 i Text 02 slojeve u suprotnim smjerovima kako biste otkrili crvenu i plavu boju i dobili rezultat koji vam se sviđa.

2. korak

Duplicirajte oba sloja, Text 01 i Text 02 sloj.

3. korak

Izradite novi sloj (New Layer) iznad svih slojeva, nazovite ga Filters 01 i pritisnite Option-Command-Shift-E tipke da kreirate žig svih slojeva koje imate.

Kliknite desnim gumbom miša na Filters 01 sloj i odaberite Convert to Smart Object.

4. korak

Pritisnite-držite Option tipku i kliknite Add layer mask ikonu na dnu Layers kartice kako biste dodali invertiranu masku sloja (layer mask).

5. korak

Duplicirajte Filters 01 sloj i promijenite naziv kopije u Filters 02.

4. Kako Raditi sa Maskama Slojeva (Layer Mask)

1. korak

Uzmite Rectangular Marquee Tool, nasumično selektirajte neke dijelove koji prekrivaju dijelove teksta i obavezno produžite selekcije tako da prelaze izvan lijeve i desne strane teksta.

Zadržite dovoljno vertikalnog prostora između selekcija pošto ćemo između njih napraviti dodatne selekcije.

2. korak

Selektirajte sličice (thumbnail-ove) maske sloja Filters 01 i ispunite (Fill) selekciju bijelom bojom.

Pritisnite Command-D za Deselect.

3. korak

Pritisnite-držite Option tipku i kliknite sličicu (thumbnail) Filters 01 maske sloja da ga prikažete. To ćemo upotrijebiti za referencu kako bismo napravili selekcije između linija koje već imamo. 

4. korak

Upotrijebite opet Rectangular Marquee Tool da izradite uže linije između onih koje već imate, ali zadržite i neke neselektirane dijelove također.

5. korak

Pritisnite-držite Option tipku i kliknite opet sličicu (thumbnail) Filters 01 maske sloja da dobijete originalni sadržaj, selektirajte sličicu (thumbnail) maske sloja Filters 02 i ispunite (Fill) novu selekciju bijelom bojom. 

Kada završite, idite na Deselect.

5. Kako Primijeniti "Glitch" Efekt Filteri

1. korak

Selektirajte Filters 01 sloj, idite na Filter > Pixelate > Mezzotint i podesite Type u Short Strokes.

2. korak

Selektirajte Filters 02 sloj i idite na Filter > Distort > Wave. Ovaj filter može biti zeznut za primjenu, pa ćete možda morati isprobati različite vrijednosti dok ne postignete željeni rezultat.

Vrijednosti koje su ovdje upotrijebljene su:

• Number of Generators: 1
• Wavelength:
  • Min. 1
  • Max. 106
• Amplitude:
  • Min. 90
  • Max. 133
• Scale:
  • Horiz. 6
  • Vert. 1
• Type: Sine
• Undefined Areas: Repeat Edges Pixels

3. korak

Idite na Filter > Pixelate > Mezzotint i podesite Type u Long Strokes.

4. korak

Idite na Filter > Stylize > Wind, podesite Method u Wind i Direction u From the Right.

5. korak

Ako trebate ukloniti neke neželjene dijelove, selektirajte sličicu maskiranog sloja, uzmite Brush Tool i odaberite meki okrugli vrh kista.

Podesite Foreground Color u crnu boju i slikajte preko neželjenih dijelova kako biste ih sakrili.

6. Kako Dodati Vodoravne Linije Rastera (Scanline)

1. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Color Lookup.

Odaberite Fuji ETERNA 250D Fuji 3510 (by Adobe).cube u 3DLUT File izborniku.

2. korak

Iznad svih slojeva izradite novi sloj (New Layer), ispunite ga (Fill) bijelom bojom, nazovite ga Scanlines i konvertirajte u Smart Object.

Pobrinite sa da su Foreground i Background Colors boje podešene na crnu i bijelu.

3. korak

Idite na Filter > Filter Gallery > Sketch > Halftone Pattern i upotrijebite sljedeće postavke:

• Size: 1
• Contrast: 5
• Pattern Type: Line

4. korak

Scanlines sloju promijenite Blend Mode u Soft Light i Opacity u 50%.

5. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice, odaberite Pattern i upotrijebite Pattern 1 Fill iz basic scanline patterns seta.

Promijenite Opacity vrijednost sloja u 25%.

7. Kako Izraditi Prekrivanje s Šumom (Noise Overlay)

1. korak

Iznad svih slojeva izradite novi sloj (New Layer), ispunite ga crnom bojom, nazovite ga Noise i konvertirajte u Smart Object.

2. korak

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

• Intensity: 40
• Contrast: 50
• Grain Type: Stippled

3. korak

Kliknite OK, opet idite na Filter > Texture > Grain i upotrijebite iste vrijednosti kao i u prethodnom koraku.

4. korak

Kliknite New effect layer ikonu u dnu donjeg desnog kuta, idite na Sketch > Conté Crayon i upotrijebite ove postavke:

• Foreground Level: 7
• Background Level: 7
• Texture: Canvas
• Scaling: 100%
• Relief: 4
• Light: Top

5. korak

Noise sloju promijenite Blend Mode u Linear Dodge (Add) i  Opacity u 20%.

6. korak

Upotrijebite Rectangular Marquee Tool da napravite nasumične selekcije preko cijelog dokumenta, ali pokušajte izbjeći kreiranje velikih selekcija preko teksta.

7. korak

Pritisnite Command-J da duplicirate selekciju na novi sloj kojem tada promijenite naziv u Noise Lines, i zatim mu promijenite Blend Mode u Color Dodge.

Čestitam! Završili ste

U ovom tutorialu smo izradili nekoliko pametnih objekata slojeva teksta i upotrijebili "blending" načine i stilove slojeva da kreiramo glavni "glitch" efekt.

Zatim smo kreirali slojeve filtera i prilagodili im maske za sloj.

Na kraju smo upotrijebili nekolicinu filtera da dovršimo "glitch" efekt te smo dodali na brzinu prekrivanje sa šumom (Noise Overlay).

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.