Cum de a crea glitches vector folosind Adobe Illustrator

Ce veți crea

În acest tutorial, vom învăța să creăm trei tehnici de glitch diferite folosind Adobe Illustrator. Vom lucra cu vectori, permițându-ne să redimensionăm elementele la fel de mult sau cât de puțin dorim fără a pierde calitatea. 

Ce vei avea nevoie

Veți avea nevoie de următoarele resurse pentru a finaliza acest proiect:

  • Fontul Hustle
  • Munți și peisaj de noapte cu barca

Descărcați imaginea și instalați fontul și sunteți gata să începeți! 

1. Cum se creează un model de vânt vectorial

Pentru acest tutorial, vom începe cu un fișier Illustrator. Vom crea tablouri de artă separate în timp ce lucrăm prin tutorial.

Pasul 1

În Ilustrator, mergi la Fișier> Nou. Denumiți documentul Vector Glitches. Seteaza Unitate la pixeli si Lăţime la 600 px și Înălţime la 600 px. Seteaza Modul color la RGB si Rezoluţie la 72 Pixeli / Inch. Clic O.K.

Pasul 2

Vom crea modele mai mici pe care le vom combina mai târziu pentru a crea o compoziție mai mare.

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Faceți clic pe tabloul de bord pentru a afișa Dreptunghi Opțiuni fereastră. Activati Reduceți proporțiile lățimii și înălțimii, șiSeteaza Lăţime și Înălţime la 15 px. Clic O.K.

Creați un model în carouri prin înmulțirea pătratului. presa Option-Shift și trageți pătrat în diagonală. Selectați ambele forme și multiplicați-le apăsând Option-Shift și tragerea lor verticală. Selectați toate formele, apăsați Option-Shift, și trageți orizontal.

Prin apăsarea Opțiune, noi înmulțim forma. Prin combinare Option-Shift, înmulțim și menținem alinierea verticală / orizontală.

Grupați modelul selectând toate formele și apăsând Command-G.

Pasul 3

Multiplicați modelul apăsând Command-Shift și tragerea. Redimensionați vectorul prin întinderea modelelor pe orizontală și scurtarea acestora. 

Pentru modelele din partea dreaptă, duplicați modelul apăsând Command-Shift și tragerea. Faceți dublu clic pe modelul multiplicat pentru a intra Modul izolat. Utilizarea Instrument de selecție (V), selectați unele elemente și ștergeți-le. 

Simțiți-vă liber să vă creați propriul model în cadrul acestor parametri.

Pasul 4

Să creăm liniile verticale și orizontale. În bara de instrumente, selectați Instrumentul dreptunghiular (M). Faceți clic pe tabloul de bord pentru Dreptunghi Opțiuni fereastră. Dezactivați Reduceți proporțiile lățimii și înălțimii, și setați Lăţime la 7 px si Înălţime la 35 px. Clic O.K.

Duplicați elementul apăsând Command-Shift și glisați orizontal o dată. Puteți decide distanța dintre aceste două elemente. După ce ați dublat forma, apăsați Command-D pentru a repeta acțiunea de mai multe ori. Cu acest truc, puteți duplica forma de câte ori doriți. 

Grupați modelul selectând toate formele și apăsând Command-G.

Pasul 5

Acum că modelul este grupat, duplicați-l apăsând Command-Shift și tragerea. Modificați modelele prin întinderea elementelor în direcții diferite. Vedeți imaginea de mai jos pentru un exemplu:

Pasul 6

Pentru ultimul tipar, creați dreptunghiuri de dimensiuni diferite și stivuiți-le. În bara de instrumente, selectați Instrumentul dreptunghiular (M). Faceți clic și trageți pentru a desena pe tabloul de bord. Am creat un set de patru modele de forme diferite folosind doar dreptunghiuri. Simțiți-vă liber să adăugați mai multe dreptunghiuri în stivă. 

Grupați formele selectând elementele și apăsând Command-G. 

Pasul 7

Acum, că avem toate formele, să creăm compoziția finală. Duplicați placa cu modelele apăsând Shift-O și tragerea bordului. Ține minte, poți ține Schimb pentru a menține alinierea verticală / orizontală.

Să lucrăm la asta ca și cum am pune un puzzle. Nu există nici un drept sau rău. Simțiți-vă liber să redimensionați și să întindeți elementele grupate așa cum aveți nevoie. Cheia este de a acoperi tabla cu elementele pentru a crea un model nerepetitiv.

Pasul 8

Acum, când am făcut compoziția finală, să adăugăm câteva detalii suplimentare pentru contrast. 

Selectați elementele de pe placa activă curentă apăsând Opțiunea-comandă-A, urmat de -Comandă 2 pentru a bloca elementele. 

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Creați trei dreptunghiuri de orice dimensiune. Selectați un dreptunghi și faceți dublu clic pe Completati culoare. În Selector de culoare fereastră, setați valoarea culorii la # FF0000. Clic O.K. Setați culoarea celorlalte două dreptunghiuri # 00FF00 și # 0000FF.

Duplicați dreptunghiurile și aranjați-le vertical și orizontal ca imaginea de mai jos. Acest lucru ne va permite să folosim elementele împreună și separat.

Pasul 9

Selectați elementele noi. Trimiteți elementele în partea din spate a compoziției principale apăsând Shift-command- [. Multiplicați elementele apăsând Opțiune și tragerea. Distribuiți dreptunghiurile în spatele oricăror tipare anterioare pe care le-am creat. Simțiți-vă liber să le redimensionați. 

Buna treaba! Amintiți-vă că puteți crea mai multe iterații ale acestui model - nu există nici un drept sau rău cât timp veți urma acești parametri simpli:

  • Creați grupuri de modele simple și le aranjați prin echilibrarea buzunarelor alb-negru.
  • Lucrați pe compoziție ca un puzzle. Singura diferență este că aici nu există nici un drept sau rău!
  • Utilizați un număr limitat de culori.

2. Cum se creează un efect de text glitched

Pasul 1

Creați o nouă placă apăsând Shift-O. Mergeți la Control bara, activați Creați o consiliu nou butonul și faceți clic pe fereastră. Dacă nu aveți Control bar deschis, treceți la Fereastră> Control pentru ao activa.

Pasul 2

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Faceți clic pe tabloul de bord pentru a afișa Dreptunghi Opțiuni fereastră. Activați funcția Reduceți proporțiile lățimii și înălțimii, și setați Lăţime și Înălţime la 600 px. Clic O.K.

Faceți dublu clic pe Completati și setați culoarea la # 000000. Blocați forma pătrată selectând-o și apăsând -Comandă 2. 

Pasul 3

În bara de instrumente, selectați Instrument text (T) și faceți clic pe bord pentru a tasta EROARE. Mergeți la Control și setați fontul la Hustle si mărimea la 300 pt. presa Shift-Command-O pentru a converti textul în contururi.

Treceți la Fereastra> Aliniere să aducă Alinia panou. Selectați cadrul textului. Pe Alinia panou, faceți clic pe Aliniați la: și selectați Aliniați la bord. Sub Aliniați obiectele, Selectați Centrul de aliniere orizontală și Centrul de aliniere verticală.

Pasul 4

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Creați linii dreptunghiulare peste text. Încercați să aveți o varietate de grosimi și distanțe între dreptunghiuri. 

Pasul 5

Trebuie să folosim deschizător de drumuri Opțiuni. Dacă nu aveți acest panou, mergeți la Fereastră> Pathfinder să o aducă.

Utilizarea Instrument de selecție (V), selectați liniile dreptunghiulare și cuvântul. Mergeți la deschizător de drumuri panou și faceți clic pe Divide buton. presa Shift-Command-G la Degrupeaza elementele.

Pasul 6

Folosește Instrumentul de selecție directă (V) pentru a șterge elementele din afara literelor. Urmați imaginea de mai jos. presa Command-G la grup elementele din nou.

Pasul 7 

Pentru a crea o glitch offset, trebuie să duplicăm cuvântul și să îl colorăm pentru a crea un efect 3D. 

În timp ce selectați cuvântul, apăsați Shift-Option și faceți clic și trageți elementul pentru a se înmulți. Trageți primul duplicat ușor spre dreapta. Faceți dublu clic pe culoarea de umplere și folosiți următorul cod de culoare: # FF0000. Trimiteți elementul înapoi apăsând Comanda-[.

Duplicați din nou cuvântul, apăsați Shift-Option, și faceți clic și trageți, dar de data aceasta pe partea stângă. Faceți dublu clic pe culoarea de umplere și folosiți următorul cod de culoare: # 00FFFF. Trimiteți elementul în spate apăsând Comanda-[.

Pasul 8

Selectați toate elementele și apăsați Shift-Command-G la Degrupeaza. Să ne schimbăm Afișare contur prin apăsarea Command-Y. În acest fel va fi mai ușor să vedem unde sunt plasate felii.

Utilizarea Instrument de selecție (V), selectați prima diviziune dreptunghiulară peste cuvânt. Ține-te jos Schimb, și mutați felii folosind Săgeată stânga / dreapta pe tastatură. Amintiți-vă că puteți să vă dezactivați Afișare contur în orice moment apăsând Command-Y. Continuați să faceți acest lucru pentru restul partițiilor.


Minunat! Ați creat cu succes un efect tipografic de glitch. Acest efect simplu poate crea un impact mare asupra oricărui text. Asigurați-vă că vă amintiți:

  • Utilizați cantități limitate de culoare, dar nu ezitați să personalizați!
  • Variați dimensiunea dreptunghiurilor pentru a crea o problemă aleatorie. Amintiți-vă, glitches sunt imperfecțiuni frumoase!

3. Cum să aplicați un efect Glitch asupra unei ilustrații

Pasul 1

Trageți fișierul JPEG al Munților și peisajul de noapte de la Envato Elements în Adobe Illustrator fereastră.

presa Command-O și faceți clic pe imagine pentru a crea o tablă de artă care are aceeași dimensiune ca imaginea. În timp ce selectați ilustrația, mergeți la Control barși faceți clic pe Încorporare buton.

Pasul 2

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Faceți clic și trageți pentru a desena un dreptunghi în afara perimetrului imaginii JPEG.

Pasul 3

Treceți la Obiect> Creați o plasă de gradient. Pe Gradient Mesh fereastră opțiune, setați rânduri la 25, coloane la 1, și Aspect la Apartament. Clic O.K.

Pasul 4

Selectați ambele elemente, plasa și ilustrația. Treceți la Obiect> Distorsionarea plicurilor> Cu obiectul principal.

În bara de instrumente, selectați Instrumentul de selecție directă (A). Veți observa că plasa are noduri pe partea stângă și pe partea dreaptă. Cu Instrumentul de selecție directă (A), selectați un nod din stânga și respectivul nod din partea dreaptă. ține Schimb și trageți ambele puncte spre dreapta. Acesta este modul în care vom crea greșeala.

Continuați să mutați celelalte noduri spre stânga și spre dreapta. Nu este necesar să le facem pe toate, dar câțiva vor merge mult.

Pasul 5

Redimensionați imaginea pentru a se încadra în tabloul de bord. Rețineți că puteți face acest lucru numai dacă imaginea este un vector sau dacă imaginea JPEG nu este la 100% din dimensiunea sa.

În bara de instrumente, selectați Instrumentul dreptunghiular (M). Creați un dreptunghi cu dimensiunea tabloului de bord. Selectați atât noul dreptunghi cât și imaginea cu ochiuri. Pentru a crea un Mască de tăiere, presa Command-7. Dacă trebuie să-l ajustați, faceți dublu clic pe compoziție pentru a izola elementele și a redimensiona imaginea.

Buna treaba! Ați creat cu succes o imagine JPEG glitched. Aceasta este o tehnică foarte ușoară care poate fi aplicată oricărei imagini sau vectori. Rețineți că "mai puțin este mai mult" pentru această tehnică, deoarece tot doriți ca imaginea să fie recunoscută. Crearea de ceva mai complicat poate compromite imaginea.

4. Exportați un fișier JPEG

Pasul 1

Pentru a exporta imaginea, apăsați Shift-O pentru a verifica numărul tabloului de bord. Treceți la Fișier> Exportați, și în Export fereastră, introduceți numele fișierului. Seteaza Format la JPEG, sau PNG dacă doriți să salvați un fișier transparent. Verifică Utilizați Artboard-uri opțiune, selectați Gamă și introduceți numărul tabloului de bord. Clic Export. 

Pasul 2

În JPEG fereastră, selectați Modul color. RGB este pentru ecran și CMYK pentru imprimare; Selectez RGB pentru dosarul meu. Seteaza Rezoluţie la rezoluția de care aveți nevoie. În acest caz, eu aleg 72 dpi deoarece folosesc această imagine numai pentru ecran. Clic O.K.

Felicitări! Ați terminat acest tutorial

În acest tutorial, am abordat trei tehnici pentru a crea glitches vectoriale. Acest lucru este foarte util dacă doriți să vă redimensionați opera de artă fără a pierde calitatea. Acest tutorial va oferi rezultate diferite pentru toată lumea. Asigurați-vă că postați-vă pe dvs. în comentariile de mai jos! 

Astăzi, am învățat să:

  • Utilizați forme de bază pentru a crea modele complexe.
  • Utilizați instrumentele esențiale Adobe Illustrator, cum ar fi instrumentul Pathfinder, instrumentul Gradient Mesh și măștile de tăiere.
  • Utilizați trei tehnici de glitch diferite pentru a obține rezultate diferite.

Dacă v-ați plăcut acest tutorial, vă recomandăm următoarele: