GIMP este un program remarcabil de puternic, având în vedere că este gratuit. Designerii web, în special, pot fi recunoscători pentru capacitatea sa de a produce GIF-uri animate simple.
GIF-urile animate sunt animații simple pe care le veți vedea pe multe pagini web și, deși sunt mult mai puțin sofisticate decât animațiile Flash, sunt foarte ușor de produs de către oricine care are cunoștințe de bază despre GIMP.
Cum să faci un-g.webp" />
Următorii pași arată o animație simplă de dimensiunea unui banner web folosind câteva elemente grafice de bază, ceva text și o siglă.
Instrucțiunile din acest articol se aplică pentru versiunea GIMP 2.10.12.
-
Deschide un document nou. În acest exemplu, am selectat șablonul prestabilit de banner web mobil mare 320x100.
Pentru animația dvs., puteți selecta o dimensiune prestabilită sau puteți seta dimensiuni personalizate, în funcție de modul în care veți folosi animația finală.
Pentru acest tutorial, animația va consta din șapte cadre și fiecare cadru va fi reprezentat de un strat individual, ceea ce înseamnă că fișierul GIMP final va avea șapte straturi, inclusiv fundalul.
-
Setați cadru unu. Animația va începe cu un spațiu liber, așa că nu este necesară nicio modificare a stratului Background, deoarece este deja alb simplu.
Totuși, este necesară o modificare a numelui stratului din paleta Layers. Faceți clic dreapta pe stratul Background din paletă și selectați Edit Layer Attributes.
Image -
În caseta de dialog Editați atributele stratului care se deschide, adăugați (250ms) la sfârșitul numelui stratului. Aceasta setează perioada de timp în care acest cadru va fi afișat în animație. ms înseamnă milisecunde și fiecare milisecundă este o miime de secundă. Acest prim cadru se va afișa timp de un sfert de secundă.
Image -
Setați cadru doi. Pentru tutorial, pentru acest cadru este folosit un grafic de amprentă. Accesați Fișier > Deschideți ca straturi și selectați fișierul grafic. Aceasta plasează amprenta pe un nou strat care poate fi poziționat după cum este necesar utilizând Move Tool.
Image -
Ca și în cazul stratului de fundal, acest nou strat trebuie redenumit pentru a atribui timpul de afișare pentru cadru. În acest caz, 750 ms.
În paleta Layers, noua previzualizare a stratului pare să arate un fundal negru în jurul graficului, dar în realitate această zonă este transparentă.
Image -
Setați cadrele trei, patru și cinci. Următoarele trei cadre sunt mai multe urme care vor trece peste banner. Acestea sunt inserate în același mod ca și cadrul doi, folosind aceeași grafică și o altă grafică pentru celăl alt picior. Ca și înainte, timpul este setat la 750 ms pentru fiecare cadru.
Fiecare dintre straturile de amprentă are nevoie de un fundal alb, astfel încât doar un cadru să fie vizibil – în prezent, fiecare are un fundal transparent. Putem face acest lucru creând un nou strat imediat sub un strat de amprentă, umplând noul strat cu alb și apoi făcând clic dreapta pe stratul de amprentă și făcând clic pe Merge Down
-
Set Frame Six. Acest cadru este doar un cadru gol umplut cu alb, care va da aspectul amprentei finale care va dispărea înainte de apariția cadrului final. Am numit acest strat Interval și am ales să avem acest afișaj pentru doar 250 ms.
Nu trebuie să denumiți straturi, dar poate face mai ușor de lucrat cu fișierele stratificate.
Image -
Set Frame Seven. Acesta este cadrul final și afișează un text împreună cu logo-ul Lifewire.com. Primul pas aici este să adăugați un alt strat cu un fundal alb.
Image -
În continuare, utilizați Instrumentul de text pentru a adăuga textul. Acest lucru se aplică unui strat nou, dar ne vom ocupa de asta odată ce ați adăugat sigla sau imaginea nouă, ceea ce se poate face în același mod în care amprenta grafică a fost adăugată mai devreme.
Image -
Când le avem aranjate după cum se dorește, putem folosi Merge Down pentru a combina straturile de siglă și text și apoi îmbina acel strat combinat cu stratul alb care a fost adăugat anterior. Aceasta produce un singur strat care va forma cadrul final și am ales să afișăm acesta timp de 4000 ms.
Image -
Previzualizează animația Înainte de a salva GIF-ul animat, GIMP are opțiunea de a-l previzualiza în acțiune, accesând Filters >Animație > Redare Aceasta deschide un dialog de previzualizare cu butoane auto-explicative pentru a reda animația. Dacă ceva nu arată în regulă, poate fi modificat în acest moment. În caz contrar, poate fi salvat ca-g.webp" />.
Secvența de animație este setată în ordinea în care straturile sunt stivuite în paleta Layers, începând de la fundal sau stratul cel mai de jos și lucrând în sus. Dacă animația dvs. este redată în afara secvenței, va trebui să ajustați ordinea straturilor, făcând clic pe un strat pentru a selecta și folosind săgețile sus și jos din bara de jos a paletei Straturi pentru a-i schimba poziția.
Image -
Salvați GIF-ul animat. Salvarea unui-g.webp" />Fișier > Salvați o copie și dați fișierului dvs. un nume relevant și selectați unde doriți să salvați fișierul.
Image -
În continuare, accesați Fișier > Exportați ca pentru a-l salva ca-g.webp" />.
Image -
În caseta de dialog Exportați imagine care se deschide, selectați Selectați tipul fișierului și derulați la imaginea-g.webp" />. Dacă primiți un avertisment despre straturi care se extind dincolo de granițele reale ale imaginii, selectați butonul Tăiere.
Image -
Acest lucru va duce acum la dialogul Salvare ca GIF cu o secțiune de Opțiuni-g.webp" />. Le puteți lăsa la valorile implicite, deși dacă doriți ca animația să fie redată o singură dată, ar trebui să debifați Loop forever.
Image - Acum puteți partaja GIF-ul animat.
Concluzie
Pașii afișați aici vă vor oferi instrumentele de bază pentru a vă crea propriile animații simple, folosind diferite grafice și dimensiuni de documente. Deși rezultatul final este destul de simplu în ceea ce privește animația, este un proces foarte ușor pe care îl poate realiza oricine cu cunoștințe de bază despre GIMP.
