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

Kako Izraditi Lagani Digitalni "Glitch" Tekst Efekt u Adobe Photoshopu

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Glitch Animated Gif Action in Adobe Photoshop
How to Create a Set of Glitches in Adobe Photoshop

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

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.

Solid Color LayerSolid Color LayerSolid Color Layer

2. korak

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

Create the TextCreate the TextCreate the Text

3. korak

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

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

4. korak

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. korak

Sakrijte sloj Text 02 klikom na ikonu pokraj imena sloja.

Hide the LayerHide the LayerHide the Layer

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.

Advanced BlendingAdvanced BlendingAdvanced Blending

2. korak

Dodajte Outer Glow sa ovim postavkama:

  • Opacity: 50%
  • Color: #ffffff
  • Size: 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

To će stilizirati crveni dio teksta.

Styled Text 1Styled Text 1Styled Text 1

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.

Advanced Blending OptionsAdvanced Blending OptionsAdvanced Blending Options

4. korak

Dodajte Outer Glow sa ovim postavkama:

  • Opacity: 50%
  • Color: #ffffff
  • Size: 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

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

Styled Text 2Styled Text 2Styled Text 2

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.

Nudge the Text LayersNudge the Text LayersNudge the Text Layers

2. korak

Duplicirajte oba sloja, Text 01 i Text 02 sloj.

Duplicate LayersDuplicate LayersDuplicate Layers

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.

Convert to Smart ObjectConvert to Smart ObjectConvert 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).

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

5. korak

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

Duplicate the LayerDuplicate the LayerDuplicate the Layer

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.

Create SelectionsCreate SelectionsCreate Selections

2. korak

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

Pritisnite Command-D za Deselect.

Fill the SelectionFill the SelectionFill the Selection

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. 

Show the Layer MaskShow the Layer MaskShow the Layer Mask

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.

Create More SelectionsCreate More SelectionsCreate More Selections

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.

Fill the SelectionFill the SelectionFill the Selection

5. Kako Primijeniti "Glitch" Efekt Filteri

1. korak

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

Mezzotint FilterMezzotint FilterMezzotint Filter

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
Wave Filter SettingsWave Filter SettingsWave Filter Settings

3. korak

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

Mezzotint FilterMezzotint FilterMezzotint Filter

4. korak

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

Wind FilterWind FilterWind Filter

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.

Hide Unwanted AreasHide Unwanted AreasHide Unwanted Areas

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.

Color LookupColor LookupColor Lookup

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.

Create the Scanlines LayerCreate the Scanlines LayerCreate the Scanlines Layer

3. korak

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

  • Size: 1
  • Contrast: 5
  • Pattern Type: Line
Halftone Pattern FilterHalftone Pattern FilterHalftone Pattern Filter

4. korak

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

Layer SettingsLayer SettingsLayer Settings

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

Pattern Fill LayerPattern Fill LayerPattern Fill Layer

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.

Create the Noise LayerCreate the Noise LayerCreate the Noise Layer

2. korak

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

  • Intensity: 40
  • Contrast: 50
  • Grain Type: Stippled
Grain Texture FilterGrain Texture FilterGrain Texture Filter

3. korak

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

Grain Filter SettingsGrain Filter SettingsGrain Filter Settings

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
Conte Crayon FilterConte Crayon FilterConte Crayon Filter

5. korak

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

Set Blend Mode to Linear DodgeSet Blend Mode to Linear DodgeSet Blend Mode to Linear Dodge

6. korak

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

Create Random SelectionsCreate Random SelectionsCreate Random Selections

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.

Add Noise LinesAdd Noise LinesAdd Noise Lines

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

Glitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop Tutorial
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.