Microsoft GIF Animator

Animacija je proces smenjivanja slika na ekranu kojim se

stvara privid da se neki objekat menja (ili kree) tokom
vremena. Izborom brzine zamene tih slika dobija se utisak
da je menjanje tog objekta glatko (kontinualno). Kvalitet a) b)
animacije zavisi od broja nacrtanih slika. to vie slika
(kadrova) nacrtamo imaemo verodostojniju animaciju. Slika 1. a) JPEG format gde nije mogue koristiti opciju
providnosti; b) GIF format gde je iskoriena opcija provid-
Jedan od alata pomou koga moete da pravite jednostav- nosti
ne animacije je Microsoft GIF Animator. Ovaj program Izgled glavnog prozora Microsoft Gif Animator-a
moete nai na internetu potpuno besplatno. Funkcionie
Prozor Microsoft GIF Animatora sastoji se od tri dela: linije
na istom principu kao i tradicionalna animacija, tj. svaki
sa alatima, kolone za prikaz kadrova (engl. Frame) sa skrol
pokret je u posebnom kadru. Moete kreirati animirane
trakom, i tri kartice: Options, Animation i Image (slika 1.).
GIF datoteke koje sadre jednu ili vie slika ijim se sek-
Kartice Animation i Image se aktiviraju tek posle ubacivanja
vencijalnim prikazivanjem stvara privid pokretne slike, tj.
prve slike u kadar (slika 2.).
proizvodi efekat animacije.
Slika 1.
Pripremljene slike za izradu animacije u ovom alatu treba
da budu zapamene u GIF formatu.

GIF format
Svi podaci u raunaru uvaju se i obrauju u binarnom
obliku. Nain na koji e se sadraj slike pretvoriti u binarne
brojeve predstavlja format za zapis slike. Za smanjenje
koliine informacija potrebnih za zapis slike koriste se raz-
liite tehnike kompresije koje mogu biti sa gubitkom ili
bez gubitka podataka. GIF (Graphics Interchange Format)
spada u komprimovane formate bez gubitaka kvalitete
slike (engl. lossless). To je osmobitni format, ogranien na
256=28 boja (ili nijansi sive boje). Idealan je za crtee i
Slika 2.
jednostavne slike koje sadre delove iste boje ili motive
koji se ponavljaju. Uteda memorijskog prostora postie se
tzv. indeksiranim zapisom slike. Sve boje na slici se zadaju
u posebnoj tabeli (paleti) boja koja sadri do 256 ulaza. Za
svaki piksel slike se dalje ne definie boja, nego se zadaje
indeks (broj od 0 do 255) u paleti. Na ovaj nain dobijaju
se veoma male datoteke pa je GIF format veoma zastup-
ljen na Web-u i podran je od svih Web-pregledaa. Izu-
zetne prednosti GIF formata u odnosu na druge formate
su providnost (engl. transparency) i mogunost izrade
animacija (engl. Animation). Na slici 1.a prikazana je slika
u JPEG formatu, a na slici 1.b slika u GIF formatu na kojoj
je primenjena providnost pozadine.

2
,
Izrada animacije Slika 4.
Poto smo se upoznali sa interfejsom Microsoft GIF Ani-
matora pokazaemo na jednostavnom primeru kako
moete napraviti animaciju za vau prezentaciju.
Napraviemo animaciju oscilovanja matematikog klatna.
Za to su nam potrebne tri slike koje moemo nacrtati u
Paintu. Jedna slika je poloaj klatna krajnje desno, druga
slika poloaj klatna krajnje levo i trea slika poloaj klatna
u stanju mirovanja. Klatno e se kretati od krajnjeg levog
do krajnjeg desnog poloaja i od krajnjeg desnog do kraj-
njeg levog poloaja (slika 3). Da bi smo obezbedili ovakvu
vrstu kretanja klatna sliku mirovanja klatna iskoristiemo u
dva kadra.

Uvoz slika u GIF animator

Prva slika u GIF animator se uvozi klikom na alatku Open
iz linije sa alatima. Klikom na ovu alatku otvara se standar-
dni dijalog za otvaranje datoteke (slika 5). Iz dialoga iza-
berite jednu od slika koje e se pojaviti u animaciji
Slika 3: Potrebne slike za izradu animacija (slika1.gif), i kliknite na dugme ''Open''. U koloni za prikaz
Slike su prethodno obraene tako da je pozadina jedno- kadrova pojavie se izabrana slika. Ostale slike moete
bojna, to e nam omoguiti da iskoristimo efekat transpa- uvesti pomou alatke Insert. Uvezite ostale slike (slika2.gif i
rentnosti. slika3.gif). Sliku slika3.gif uvezite dva puta. Ukoliko ste
pogreno uneli neku sliku nju moete obrisati tako to je
Pokretanje MS GIF Animatora oznaite i kliknete na alat Delete.
Pokrenite program Microsoft GIF Animator. Kolona za pri-
Ako slike u koloni za kadrove nisu poreane odozgo nado-
kaz kadrova je trenutno prazna (slika 4). Deekirajte opciju
le sledeim redosledom slika1, slika3, slika2, slika3
Main Dialog Window Always on Top da vam prozor GIF
pomou alatke Move Up/Down poreajte ih tim redosle-
animatora ne bi bio uvek u prvom planu. ekirajte opciju
dom. Pomeranje kadrova vrite na taj nain to kliknete
Thumbnails Reflect Image Position da bi odnos veliine
desnim tasterom mia na sliku koju elite da pomerite i
slika i scene za prikazivanje animacije bio proporcionalan
pomoi alatke MoveUp/Down pomerate je za jedno mesto
u odnosu na pravu veliinu slika. U zavisnosti od sloenos-
gore ili dole.
ti slika za animaciju, izaberite odgovarajui metod za pri-
kazivanje palete boja. GIF animator nudi etiri metode
izbora Solid (bira najblie indeksirane boje, brz i praktian
za linije i slike sa nekoliko boja), Pattern (preraunava
boje na osnovu malog uzorka, veoma je brz sa umerenim
brojem boja), Random (preraunava boje na osnovu veli-
kog uzorka, karakteriu ga umerena brzina, a pogodan je
za slike sa vie boja) i Error Diffusion (preraunava boje
preciznim meanjem preko malih povrina). Za izradu ani-
macije matematikog klatna moete izabrati metod Solid
jer nae slike nisu sloene.
Slika 5. Dialog Open

3
Podeavanje parametara animacije. Za animaciju matematikog klatna pozicija slika left i top
Prvo emo podesiti veliinu scene za prikaz aniamcije. U ostae na nuli (ove opcija se koristi kada slike za animaciju
numerikom polju Animation Width definie se irina, a u nisu istih dimenzija).
polju Animation Height visina prostora u kome e se Duina trajanja kadrova ne mora da bude ista za sve kad-
odvijati animacija. Microsoft Gif Animator na osnovu prve rove. Ako elite da podesite duinu trajanja za svaki kadar
ubaene slike sam definie potrebnu irinu i visinu anima- ponaosob potrebno je da oznaite samo kadar za koji
cije. Za kadrove koji se kreu horizontalno treba obezbedi- podeavate duinu trajanja i polju Duration unesete elje-
ti iri, a za kadrove koji se kreu vertikalno vii prostor. Za nu duinu. Za animaciju matematikog klatna postavite
animaciju matematikog klatna ostavite vrednosti koje je Duration na 20 za svaki kadar.
podesio sam GIF animator.
S obzirom da se radi o matematikom klatnu koje besko-
nano osciluje, u kartici Animation emo ekirati opcije
Looping i Repeat Forever da bi se ponavljanjem animaci-
je napravila iluzija neprestanog oscilovanja slika 6. Ako ne
ekirate opciju Repeat Forever moete u polju RepeatCo-
unt podesiti koliko puta elite animacija da vam se ponovi.

Slika 7: Podeavanje duine trajanja kadrova

Pregledajte animaciju klikom na alatku Preview.

Slika 6. Podeavanja u kartici Animation

Podeavanje osobina kadrova

Izborom kartice Image podeavamo osnovne osobine kad-
rova: poziciju kadrova na sceni, duinu trajanja, providnost
pozadine i nain prikazivanja slika. Ove osobine mogu da
se podese za sve kadrove istovremeno ako izaberemo iz
linije sa alatima opciju SelectAll ili pojedinano oznaava-
jui svaki kadar ponaosob kako je opisano ranije.
Sauvajte animaciju klikom na alatku Save As.

4
Ova animacija je uraena bez korienja opcije providnos-
ti, ako je umetnete u PowerPoint prezentaciju pojavie se
animacija sa svojom crnom pozadinom slika1a.
Ako elite da animacija ima pozadinu slajda u koji je ume-
ete moraete da podesite opciju providnosti u animatoru.
Za svaki kadar ponaosob oznaite opciju Transparency, a
UndrawMethod postavite na Restore Background slika 8.
UndrawMethod ima etiri opcije koje nam definiu kako
e se kadrovi pojavljivati i nestajati sa scene. Ako elite da
se sa pozadinom ne deava nita pre pojavljivanja slike
treba izabrati opciju Undefined. Efekat senke se moe
dobiti izborom opcije Leave. Restore Background omo-
guuje da se originalna pozadina ponovo pojavljuje kada
se prikae trenutna slika, a Restore Previous da se pret-
hodna slika pojavi kada se prikae trenutna slika.
Slika 8: Podeavanje opcije transparentnosti
VANO
Pripremljene slike za izradu animacije klatna, kao i slike za
vebu moete preuzeti sa lokacije http://
www.microsoft.co.yu/download/obrazovanje/pil/casopis/
PiL_bilten_2008_03_dodatak.zip
Pregledajte animaciju klikom na alatku Preview.
Sada se izgubila crna pozadina u animaciji. Sauvajte ani-
maciju klikom na alatku Save As pod novim imenom. Kada
se ovakva animacija ubaci u PowerPoint prezentaciju imae
pozadinu slajda slika 1b.
Animacija matematikog klatna uraena je samo sa tri kad-
ra i u animacijama se ti kadrovi zovu kljuni kadrovi. Za
poboljanje kvaliteta animacije dodaju se i meukadrovi u
kojima su dodatni poloaji klatna. Znaajno poboljanje
ove animacije moe se postii dodavanjem samo dva
meukadra (slike) sa poloajima klatna izmeu stanja
mirovanja i krajnjeg desnog poloaja i stanja mirovanja i
krajnjeg levog poloaja.
Sugestija za vebu
Za vebu moete napraviti lepu elektronsku estitku. Nai-
te na Internetu sliku zimske idile i pokuajte da joj dodate
padanje snega. Potrebno je da nacrtate nekoliko .gif slika
sa pahuljama i sa slikom sa Interneta ih uvezete u GIF ani-
mator. Dobiete veoma lepu animaciju. Za one koji ne vole
da crtaju u prilogu se nalazi slika sa Interneta i tri slike na
kojima se nalaze pahulje. Pomou njih napravite animaciju
novogodinje estitke.
Za decu moe biti veoma interesantna animacija ulaza lop-
te u gol. Nacrtajte jednu sliku na kojoj e biti fudbalski gol.
Ta slika e biti pozadina svih ostalih slika. Ostalo je samo
jo da se nacrtaju slike sa loptom u razliitim poloajima.