GIMP animat GIF Tutorial

Cum se produce un animat GIF cu GIMP

GIMP este o bucată de software remarcabil de puternică, având în vedere că este gratuită. În special, designerii de web pot fi recunoscători pentru capacitatea sa de a produce GIF simple animate.

GIF-urile animate sunt animații simple pe care le veți vedea pe multe pagini web și, în timp ce acestea sunt mult mai puțin sofisticate decât animațiile Flash , ele sunt foarte simple pentru a produce de la oricine are o înțelegere de bază a GIMP.

Următorii pași indică o animație simplă bazată pe banner web folosind câteva elemente grafice de bază, un text și un logo.

01 din 09

Deschideți un document nou

În acest exemplu, voi folosi GIMP pentru a produce un banner foarte animat GIF animat. Am selectat șablonul prestabilit al bannerului web comun 468x60 . Pentru animație, puteți selecta o dimensiune prestabilită sau puteți seta dimensiuni personalizate, în funcție de modul în care veți utiliza animația finală.

Animația mea va fi compusă din șapte cadre și fiecare cadru va fi reprezentat de un strat individual, ceea ce înseamnă că fișierul meu final GIMP va avea șapte straturi, inclusiv fundalul.

02 din 09

Setați cadrul unu

Vreau ca animația mea să înceapă cu un spațiu gol, așa că nu fac modificări în stratul actual al Fundalului care este deja alb simplu.

Cu toate acestea, trebuie să fac o modificare a numelui stratului din paleta Straturi . Faceți clic dreapta pe stratul de fundal din paletă și selectați Modificați atributele stratului . În dialogul Editare atribute strat care se deschide, adaug (250ms) la sfârșitul numelui stratului. Aceasta stabilește perioada de timp în care acest cadru va fi afișat în animație. Ms reprezintă milisecunde și fiecare milisecundă este o mie de secundă. Acest prim cadru va fi afișat pentru un sfert de secundă.

03 din 09

Setați cadrul secundar

Vreau să utilizez un grafic pentru acest cadru, așa că mă duc la File > Open as Layers și selectez fișierul meu grafic. Acest lucru plasează amprenta pe un nou strat pe care îl pot poziționa după necesități utilizând Instrumentul de mutare . Ca și în cazul stratului de fundal, trebuie să redenumesc stratul pentru a atribui timpul de afișare pentru cadru. În acest caz, am ales 750ms.

Notă: în paleta Straturi , noua previzualizare a stratului pare să afișeze un fundal negru în jurul graficului, dar în realitate această zonă este transparentă.

04 din 09

Setați ramele 3, 4 și 5

Următoarele trei cadre sunt mai multe amprente care vor merge pe banner. Acestea sunt inserate în același mod ca și cel de-al doilea cadru, utilizând aceeași grafică și alt grafic pentru celălalt picior. Ca înainte, timpul este setat la 750 ms pentru fiecare cadru.

Fiecare dintre straturile de amprente are nevoie de un fundal alb pentru ca un singur cadru să fie vizibil vreodată - în prezent, fiecare are un fundal transparent. Pot face acest lucru creând un nou strat imediat sub stratul de amprentă, umplând noul strat cu un alb și apoi făcând clic dreapta pe stratul amprentei și făcând clic pe Îmbinare în jos .

05 din 09

Setați Cadrul Șase

Acest cadru este doar un cadru gol, umplute cu alb, ceea ce va face ca aspectul amprentei finale să dispară înainte de apariția cadrului final. Am numit acest interval Interval și am ales să aibă acest afișaj pentru doar 250ms. Nu este nevoie să denumiți straturile, dar poate fi mai ușor să lucrați cu fișiere cu straturi.

06 din 09

Setați cadrul șapte

Acesta este ultimul cadru și afișează text împreună cu logo-ul About.com. Primul pas aici este să adăugați un alt strat cu un fundal alb.

Apoi, folosesc instrumentul Text pentru a adăuga textul. Acest lucru este aplicat unui strat nou, dar mă voi ocupa de asta odată ce am adăugat logo-ul, pe care îl pot face în același mod în care am adăugat mai devreme graficul amprentei. Când le-am aranjat după cum doriți, pot folosi Merge Down pentru a combina logo-ul și straturile de text și apoi îmbinați stratul combinat cu stratul alb care a fost adăugat anterior. Acest lucru produce un singur strat care va forma cadrul final și am ales să afișez acest lucru pentru 4000ms.

07 din 09

Previzualizați animația

Înainte de a salva animația GIF, GIMP are opțiunea de ao previzualiza în acțiune accesând Filtre > Animație > Redare . Aceasta deschide un dialog de previzualizare cu butoane explicite pentru a reda animația.

Dacă ceva nu pare drept, poate fi modificat în acest moment. În caz contrar, poate fi salvat ca un animat GIF.

Notă: secvența de animație este setată în ordinea în care straturile sunt stivuite în paleta Straturi , pornind de la fundal sau stratul cel mai de jos și lucrează în sus. Dacă animația dvs. nu are succes, trebuie să ajustați ordinea straturilor dvs., făcând clic pe un strat pentru a selecta și utilizați săgețile în sus și în jos din bara inferioară a paletei Straturi pentru a-și schimba poziția.

08 din 09

Salvați animația GIF

Salvarea unui animat GIF este un exercițiu destul de simplu înainte. Mai întâi, accesați File > Save a Copy și dați fișierului dvs. un nume relevant și selectați unde doriți să salvați fișierul. Înainte de a apăsa butonul Salvare , faceți clic pe Selectați tipul fișierului (prin extensie) spre stânga jos și, din lista care se deschide, selectați imaginea GIF . În fereastra de dialog Export fișier care se deschide, faceți clic pe butonul radio Salvare ca animație și faceți clic pe butonul Export . Dacă primiți un avertisment despre straturi care depășesc limitele reale ale imaginii, faceți clic pe butonul Decupare .

Acest lucru va duce acum la dialogul Save as GIF cu o secțiune din opțiunile animate GIF . Puteți lăsa acestea la setările lor inițiale, deși dacă doriți doar ca animația să se joace o singură dată, ar trebui să debifați pentru totdeauna Loop .

09 din 09

Concluzie

Pașii prezentați aici vă vor oferi instrumentele de bază pentru a vă produce propriile animații simple, folosind diferite dimensiuni de grafică și documente. În timp ce rezultatul final este destul de fundamental în termeni de animație, este un proces foarte ușor de realizat de oricine care are cunoștințe de bază despre GIMP. GIF-urile animate sunt probabil în trecut, dar cu puțină gândire și planificare atentă, ele pot fi folosite pentru a produce foarte rapid elemente animate eficiente.