Dokument opisuje različite vrste animacija, uključujući 2D i 3D animacije te tehniku preobražavanja slika. Spominje se važnost kvalitete i veličine datoteke u animaciji, kao i ključni kadrovi i njihova uloga u procesu stvaranja animacije. Također se daju preporuke za korištenje animacije na webu kako bi se osiguralo učinkovito prenošenje poruka i estetski dojam.

1. ANIMACIJA
MS 2014

2. ANIMACIJA
 Brzo prikazivanje niza crteža objekta koji se
razlikuju o nekim detaljima
 Crteži se zovu kadrovi
 Treba prikazati određen broj kadrova u
svakoj sekundi
 Glatki crtani filmovi-30 kadrova po sekundi
 Jednostavna animacija-10 kadrova po
sekundi

3. KORIŠTENJE ANIMACIJE PRI MULTIMEDIJI
 Glavni izvor akcija u multimedijskim
prezentacijama
 Animacije omogućuju dinamičko
predstavljanje činjenica
 Mogu biti interaktivne-nakon što korisnik
promijeni neki od zadanih parametara,
mijenja se rezultat prikaza animacije(Solar
System Viewer)

4. SLIKE ANIMACIJA

5. VRSTE ANIMACIJA(1)
 Animacija s različitim kadrovima
-prvi i zadnji kadar animacije znatno se
razlikuju
-nije moguće koristiti računalni tweening
-crta se (ručno ili računalom) svaki od
serija kadrova (crteža) animacije

6. VRSTE ANIMACIJA(2A)
 Animacija po stazi ili kod Flasha nazvana
animacija pokreta
-objekt se pomiče po određenoj putanji
pri čemu se ne mijenja njegov oblik
nego samo položaj
-interpolacija pozicije (animacija pokreta-
motion tween)

7. VRSTE ANIMACIJA(2B)
-linearani pomak-objekt se miče po
pravcu za jednaku udaljenost između
svakog kadra-pomicanje po stazi-staza je
povezana s nizom kadrova koji
interpoliraju neki pokret:kada se izvodi
interpolacija, međupozicije objekata u
kretanju se rade tako da one leže uz
stazu. Sama staza se ne vidi tokom
izvođenja

8. VRSTE ANIMACIJA(3)
 Animacija preobražavanjem ili kod Flasha
nazvana animacija oblika
-postepeno pretvaranje jedne slike u
drugu pri čemu se pojam morphing
najčešće koristi kao naziv za pretapanje
fotografije jedne osobe u drugu

9. MORPHING

10. ANIMACIJE NA RAČUNALU
 2D
-najčešće korištena
vrsta animacije
-kadrovi su
kreirani ili uređeni
pomoću alata za
kreiranje 2D
bitmapa ili
vektorske grafike
(Flash program)
 3D
-osim visine i širine
objektima dodaje
dubinu
-koriste se posebni
programi (CAD)
-jednostavnije 3D
animacije mogu se
kreirati pomoću
Flasha

11. 2D I 3D ANIMACIJE

12. PRINCIPI ANIMACIJA(A)
 Moguća zbog tromosti oka:objekt kojeg je
oko vidjelo ostaje zapamćen još nekoliko
trenutaka nakon gledanja
 Potrebno postizanje kompromisa između
kvalitete i veličine datoteke
 Minimalan broj kadrova: 10 kadrova u
sekundi
 Stara verzija Flasha: 12 fps
 Adobe Flash Proffesional: 24 fps

13. PRINCIPI ANIMACIJA(B)
 Kontola animacija vrši se:
-pomoću vremenske osi: na vremenskoj
osi se definira ukupno trajanje animacije
te kada se koji kadar pojavljuje
-postavljanjem broja kadrova
animacije(frame rate)

14. TEHNIKE ANIMACIJE(A)
 Ručno kod starijih verzija
 Uz pomoć računala
 Tradicionalna animacija:svaki kadar nacrtan
rukom na posebnom papiru
Najpoznatija tehnika-celuloidna animacija-
koristi transparentne acetatne listove zvane
celuloid

15. TEHNIKE ANIMACIJE(B)
 Crtanje podloge na vrlo dugačkom listu
papira-polaganim pomicanjem objekta
nacrtanog na prozirnoj foliji po takvoj
podlozi postizala se iluzija da on putuje kroz
scenu
 Danas:uz pomoć softvera dorađuju se ručno
nacrtani kadrovi ili se odmah svi kadrovi
crtaju u računalu

16. DIGITALNA ANIMACIJA
 Naslijedila koncepte i tehnike klasične
animacije
 Koristi principe animacije pomoću folija
 Kadrovi mogu biti bitmape ili vektorka
grafika
 Bitmape: sprema se svaki kadar i objedinjuje
u datoteku
 Vektorska grafika: međukadrovi mogu
interpolirati u realnom vremenu

18. INTERPOLACIJA (TWEENING)(A)
 Ključni kadrovi su značajni- predstavljaju prvi i
zadnji kadar neke akcije
 Kraća animacija započinje i završava ključnim
kadrom
 Proces crtanja kadrova između ključnih kadrova
 Disney crtani filmovi
 Ključni kadrovi- cijeli objekt
 Međukadrovi- objekti koji se miču

19. INTERPOLACIJA (TWEENING)(B)
 Kod računalnih animacija označava
postepeni prijelaz iz prvog u zadnji kadar
crtanjem uz pomoć računala
 Interpolacija-računanje vrijednosti funkcije
koja leži između poznatih točaka
 Inerpolacija vektorskih objekata

21. KREIRANJE ANIMACIJE
 Kreirati slike-kadrove
 Dodati zvuk
 Snimiti animaciju
 Provjeriti kako se animacija izvodi
 Uključiti animaciju

22. FORMATI DATOTEKA
 Animirani gif- .GIF
 Windows Audio Video Interleaved- .AVI
 QuickTime- .MOV
 Flash- .SWF
 Shockwave- DCR
 Virtual Reality Modeling Language- .WRL

23. PREPORUKA ZA KORIŠTENJE ANIMACIJE
NA WEBU
 Izbjegavati više od jedne animacije na
stranici
 Koristiti animaciju za prenošenje neke
poruke
 Koristiti animaciju iz estetskih razloga
 Izbjegavati animacije na stranicama sa puno
teksta
 Isprobavati različiti tempo izvođenja

24. IZRADILA: IVANA PILAJ