Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Kako Izraditi 'Glitch' Foto Efekt u Adobe Photshopu

Scroll to top
Read Time: 7 min
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool 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

Foto efekti su odličan način za prakticiranje vaših vještina u Photoshopu. U ovoj lekciji naučite kako izraditi zabavan foto 'glitch' efekt koristeći 'Marquee' alat, 'Wave' filter i druge funkcije!

Elementi Potrebni  za Tutorijal

Tijekom izrade ovog tutorijala korišteni su sljedeći elementi.

Foto 'Glitch' Osnove: Što trebate znati

Kako biste dobili što je mogući bolji rezultat kada postižete efekte na osnovi scenarija iz stvarnog života, napravite malo istraživanje. Upoznajmo se sa time što je ustvari 'glitch'.

'Glitch' o kojem ćemo mi ovdje govoriti je uobičajen na televiziji i video igrama. Ovi 'glitchevi' su softverske greške ili bugovi koje često uzrokuje koruptirani signal. Krajnji rezultat je jako distorzirani ekran.

Za ovaj tutorijal moramo imati na umu neke glavne vizualne karakteristike kako bismo postigli ovaj izgled. To su:

  • Iskrivljene linije ili valovi
  • Zamrznuti ili statični vizuali
  • Obrnute boje

Napravite jedno Google istraživanje kako biste imali inspiraciju i referencu. Često se na njih referirajte da sami eksperimentirate sa ovim stilom ili potražite profesionalnu pomoć dizajnera s Envato Studia.

Glitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody Nieves
Alternativna verzija. Prikupite reference da vam pomognu postići ovakav izgled! Slika sa stranice Freepik.

Ako imate problema sa postizanjem ovog izgleda, ne zaboravite da uvijek možete zaobići ovaj proces preuzimanjem jednog od naših nevjerojatnih Glitch Foto Efekata sa stranice Graphic River i Envato Elements.

1. Kako Podesiti 'Glitch' Foto Efekt

1. korak

Počnimo! Za tutorijal ću upotrijebiti ovu Hipster Stock fotografiju sa stranice Photo Dune. Kod ovog određenog izgleda pomaže ako odaberete fotografiju na kojoj model ima rubove koje jasno možete vidjeti jer ćemo ga morati odvojiti od pozadine. Također je dodatni bonus ako je pozadina jednobojna ili nije previše komplicirana poput ovih drvenih panela.

Hipster Man Stock from PhotoDuneHipster Man Stock from PhotoDuneHipster Man Stock from PhotoDune
Pogledajte kako jasno možete vidjeti sve rubove oko modela. Svakako odaberite fotografiju na kojoj se model može lako odvojiti od pozadine.

Dvaput kliknite na Background sloj kako biste izradili novi sloj/New Layer. Izradite novi New Layer (Control-Shift-N) smješten ispod vaše reference. Podesite Foreground Color u  bijelu boju i kliknite Fill da ispunite sloj bijelom bojom pomoću alata Paint Bucket Tool (G).

Setup the Layers for a Glitch Photo EffectSetup the Layers for a Glitch Photo EffectSetup the Layers for a Glitch Photo Effect

2. korak

Odaberite Magnetic Lasso Tool (L). To će nam pomoći lako odvojiti referencu tako da prvo jednostavno kliknemo na rub modela. Upotrijebite Magnetic Lasso Tool (L) da napravite odabir oko cijelog modela. Kada završite, dvaput kliknite i odaberite Layer via Copy da na brzinu napravite duplikat.

Use the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the Subject
Pripazite da svakako zadržite originalnu fotografiju. Na posljednjem rezultatu vidite kako bi model trebao izgledati na svojem sloju.

3. korak

Selektirajte originalnu fotografiju. Upotrijebite Free Transform Tool (Control-T) da smanjite bočne strane pozadine da otkrijete nešto bijelog dijela s lijeve  desne strane.

Squeeze the Sides with the Free Transform ToolSqueeze the Sides with the Free Transform ToolSqueeze the Sides with the Free Transform Tool

Alternativno, ako vaš model nema pozadinu, možete dodati pravokutnik sa Rectangle Tool (U) alatom kao na primjeru ispod.

Alternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle Background
Alternativno, ako vaš model nema pozadinu, dodajte pravokutnik. Slika sa stranice Freepik.

2. Kako Smanjiti Zasićenost Fotografije

1. korak

Nadalje, sada ćemo smanjiti zasićenost (Desaturate) fotografije da dobijemo monokromatsku paletu boja. Selektirajte sloj na kojoj je izrezani model i idite na Image > Adjustments > Hue & Saturation. Smanjite Saturation na -95 da uklonite većinu boje s fotografije.

Desaturate with Hue and SaturationDesaturate with Hue and SaturationDesaturate with Hue and Saturation

2. korak

Glavnu fotografiju možete dodatno podesiti pomoću Levels postavki. Opet selektirajte sloj modela odvojenog od pozadine i idite na Image > Adjustments > Levels. Podesite Levels za RGB Channel sa sljedećim postavkama:

  • Shadow Input Level: 0
  • Midtone Input Level: 0.92
  • Highlight Input Level: 255
  • Output Levels: 17, 255

Krajnji rezultat je suptilan, i model je još malo posvijetljen.

Use Levels to Adjust the Desaturated PhotoUse Levels to Adjust the Desaturated PhotoUse Levels to Adjust the Desaturated Photo

3. Kako Izraditi Linearnu 'Glitch' Distorziju

1. korak

Sljedeći dio ovog efekta je rekreiranje iskrivljene foto distorzije kojom postižemo izgled kao da su vizuali poremećeni. Kako bismo to učinili prvo selektirajte sve fotografije modela i kliknite Merge da ih spojite zajedno.

Merge the layers togetherMerge the layers togetherMerge the layers together

2. korak

Sada odaberite Rectangular Marquee Tool (M). Izradite dvije uske selekcije na sloju fotografije. Prvo izradite onu na dnu i zatim držite tipku Shift da dodate još jednu selekciju na  vrhu.

Use the Rectangular Marquee Tool to create selectionUse the Rectangular Marquee Tool to create selectionUse the Rectangular Marquee Tool to create selection

Pritisnite tipku V na tipkovnici da prebacite na alat Move Tool. Upotrijebite tipku sa lijevom strelicom da selekciju pomaknete ulijevo. Možda ćete je morati pritisnuti nekoliko puta ili je duže držati dok ne postignete željeni rezultat.

Move the selection to the left for the glitchMove the selection to the left for the glitchMove the selection to the left for the glitch

3. korak

Možete nastaviti proces na jednom sloju, ali s vremenom bi se mogli pojaviti otvoreni bijeli dijelovi koji ne izgledaju baš dobro. Stoga, kako biste to izbjegli, smanjite zasićenost (Desaturate) sloja s modelom i upotrijebite kopiju da izradite distorziju.

Opet, upotrijebite Rectangular Marquee Tool (M) da napravite još selekcija, pomaknite ih u različitim smjerovima pomoću tipki sa lijevom srelicom i desnom strelicom. Ja sam ovdje izradila još dva i pomaknula ih malo desno.

Create more selections for more glitchesCreate more selections for more glitchesCreate more selections for more glitches

Pogledajte kako, zbog toga što je kopija fotografije iza ovog sloja, rezultat pokazuje sloj ispod umjesto bijele pozadine.

4. korak

Ubrzajmo malo! Izradite još pravokutnih selekcija pomoću alata Move Tool (V) da pomaknete različite dijelove. Mijenjajte veličinu između uskih selekcija i debljih da postignete prirodniji efekt.

Dobra je ideja već unaprijed odrediti dijelove. Pošto mi se sviđa ozbiljan izraz lica, želim postići da 'glitchevi' stvaraju fokus prema sredini fotografije.

Continue creating the glitch effect with selectionsContinue creating the glitch effect with selectionsContinue creating the glitch effect with selections

Što se više približavate licu, pokušaje ne distorzirati previše. Izradite svaki 'glitch' individualno da vidite što vam se čini najbolje. Ovaj je dio čisto eksperimentiranje, stoga, ako se trebate vratiti korak-dva nazad, samo kliknite Control-Z ili kliknite Undo.

Creating Photo Glitches Around the FaceCreating Photo Glitches Around the FaceCreating Photo Glitches Around the Face

Kada završite sa svim linearnim 'glitchevima', efekt bi trebao izgledati otprilike ovako:

Final Linear Glitch EffectFinal Linear Glitch EffectFinal Linear Glitch Effect

4. Kako Izradti Valovite 'Glitch' Distorzije

1. korak

Sljedeći dio ovog distorziranog efekta je izrada valovitog 'glitcha'. Ovo ste možda često vidjeli ako ste kao dijete znali naletjeti na 'zločeste' kanale, ali ovakvi 'glitchevi' stvaraju dojam da se slika pomiče u nekakvoj tekućini.

Za taj efekt ćemo trebati Wave Filter. Pomoću funkcije Merge spojite sloj sa originalnom fotografijom sa kopijom koja ima sve 'glitcheve'. Zatim pritisnite Control-J da napravite duplikat kako biste na njemu izradili valovitu distorziju.

Merging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy Distortion

2. korak

Dok je kopija selektirana, baš kao i prije, sa alatom Rectangular Marquee Tool (M) izradite još nekoliko velikih selekcija. Imajte na umu da pokušavam uokviriti lice modela, pa nemojte selektirati dijelove točno u sredini.

Create Selections for the Wavy GlitchCreate Selections for the Wavy GlitchCreate Selections for the Wavy Glitch

Sada idite na Filter > Distort > Wave, podešavajući postavke kao što slijedi kako biste izradili valoviti efekt samo na selektiranim dijelovma.

Creating a Wavy Glitch with Filter Distort WaveCreating a Wavy Glitch with Filter Distort WaveCreating a Wavy Glitch with Filter Distort Wave

3. korak

Sa ovim određenim efektom postavke iznad mogu ali i ne moraju dobro izgledati na vašoj fotografiji. Zato je važno eksperimentirati i podesiti postavke prema vlastitom nahođenju kako biste postigni željeni rezultat.

Nastavite ovaj proces izrade selekcija prije nego što primijenite Wave Filter. Morati ćete mijenjati postavke svaki puta da ne dobijete jednoličan efekt.

Continue the Wavy Glitch ProcessContinue the Wavy Glitch ProcessContinue the Wavy Glitch Process

Evo fotografije sada, nakon još malo eksperimentiranja.

Wavy Glitch Photo Effect ProgressWavy Glitch Photo Effect ProgressWavy Glitch Photo Effect Progress

4. korak

Dovršite efekt koncentrirajući se na gornje i donje dijelove fotografije. Prvo pomoću alata Rectangular Marquee Tool (M) selektirajte donji dio slike i primijenite Wave Filter sa sljedećim postavkama.

Add the Glitch to the Bottom with the Wave FilterAdd the Glitch to the Bottom with the Wave FilterAdd the Glitch to the Bottom with the Wave Filter

Sada gornji dio. Ponovite proces, ovaj puta primijenite sljedeće postavke prikazane ispod.

Top Portion Wavy Glitch EffectTop Portion Wavy Glitch EffectTop Portion Wavy Glitch Effect

Evo dovršene slike sa svim linearnim i valovitim 'glitchevima'. Idemo dalje na završne detalje!

Final Wavy Glitch EffectFinal Wavy Glitch EffectFinal Wavy Glitch Effect

5. Kako Izraditi Jednostavan 3D Efekt

1. korak

Sada ćemo primijeniti 3D efekt u boji! Kao i prije, počnite spajanjem 'glitch' slojeva pomoću Merge funkcije i izostavite bijelu pozadinu tako da vam ostanu samo dva sloja. Zatim pritisnite Control-J da izradite još dva duplikata spojenog foto sloja.

Duplicate Layers for the Final EffectDuplicate Layers for the Final EffectDuplicate Layers for the Final Effect

2. korak

Sakrijte vidljivost gornja dva sloja. Zatim kliknite desnim gumbom miša na prvi foto sloj, "Merged" i idite na Blending Options. Uklonite oznaku G, ili Green Channel koja se nalazi ispod Advanced Blending.

Uncheck the Green Channel for 3D EffectUncheck the Green Channel for 3D EffectUncheck the Green Channel for 3D Effect

Sada otkrijte vidljivost gornjih slojeva i ponovite proces. Ovaj puta, sloju "Merged Copy" uklonite oznaku Red Channel, i sloju "Merged Copy 2" uklonite Red i Green Channel.

Uncheck the Red and Blue Channels for 3D EffectUncheck the Red and Blue Channels for 3D EffectUncheck the Red and Blue Channels for 3D Effect

3. korak

Sada možemo početi micati svaki sloj da napravimo ludi 3D efekt. Odaberite Move Tool (V) i zatim selektirajte sloj "Merged Copy," te ga pomaknite ulijevo pomoću tipke sa lijevom strelicom. Zatim selektirajte gornji sloj "Merged Copy 2" i također ga pomaknite ulijevo pomoću tipke sa lijevom strelicom.

Ovako bi proces trebao izgledati.

Creating the 3D effect on a glitched photoCreating the 3D effect on a glitched photoCreating the 3D effect on a glitched photo

4. korak

Uskoro smo gotovi! Kako biste postigli dojam da su linije na ekranu, selektirajte gornji sloj "Merged Copy 2" i kliknite desnim gumbom miša da otvorite Blending Options postavke. Dodajte na brzinu Pattern Overlay koristeći Horizontal Line Pattern i podesite ostale postavke kao što slijedi:

Creating the Horizontal Pattern with an OverlayCreating the Horizontal Pattern with an OverlayCreating the Horizontal Pattern with an Overlay

Pošto je sloj plav i Blend Mode je podešen na Soft Light način, slika će poprimiti lijepi plavkasti ton.

Result of the Pattern OverlayResult of the Pattern OverlayResult of the Pattern Overlay

5. korak

Kako bismo dovršili ovaj 'glitch' efekt, potrebno je učiniti još samo jedan posljednji korak. Dodajte novi sloj/New Layer i podesite Layer Blend Mode na Dissolve. U ovom koraku ćemo upotrijebiti Brush Tool (B) da slikamo crvenom bojom #5e220a prema donjem dijelu slike kako bismo izradili sitne čestice kao dio konačnog 'glitch' efekta. Ako je potrebno podesite Opacity sloja; ja sam ovdje smanjila na 8%.

Creating Glitch Particles with DissolveCreating Glitch Particles with DissolveCreating Glitch Particles with Dissolve

To je to! Pogledajte ispod konačan rezultat.

Zaključak

Foto efekti su mudar način da vježbate unikatne i uzbudljive tehnike u Adobe Photoshopu. Možete se silno zabaviti postizanjem scenarija iz stvarnog života kao što su foto 'glitchevi' i mnoge druge stvari.

Nadam se da ste uživali u tutorijalu. Ukoliko imate kakvih pitanja, slobodno ih ostavite ispod u komentarima. I svakako pregledajte našu široku ponudu 'Glitch' Foto Efekt Akcija dostupnih na Graphic River ili Envato Elements stranicama..

Glitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads