Animacija

• brzo prikazivanje kadrova (frames) – niza crteža objekta koji se razlikuju po nekim detaljima
• privid pokreta: crtanje objekta u različitim položajima u svakom kadru - izgleda da se objekt miče kad se kadrovi prikazuju zajedno određenom brzinom
• grafici je dodana vremenska dimenzija: "grafika u pokretu"
  

1. Korištenje animacije pri multimediji

• animacije – glavni izvor akcije u multimedijskim prezentacijama
• čitavi multimedijski projekt kao animacija – demonstracije ili prezentacije koje ne zahtijevaju interakciju s korisnikom
• manje animacije kao dodatak projektu – cilj: privući pažnju korisnika
• jednostavno animiranje teksta i objekata – različiti efekti na pr. kod MS PowerPointa
• prikazivanje procesa ili prirodnih pojava (na pr. gibanje planeta oko Sunca)
  • Solar System Viewer
  • Exploring Earth
  • Multimedijalni centar instituta za fiziku, Multimedija u Fizici -> Animacija
    
    

2. Vrste animacije

• 2-D animacija i 3-D animacija

2-D animacija

• najčešće korištena vrsta animacije općenito (na pr. crtani filmovi) i na računalima

3-D animacija

• osim visine i širine, objektima dodaje dubinu
• zahtjevnija za izradu i korištenje
• crta se žičani model objekata te se dodaje odgovarajuća tekstura, zatim se objekti smještaju na neku pozadinu
• posebni programi za izradu (CAD, za izradu VRML objekata)
  
  

3. Principi animacije

• animacija moguća zbog tromosti oka – objekt kojeg je vidjelo oko ostaje zapamćen još nekoliko trenutaka nakon gledanja
• niz slika koje se razlikuju u detaljima (položaj, oblik) i brzo se izmjenjuju, te se stapaju jedna u drugu

Pojedinačni kadrovi i animacija

• TV video: 30 kadrova u sekundi (fps - frames per second)
• filmovi: snimaju se s 24 kadra u sekundi (na pr. za crtani film 24 fps = 1440 slika u minuti); brzina se duplicira jer se svjetlost dva puta propušta kroz objektiv filmskog projektora – uzrokuje brzinu od 48 puta u sekundi
• animacije na računalu – može i manje kadrova (na pr. Flash – 12 fps; što ih je više, animacija je kvalitetnija jer se odvija s manje preskakanja ("glađa" animacija)
• kontrola animacije na računalu:
  • pomoću vremenske osi (timeline) – definira se ukupno trajanje animacije te kada se koji kadar pojavljuje
  • postavljanjem broja kadrova animacije (frame rate)
    
    

4. Tehnike animacije

4.1. Animacija po stazi (path-based animacija)

• objekt se pomiče po određenoj putanji - ne mijenja se njegov oblik nego samo položaj

Pojedinačni kadrovi i animacija

4.2. Animacija s različitim kadrovima

• crta se (ručno ili računalom) serija kadrova (crteža) animacije
• započinje se i završava s ključnim kadrovima (keyframes) – prvi i zadnji kadar akcije
• međukadrovi se crtaju procesom koji se naziva tweening ("tween" - in between, eng. između) – postepeno se prelazi iz prvog u zadnji kadar crtanjem odgovarajućeg broja međukadrova po određenoj putanji
• tehnika postala poznata nakon Disneyevih crtanih filmova – korištenje ćelija (prozirnih folija) za međukadrove
• ponekad se prvi i zadnji kadar animacije znatno razlikuju, pa se tweening ne koristi (animacija kadar po kadar):

Pojedinačni kadrovi i animacija

4.3. Animacija preobražavanjem (morphing)

• jedna slika se pretvara u drugu
• računalni program generira međuslike

Primjer animacije

5. Proces kreiranja animacije

• koraci:
  1. kreirati slike-kadrove (sve ili samo ključne)
  2. dodati zvuk (opcionalno)
  3. snimiti animaciju u odgovarajućem formatu
  4. provjeriti kako se animacija izvodi u nekom programu za reprodukciju (na pr. Windovs Media Player)
  5. uključiti animaciju u multimedijsku aplikaciju
     
     

6. Formati datoteka

7. Primjena animacije na Webu

7.1. Flash animacija

• preglednicima potreban poseban plug-in (Flash Player) kako bi se animacije mogle prikazivati unutar Web stranice
• animacija kadar po kadar i proračunavanjem međukadrova (motion i shape tween)
• može se dodati zvuk
• manje datoteke u odnosu na GIF
• SWF - vektorska grafika
  
  

7.2 Animirani GIF-ovi

• obične GIF datoteke – prikazuje ih svaki Web preglednik
• jedna datoteka sadrži više odvojenih slika (kadrova)
• može se odrediti: koliko puta se niz slika ponavlja, koliko dugo je svaki kadar vidljiv, način na koji jedan kadar smjenjuje drugi, da li je pozadina slike prozirna
• nema mogućnosti dodavanja zvuka
• različiti alati za kreiranje (na pr. koristiti Flash i File -> Export Movie opciju)
  

Nekoliko preporuka