V9 - Animacija

Izdelano animacije v formatu GIF vstavimo v spletni dokument enako kot sliko. Ker sem to opisal že v eni od prejšnjih vaj, tega na tem mestu ne bom opisoval. Omenil bi le to, da lahko na spletnih straneh v omrežju Internet najdete že narejene animacije iz različnih področij. Nekaj naslovov, kjer najdete veliko število narejenih animacij, najdete med povezavami  na vstopni strani Informatike.

Kako animacijo naredimo sami, pa bom razložil v tej vaji. Format dopušča izredno veliko možnosti. Ker imamo za to temo na razpolago le malo časa, bom opisal le nekaj primerov. Ko boste razumeli te primere, boste imeli dovolj znanja, da se boste lahko sami lotili tudi zahtevnejših animacij.

Najprej narišemo slikice, ki bodo našo animacijo sestavljale. Upoštevati moramo le to, da jih shranimo v GIF formatu. Vsaj za začetek bo bolje, če bodo slikice enostavne in majhne, da ne bodo preveč upočasnile nalaganja spletne strani. Na velikost pa lahko vplivamo tudi, če izberemo manjše število barv in manjšo resolucijo (če to program dopušča).

Odločil sem se, da bom narisal črke za napis "Informatika". Ko sem slikice (črke) narisal, sem izbral program za izdelavo animacij v formatu GIF. Odločil sem se za program "Animagic GIF", ki ga najdete med programi za Informatiko. Program je kratek in enostaven - to je bil tudi razlog za izbiro. Ko sem program namestil na računalnik, sem pričel z izdelavo animacije.

Opisal bo le en primer izdelave brez dodatnih efektov. Te lahko naknadno dodajate in odvzemate.

• File / Insert frames - označimo eno ali več datotek in potrdimo. Prikaže se seznam slikic (Frame List).
• Animacijo lahko z ikono "Play" že poženemo. Če predhodno vklopimo še "Loop" se bo animacija odvijala v neskončni zanki.
• File / Save as (ali ikona "Save as") - animacijo shranimo in ji spremenimo ime. Ne smemo samo potrditi, ker nam ponudi ime ene od narejenih slikic, ki jo s tem izgubimo.
• Animacijo lahko pogledamo s programom za gledanje slik ali kar z spletnim brskalnikom.
• Prej, ko prikažem nekaj primerov, bi posebej poudaril uporabnost ukaza "Transparent color". Če izberemo to ikono in z njo kliknemo na ozadju slikice (v mojem primeru napisa), postane to transparentno. To pomeni, da se prilagodi barvi ozadja (glej primere).

To bi bilo vse. Efekte pa preizkusite sami. V nadaljevanju jih bom nekaj prikazal. Ker pri vseh animacijah nisem uporabil zanke (Loop), boste efekte nekaterih videli le pri prvem odpiranju te strani ali če v spletnem brskalniku uporabite ukaz  "Reload" oz. "Shift-Reload".

Ko si ogledate vse primere, si poglejte še tega s klikom na "primer"!

Naredil sem se enostaven primer animacije s programom Paint Shop Pro 5. Slikice sem narisal kar v slikarju, jih prenesel v Paint Shop Pro in pretvoril v format GIF. Nato sem s programom Animation Shop (Start/Programi /Paint Shop Pro/Animation Sho) naredil animacijo po naslednjih korakih:

• File/Animation Wizard - program nas vodi in daje možnosti nekaterih nastavitev;
• View/Animation - pogledamo animacijo in jo shranimo, če smo z njo zadovoljni File/Save As;
• Tudi ta program nam omogoča dodajanje nekaterih efektov.

Poglejmo samo dva primera uporabe:

Nazaj InformatikaNaprejInformatika 2 Vaje