Cum se face un GIF în Adobe Illustrator

  • Imparte Asta
Cathy Daniels

Poți face un GIF în Adobe Illustrator?

Adevărul este că, nu poți face un GIF în Adobe Illustrator de unul singur Da, etapele inițiale pot fi realizate în Adobe Illustrator. Înseamnă că puteți pregăti planșele pentru GIF-ul animat în Adobe Illustrator, dar va trebui să exportați planșele către un creator de GIF-uri sau să utilizați Photoshop pentru a realiza GIF-ul propriu-zis.

În acest tutorial, veți învăța cum să creați GIF-uri animate în Adobe Illustrator și Photoshop. Voi împărți tutorialul în două părți.

Partea 1 vă va prezenta pașii care trebuie parcurși în Adobe Illustrator, iar partea 2 vă va arăta cum să convertiți artboard-urile în GIF-uri animate în Photoshop. Dacă nu sunteți utilizator de Photoshop, nu vă faceți griji, vă voi arăta și cum să realizați un GIF cu ajutorul producătorilor de GIF-uri online.

Notă: capturile de ecran din acest tutorial sunt preluate din Adobe Illustrator CC 2022 versiunea Mac și Photoshop CC 2022 versiunea Mac. Versiunile Windows sau alte versiuni pot arăta diferit.

Partea 1: Realizarea unui GIF în Adobe Illustrator

Dacă Adobe Illustrator nu animă, de ce îl folosim pentru a realiza un GIF? Răspuns simplu: Pentru că trebuie să creați vectorii pentru GIF în Adobe Illustrator și cheia este să aveți diferite cadre/acțiuni separate în diferite planșe de lucru.

Oricât de confuz ar părea, veți înțelege, deoarece vă voi arăta un exemplu aici, cu pași detaliați.

Pasul 1: Creați un nou fișier Adobe Illustrator și setați dimensiunea planșei de lucru la 400 x 400px (este doar sugestia mea, puteți seta orice altă dimensiune doriți).

Din moment ce va fi un GIF, nu vă recomand să aveți un fișier mare și este mai bine ca artboard-ul să fie pătrat.

Pasul 2: Creați o pictogramă sau o ilustrație pe care doriți să o animați. De exemplu, voi face un GIF cu ploaie, așa că voi crea o formă de nor și câteva picături de ploaie.

Toate formele se află acum pe același artboard, așa că următorul pas este să le împărțim în artboard-uri diferite pentru a crea cadrele de animație.

Pasul 3: Creați noi planșe de artă. Aceste planșe de artă vor fi cadrele de mai târziu în Photoshop, așa că numărul de planșe de artă depinde de numărul de cadre/acțiuni pe care doriți să le aibă GIF-ul.

De exemplu, am adăugat cinci planșe de desen suplimentare, astfel încât acum am șase planșe de desen în total.

Nu vă stresați dacă nu sunteți sigur pe moment, puteți oricând adăuga sau șterge artboard-uri mai târziu.

Pasul 4: Copiați și lipiți formele pe noile planșe de desen. Dacă editați aceeași formă, puteți copia forma pe toate planșele de desen și puteți face modificările pe fiecare planșă de desen.

Notă: este foarte important să plasați formele la locul lor pe noile artboard-uri atunci când realizați un GIF. Prescurtarea de la tastatură pentru plasarea unui obiect copiat în același loc este Comandă + F ( Ctrl + F pentru utilizatorii de Windows).

Elementele de pe planșe trebuie să urmeze o secvență a modului în care se va afișa GIF-ul.

De exemplu, forma norului va fi afișată pe GIF tot timpul, așa că copiați forma norului pe toate artboard-urile noi. Puteți, de asemenea, să adăugați elemente pe noul artboard unul câte unul. Depinde de dvs.

Decideți ce parte va fi afișată în continuare și organizați planșele de desen urmând secvența cadrului care va fi afișat în GIF.

În cazul meu, vreau ca picătura de ploaie din mijloc să se vadă prima, așa că o voi pune împreună cu forma norului pe Artboard 2. Apoi, în cadrele următoare (artboards), voi adăuga picăturile de ploaie de pe laterale, una câte una.

După ce am pregătit toate planșele, am decis să înlătur picăturile de ploaie de pe prima planșă, așa că acum planșele mele arată așa și sunt gata de lucru.

Pasul 5: Denumiți artboard-urile și puneți-le într-o secvență a modului în care doriți să arate pe un GIF. Eu le voi denumi de la cadrul 1 la cadrul 6 pentru a le face mai ușor de identificat ulterior în Photoshop.

Pasul 6: Exportați planșele de desen. Accesați meniul de deasupra capului Fișier > Export > Export pentru ecrane și alegeți Export Artboards .

Ar trebui să vedeți planșele salvate ca imagini individuale cu nume.

Ați terminat treaba în Adobe Illustrator, să continuăm procesul de animație în Photoshop.

Partea 2: Realizarea unui GIF în Photoshop

Odată ce aveți toate cadrele pregătite, este nevoie doar de câteva minute pentru a crea un GIF animat în Photoshop.

Pasul 1: Creați un nou document în Photoshop, de aceeași dimensiune ca și fișierul Adobe Illustrator din partea 1. În cazul meu, acesta ar fi de 400 x 400px.

Pasul 2: Trageți imaginile pe care le-ați exportat din Adobe Illustrator în Photoshop, iar acestea vor apărea ca straturi.

Pasul 3: Mergeți la meniul de deasupra capului Fereastra > Cronologie , sau puteți schimba direct spațiul de lucru în Mișcare .

Ar trebui să vedeți un spațiu de lucru Timeline în partea de jos a ferestrei Photoshop.

Pasul 4: Faceți clic pe Creați animație cadru pe spațiul de lucru Timeline și veți vedea că stratul superior este afișat pe spațiul de lucru Timeline.

Pasul 5: Faceți clic pe colțul din dreapta sus al ferestrei Timeline pentru a deschide meniul pliat și alegeți Creați rame din straturi .

Apoi, toate straturile vor fi afișate sub formă de cadre.

După cum puteți vedea, primul cadru este gol, deoarece este fundalul ulterior. Puteți șterge primul cadru selectând cadrul și făcând clic pe butonul Șterge cadrele selectate de pe fereastra Timeline.

Pasul 6: Faceți clic pe săgeata în jos de sub fiecare cadru pentru a schimba viteza fiecărui cadru în mod corespunzător. De exemplu, am schimbat viteza tuturor cadrelor la 0,2 secunde.

Puteți face clic pe butonul de redare pentru a vedea cum arată GIF-ul. După ce sunteți mulțumit de rezultat. Ultimul pas este să îl exportați ca GIF.

Pasul 7: Mergeți la meniul de deasupra capului Fișier > Export > Salvare pentru Web (Legacy) .

Din meniul de setări, cel mai important lucru este să alegeți GIF ca tip de fișier și alegeți Pentru totdeauna ca Opțiuni de tăiere. Modificați celelalte setări în mod corespunzător.

Faceți clic pe Salvați și felicitări! Tocmai ai făcut un GIF animat.

Cum să faci un GIF fără Photoshop

Nu sunteți familiarizat cu Photoshop? Cu siguranță puteți crea un GIF și fără Photoshop. Există atât de multe instrumente online care vă permit să creați un GIF gratuit.

De exemplu, EZGIF este un popular creator de GIF-uri și este ușor de utilizat. Tot ce trebuie să faceți este să vă încărcați imaginile, să alegeți o viteză de redare și acesta va crea automat GIF-ul pentru dvs.

Concluzie

În Adobe Illustrator se creează elementele de animație, iar în Photoshop se realizează GIF-ul animat.

O opțiune mai ușoară ar fi să folosiți un creator de GIF-uri online. Avantajul este că veți economisi mult timp, mai ales dacă nu sunteți familiarizat cu Photoshop. Totuși, eu prefer flexibilitatea Photoshop-ului, deoarece am mai mult control asupra cadrelor.

Sunt Cathy Daniels, expertă în Adobe Illustrator. Folosesc software-ul din versiunea 2.0 și creez tutoriale pentru acesta din 2003. Blogul meu este una dintre cele mai populare destinații de pe web pentru cei care doresc să învețe Illustrator. Pe lângă munca mea de blogger, sunt și autor și designer grafic.