Cum se creează un efect de glitch în Photoshop

O tendință pe care am început să o văd din ce în ce mai mult pe internet este un pic de întoarcere în urmă: un efect de glitch! Adaugă designului un aspect robotic, techno excelent și se potrivește bine cu alte tendințe, cum ar fi un efect duoton. Și partea cea mai bună? Nu este prea greu de creat!

Să începem mai întâi cu puțină inspirație. Blendmodes Studio a aplicat un efect de glitch site-ului său și l-a folosit ca temă pentru a fi văzută pe tot parcursul. Pe acest site, au încorporat o undă sinusoidală care îi dă un alt vibe de glitch. Deci, dacă doriți să încercați acesta, urmați tutorialul și selectați sine în loc de pătrat. Ei au folosit acest efect atât în ​​fundal, cât și într-un efect de trecere cu mouse-ul a textului, creând un design grozav, interactiv al site-ului.

Acum că ați văzut cum o agenție folosește această tendință, haideți să descoperim cum să creați singur un efect de glitch!

Există două metode pe care le vom împărtăși pentru a crea un efect de glitch în Photoshop:

1. Metoda manuală
2. Glitch-a-tron (o acțiune Photoshop gratuită pe care o puteți descărca!)

Metoda manuală Photoshop

Pentru a crea următoarele efecte, asigurați-vă că documentul este în modul 8 biți. Pentru a face acest lucru, selectați Imagine > Mod > 8 biți/Canal .

Deschideți-vă imaginea și creați un obiect inteligent

Deschideți fișierul în Photoshop. (Voi folosi această fotografie a robotului local!) Pentru a începe, faceți clic dreapta pe imaginea dvs. și selectați Conversie în obiect inteligent sau selectând Strat > Obiecte inteligente > Conversie în obiect inteligent .

Creați un val

Duplicați acel strat făcând clic dreapta și selectând Duplicați strat, astfel încât să aveți un original la care să vă întoarceți. Numiți acel strat „offset” și celălalt „original”.

Acum, cu stratul „offset” selectat, alegeți Filtru > Distorsionare > Undă . Pentru acest strat, vom crea un efect subtil.

Puteți ajusta oricare dintre aceste opțiuni după cum doriți, dar pentru aceasta, voi seta numărul de generatoare la 1. Apoi, schimbați lungimea de undă la minim 279 și maximă la 695 și Amplitudinea la minim 162 și maxim la 441. Am setat și Scala la 3% orizontal și 1% vertical. Asigurați-vă că Tipul este setat la Pătrat și comutați pe Repeat Edge Pixels sub Zone nedefinite . Odată ce le-ați setat, puteți da clic pe randomizare până când vedeți previzualizarea pe care o preferați. Puteți vedea mai multe dintre ajustările pe care le-am ales în imaginea de mai jos. Acest lucru îi dă robotului un ușor efect de cutie nealiniat!

(Opțional) Creați un efect mai dramatic cu un alt val

Creați un alt val pe același strat „offset” folosind acești pași. De data aceasta, voi schimba ușor setările și voi seta numărul de generatoare la 1. Apoi, schimbați Lungimea de undă la minim 301 și maxim la 884, apoi schimbați Amplitudinea la minim 301 și maxim la 699. Am setat și Scala la 2% orizontală și 1% verticală. Acest lucru îi conferă robotului un aspect și mai distorsionat.

Creați o mască de tăiere distorsionată

Duplicați-vă stratul original și numiți-l „extra”. Pentru a vedea selecțiile dvs., reordonați straturile aducând „extra” în partea de sus. Folosind Instrumentul Marquee dreptunghiular , selectați diferite părți și dimensiuni ale imaginii pe care doriți să o distorsionați în timp ce țineți apăsată tasta Shift. Cheia pentru a obține un efect cu adevărat grozav este să luați selecții din întreaga imagine.

După ce sunteți mulțumit de selecția dvs., creați o mască cu butonul Adăugați mască de strat din partea de jos a panoului de straturi.

Acum, pe stratul extra cu imaginea selectată (nu masca), adăugați încă două valuri la stratul extra cu Filtru > Distorsionare > Val cu setări similare cu pasul anterior.

Pentru un efect mai dramatic, deconectați masca de imagine. Utilizați instrumentul de mutare pentru a ajusta locația imaginii sau a măștii oriunde doriți. Puteți schimba efectul în funcție de dacă mutați masca sau imaginea în sine, dar atunci când încercați să mutați imaginea, asigurați-vă că utilizați instrumentul de mutare în zona de mascare.

Adăugați opțiuni avansate de amestecare

Acum aplicați opțiuni avansate de amestecare atât la stratul „extra”, cât și la stratul „offset”. Mai întâi, selectați stratul „offset”. În partea de jos a ferestrei de straturi, faceți clic pe butonul Adăugați un stil de strat care spune „fx”. Apoi, sub Opțiuni de amestecare > Amestecare avansată , dezactivați canalul roșu (sau R).

Repetați același pas pentru stratul „extra”.

Acum că ați terminat glitch-ul, puteți activa și dezactiva valurile pentru a obține efectul exact care vă place.

Creați efect de linii

Creați un nou strat cu Strat > Strat nou și numiți-l „linii”. Completați-l cu alb făcând clic pe Editare > Umplere și din meniul drop-down Conținut , selectați Alb .

Apoi, selectați Filtru > Galerie de filtre . Sub meniul derulant Schiță , selectați Modelul semiton și ajustați-l la efectul dorit, dar pentru acest exemplu am setat dimensiunea la 1 și contrastul setat la 30. Setați meniul derulant Tip model spune Linii .

Dacă doriți să faceți un pas mai departe, adăugați un alt filtru făcând clic pe Strat de efect nou sub efectul Model semiton . În meniul derulant Artistic , selectați Acuarelă cu detaliile pensulei setate la 14, intensitatea umbrei setată la 0 și textura setată la 3.

Notă: modul în care comandați efectele se va schimba ușor. Când efectul de acuarelă este deasupra efectului de semitonuri, imaginea va apărea mai deschisă. Dacă semitonul este deasupra acuarelei, imaginea va apărea mai întunecată.

În cele din urmă, în fereastra Straturi, schimbați modul de amestecare la Overlay și opacitatea la 50%.

Și asta este tot – acum aveți propriul efect de glitch! Imaginea ta ar trebui să arate ca și cum tocmai a ieșit dintr-un computer din anii 90.

Deși asta (sperăm!) nu a fost prea dificil, există o modalitate de a accelera acest proces.

Glitch-a-tron: o acțiune gratuită Photoshop!

Minunații designeri de la Flywheel au creat o acțiune Photoshop ușor de utilizat, care aplică acești pași imaginii la alegere cu doar câteva clicuri! Pentru a obține instrumentul gratuit, trebuie doar să introduceți adresa dvs. de e-mail în acest formular și apoi să urmați restul tutorialului de mai jos.

Cum se utilizează Glitch-a-tron

Instalați acțiunea

După ce ați descărcat acțiunea, faceți dublu clic pe fișier pentru a-l instala. Deschideți imaginea pe care doriți să o utilizați în Photoshop, apoi deschideți fereastra Acțiuni .

Pentru a naviga la fereastra Acțiuni , selectați Fereastră > Acțiuni sau țineți apăsat Shift + F9 .

După ce ați deschis fereastra Acțiuni, selectați stratul de imagine căruia doriți să aplicați efectul de glitch.

Selectați și jucați acțiunea

Faceți clic pe meniul drop-down din folderul „Flywheel – Glitch-a-tron”. Acum, selectați „Glitch-a-tron – Selectați și apăsați redare” și apăsați butonul de redare triunghiular din partea de jos a ferestrei.

Ajustați imaginea folosind straturile

În funcție de efectul dorit, puteți activa și dezactiva diferite straturi, puteți selecta și muta măști sau imagini și puteți ajusta orice altă setare pe care o alegeți.

Notă: În funcție de dimensiunea imaginii dvs., poate fi necesar să redimensionați sau să repoziționați masca „extra”, deoarece este optimizată pentru 1080px cu 1920px.

Bonus: resetați imaginea într-o clipă

Doar în cazul în care doriți să dați înapoi, acțiunea creează automat o captură de ecran care vă permite să reveniți la imaginea dvs. înainte ca acțiunea să fie aplicată.

Navigați la fereastra Istoric selectând Fereastra > Istoric . Derulați în sus și faceți clic pe „Instantaneu”. Acest lucru resetează totul, așa că ești gata de plecare!

Există atât de multe utilizări pentru această resursă ingenioasă, care economisește timp. Pentru ce proiecte ai de gând să folosești glitch-a-tron? Lasă-ți ideile în comentarii!

Acest articol a fost publicat inițial pe 20 decembrie 2018. Ultima actualizare a fost 18 octombrie 2020.