GIMP Animirani GIF Tutorial

Kako napraviti animirani GIF sa GIMP-om

GIMP je izuzetno moćan komad softvera, s obzirom da je besplatan. Konkretno, web dizajneri mogu biti zahvalni za njegovu sposobnost proizvodnje jednostavnih animiranih GIF-ova.

Animirani GIF-ovi su jednostavne animacije koje ćete videti na mnogim web stranicama i, dok su oni mnogo manje sofisticirani od Flash animacija , vrlo je jednostavan da ih proizvede bilo ko sa osnovnim razumijevanjem GIMP-a.

Sledeći koraci prikazuju jednostavnu animaciju veličine web banera pomoću nekoliko osnovnih grafika, nekog teksta i logotipa.

01 od 09

Otvorite novi dokument

U ovom primeru ću koristiti GIMP za izradu osnovnog animiranog GIF web banera. Izabrao sam unapred postavljenu šablon za Web banner common 468x60 . Za vašu animaciju možete odabrati unapred podešenu veličinu ili postaviti prilagođene dimenzije u zavisnosti od toga kako ćete koristiti svoju konačnu animaciju.

Moja animacija će se sastojati od sedam okvira i svaki okvir će biti predstavljen pojedinačnim slojem, što znači da će moja finalna GIMP datoteka imati sedam slojeva, uključujući pozadinu.

02 od 09

Podesite Frame One

Želim da moja animacija počne sa praznim prostorom, tako da ne pravim nikakve promjene na stvarnom sloju pozadine koji je već obično bijel.

Međutim, potrebno je napraviti promjenu imena sloja u paleti Layers . Desnim klikom na sloj Pozadina u paleti i odaberite Edit Attributes Layer . U dijalogu Edit Layer Attributes koji se otvara, dodam (250ms) do kraja imena sloja. Ovo određuje koliko će se ovaj okvir prikazivati ​​u animaciji. M ms znači milisekunde i svaka milisekunda je hiljadu sekunde. Ovaj prvi okvir će se prikazati za četvrtinu sekunde.

03 od 09

Podesite Frame Two

Želim da koristim grafiku za ovaj okvir tako da idem na File > Open as Layers i izaberite moj grafički fajl. Ovo postavlja otisak na novi sloj koji mogu da postavim po potrebi pomoću alata Move . Kao i sa pozadinskim slojem, potrebno je preimenovati sloj kako bi dodijelio vrijeme prikaza za okvir. U ovom slučaju sam izabrao 750ms.

Napomena: u paleti Layers , prikaz novog sloja pokazuje crnu pozadinu oko grafike, ali u stvarnosti ova oblast je transparentna.

04 od 09

Postavite ramove tri, četiri i pet

Sledeća tri okvira su više otisaka koji će hodati preko banera. Oni se ubacuju na isti način kao u dva dela, koristeći istu grafiku i drugu grafiku za drugu stopu. Kao i ranije, vreme je postavljeno na 750ms za svaki okvir.

Svaki od slojeva otiska potreban je bijele pozadine, tako da je samo jedan okvir ikad vidljiv - u ovom trenutku, svako ima transparentnu pozadinu. Mogu to učiniti stvaranjem novog sloja odmah ispod sloja stopala, popunjavanjem novog sloja bijelim, a zatim desnim klikom na sloj stopala i klikom na Merge Down .

05 od 09

Postavite okvir šest

Ovaj okvir je samo prazan okvir ispunjen belim bojama koji će dati izgled završnog otiska nestati pre nego što se pojavi konačni okvir. Ja sam nazvao ovaj sloj Interval i izabrao sam da ovaj displej ima samo 250ms. Ne morate imenovati slojeve, ali može učiniti slojevite datoteke lakšim za rad.

06 od 09

Podesite Frame Seven

Ovo je konačni okvir i prikazuje neki tekst zajedno sa logoom About.com. Prvi korak je dodati još jedan sloj sa belom pozadinom.

Zatim, koristim Text Tool da dodam tekst. Ovo se primenjuje na novi sloj, ali ću se baviti time kada dodam logotip, što mogu učiniti na isti način kao što sam ranije dodao grafiku. Kada imam ove uređene po želji, mogu koristiti Merge Down da kombinujem logo i tekstualne slojeve, a zatim spojiti taj kombinovani sloj sa belim slojem koji je prethodno dodan. Ovo stvara jedan sloj koji će formirati konačni okvir i izabrao sam da ovo prikazuje za 4000ms.

07 od 09

Pregledajte animaciju

Prije snimanja animiranog GIF-a, GIMP ima mogućnost da ga pregleda u akciji prelaskom na Filtri > Animacija > Reprodukcija . Ovo otvara dijalog za pregled sa samozvanim dugmetima za reprodukciju animacije.

Ako nešto ne izgleda dobro, može se promijeniti u ovom trenutku. U suprotnom, može se snimiti kao animirani GIF.

Napomena: Animaciona sekvenca se postavlja po redosledu da su slojevi složeni u paletu slojeva , počevši od pozadine ili najnižeg sloja i raditi prema gore. Ako se vaša animacija izvodi iz sekvence, moraćete da podesite redosled slojeva klikom na sloj da biste izabrali i koristili strelice nagore i nadole u donjem delu palete Layers za promenu položaja.

08 od 09

Sačuvaj animirani GIF

Čuvanje animiranog GIF-a je prilično jednostavna vježba. Prvo, idite na File > Save a Copy i dajte datoteku odgovarajućem imenu i odaberite gdje želite da sačuvate datoteku. Pre nego što pritisnete Save (Sačuvaj) , kliknite na dugme Izaberi vrstu datoteke ( pomoću produžetka) prema donjem levom uglu i, sa liste koja se otvori, izaberite GIF sliku . U dijalogu Export File koji se otvori, kliknite na dugme Save as Animation i kliknite na dugme Export . Ako dobijete upozorenje o slojevima koji se protežu izvan stvarnih granica slike, kliknite na dugme Crop .

Ovo će sada dovesti do dijaloga Sačuvaj kao GIF sa odeljkom animiranih GIF opcija . Možete ih ostaviti pod njihovim podrazumevanim vrednostima, mada ako želite samo da se animacija reprodukuje jednom, trebalo bi da obeležite Loop zauvek .

09 od 09

Zaključak

Koraci prikazani ovde daju vam osnovne alate za izradu sopstvenih jednostavnih animacija, koristeći različite grafike i veličine dokumenata. Iako je krajnji rezultat sasvim osnovan u smislu animacije, to je vrlo lak proces da svako sa osnovnim znanjem o GIMP-u može postići. Animirani GIF-ovi su verovatno prošli kroz svoje premijere, ali uz malo razmišljanja i pažljivog planiranja, oni se i dalje mogu koristiti za stvaranje efikasnih animiranih elemenata veoma brzo.