animacija 2
DESCRIPTION
Animacija,uvod,korištenje animacije,animacije na računalu, tweening, vrste animacije, animacije preobražavanjem, kreiranje animacija, formati datoteka,primjena animacije na webuTRANSCRIPT
![Page 1: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/1.jpg)
ANIMACIJA
MS 2014
![Page 2: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/2.jpg)
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
![Page 3: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/3.jpg)
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(SolarSystem Viewer)
![Page 4: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/4.jpg)
SLIKE ANIMACIJA
![Page 5: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/5.jpg)
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
![Page 6: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/6.jpg)
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)
![Page 7: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/7.jpg)
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
![Page 8: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/8.jpg)
VRSTE ANIMACIJA(3)
Animacija preobražavanjem ili kod Flashanazvana animacija oblika
-postepeno pretvaranje jedne slike u drugu pri čemu se pojam morphingnajčešće koristi kao naziv za pretapanje fotografije jedne osobe u drugu
![Page 9: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/9.jpg)
MORPHING
![Page 10: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/10.jpg)
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
![Page 11: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/11.jpg)
2D I 3D ANIMACIJE
![Page 12: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/12.jpg)
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
![Page 13: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/13.jpg)
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)
![Page 14: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/14.jpg)
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
![Page 15: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/15.jpg)
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
![Page 16: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/16.jpg)
DIGITALNA ANIMACIJA
Naslijedila koncepte i tehnike klasične animacije
Koristi principe animacije pomoću folija
Kadrovi mogu biti bitmape ili vektorkagrafika
Bitmape: sprema se svaki kadar i objedinjuje u datoteku
Vektorska grafika: međukadrovi mogu interpolirati u realnom vremenu
![Page 17: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/17.jpg)
![Page 18: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/18.jpg)
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
![Page 19: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/19.jpg)
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
![Page 20: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/20.jpg)
![Page 21: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/21.jpg)
KREIRANJE ANIMACIJE
Kreirati slike-kadrove
Dodati zvuk
Snimiti animaciju
Provjeriti kako se animacija izvodi
Uključiti animaciju
![Page 22: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/22.jpg)
FORMATI DATOTEKA
Animirani gif- .GIF
Windows Audio Video Interleaved- .AVI
QuickTime- .MOV
Flash- .SWF
Shockwave- DCR
Virtual Reality Modeling Language- .WRL
![Page 23: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/23.jpg)
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
![Page 24: Animacija 2](https://reader034.vdocuments.site/reader034/viewer/2022042516/559740ca1a28ab1e678b4841/html5/thumbnails/24.jpg)
IZRADILA: IVANA PILAJ