GIMP Animirani GIF Tutorial

Kako izraditi animirani GIF s GIMP-om

GIMP je nevjerojatno moćan komad softvera s obzirom da je besplatan. Web dizajneri , osobito, mogu biti zahvalni zbog svoje sposobnosti za proizvodnju jednostavnih animiranih GIF-ova.

Animirani GIF-ovi su jednostavne animacije koje ćete vidjeti na mnogim web stranicama i, premda su manje sofisticirane od Flash animacija , vrlo su jednostavne za svakoga tko ima osnovno razumijevanje GIMP-a.

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

01 od 09

Otvorite novi dokument

U ovom primjeru upotrebljam GIMP za izradu vrlo osnovnog animiranog GIF web bannera. Odabrao sam predefinirani predložak web bannera koji je uobičajen 468x60 . Za animaciju možete odabrati unaprijed postavljenu veličinu ili postaviti prilagođene dimenzije ovisno o tome kako ćete upotrijebiti konačnu animaciju.

Moja animacija sastojat će se od sedam okvira, a svaki će se okvir prikazati pojedinačnim slojem, što znači da će moja završna GIMP datoteka imati sedam slojeva, uključujući pozadinu.

02 od 09

Postavi okvir Jedan

Želim da se moja animacija započne s praznim prostorom tako da ne napravim nikakve promjene u stvarnom pozadinskom sloju koji je već običan bijeli.

Međutim, trebam napraviti promjenu imena sloja u paleti Slojevi . Ja desnom tipkom miša kliknem na Pozadinski sloj u paleti i odaberite Uredi atribute sloja . U dijaloškom okviru Uređivanje slojeva atributa koji se otvori dodajem (250 ms) do kraja naziva sloja. Time se određuje vrijeme kada će ovaj okvir biti prikazan u animaciji. Ms predstavlja milisekunde i svaka milisekunda je tisućiti sekunde. Ovaj prvi okvir će se prikazati četvrtinu sekunde.

03 od 09

Postavite okvir dva

Želim koristiti grafiku otiska za ovaj okvir pa idem u datoteku > Otvori kao slojeve i odaberite moju grafičku datoteku. To ostavlja otisak na novom sloju koji mogu postaviti prema potrebi pomoću alata Move . Kao i kod pozadinskog sloja, moram preimenovati sloj kako bi dodijelio vrijeme prikaza za okvir. U ovom slučaju odabrao sam 750 ms.

Napomena: u paleti Slojevi izgleda da novi sloj pregleda prikazuje crnu pozadinu oko grafike, ali u stvarnosti ovo je područje transparentno.

04 od 09

Postavite Okviri tri, četiri i pet

Sljedeća tri okvira više su stopala koja će proći preko bannera. Ove su umeće na isti način kao i dva okvira, koristeći istu grafiku i drugu grafiku za drugu nogu. Kao i prije, vrijeme je postavljeno kao 750 ms za svaki okvir.

Svaki sloj slojeva treba bijelu pozadinu tako da je samo jedan okvir ikad vidljiv - trenutačno svatko ima prozirnu pozadinu. Mogu to učiniti tako da stvorim novi sloj odmah ispod slojnog sloja, punim novim slojem s bijelim, a zatim desnom tipkom miša kliknem na sloj otisaka i klikom Spoji dolje .

05 od 09

Postavite okvir šest

Ovaj je okvir samo prazan okvir napunjen s bijelom bojom koji će ostaviti pojavu konačnog nosača prije nego što se konačni okvir pojavi. Nazvao sam ovaj interval s razmakom i odabrao sam da ovaj zaslon bude samo 250 ms. Ne morate imenovati slojeve, ali može olakšati rad slojevitih datoteka.

06 od 09

Postavi okvir sedam

Ovo je konačni okvir i prikazuje tekst zajedno s logotipom winicare.com. Prvi korak je dodavanje drugog sloja s bijelom pozadinom.

Dalje, koristim tekstualni alat za dodavanje teksta. Ovo se primjenjuje na novi sloj, ali ću se baviti time kad dodam logotip, što mogu učiniti na isti način na koji sam ranije dodavao grafiku otisaka. Kada imam ove uređene po želji, mogu upotrijebiti Merge Down za kombiniranje logotipa i slojeva teksta, a zatim spojiti taj kombinirani sloj s bijelim slojem koji je prethodno dodan. Ovo stvara jedan sloj koji će oblikovati konačni okvir i odabrao sam to prikazati za 4000 ms.

07 od 09

Pregledajte animaciju

Prije spremanja animiranog GIF-a GIMP ima opciju da ga pregleda na djelu tako da odete na Filtri > Animacija > Reprodukcija . Time se otvara dijaloški okvir pregleda s gumbima koji su sami objašnjeni za reprodukciju animacije.

Ako nešto ne izgleda dobro, može se izmijeniti u ovom trenutku. Inače, može se spremiti kao animirani GIF.

Napomena: slijed animacije postavljen je redoslijedom da su slojevi složeni u paleti slojeva , počevši od pozadine ili najnižeg sloja i radeći prema gore. Ako vaša animacija reproducira iz slijeda, morat ćete prilagoditi redoslijed svojih slojeva klikom na sloj da biste odabrali i pomoću strelica gore i dolje na dnu trake palete Slojevi da biste promijenili njezin položaj.

08 od 09

Spremi animirani GIF

Spremanje animiranog GIF-a prilično je ravno naprijed. Najprije idite na Datoteka > Spremi kopiju i dajte datoteci relevantno ime i odaberite gdje želite spremiti datoteku. Prije nego što pritisnete gumb Spremi , kliknite na Odaberi vrstu datoteke (po proširenju) prema dolje lijevo i, s popisa koji se otvori, odaberite GIF sliku . U dijaloškom okviru Izvoz datoteke otvorit će se gumb za odabir Spremi kao animaciju i kliknite gumb Izvoz . Ako primite upozorenje o slojevima koji se protežu izvan stvarnih granica slike, kliknite gumb Obreži .

Ovo će sada dovesti do dijaloga Spremi kao GIF s odjeljkom Animiranih GIF opcija . Možete ih ostaviti na zadane postavke, iako želite samo animaciju igrati jednom, trebali biste isključiti petlju zauvijek .

09 od 09

Zaključak

Ovdje prikazani koraci pružit će vam osnovne alate za izradu vlastitih jednostavnih animacija, koristeći različite grafičke i veličine dokumenata. Dok je krajnji rezultat vrlo osnovan u pogledu animacije, to je vrlo jednostavan proces koji svatko s osnovnim znanjem GIMP-a može postići. Animirani GIF-ovi vjerojatno su prošli sadašnjost, no s malo pomisli i pažljivog planiranja, oni se i dalje mogu koristiti za stvaranje učinkovitih animiranih elemenata vrlo brzo.