SlideShare a Scribd company logo
1 of 24
ANIMACIJA
MS 2014
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
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)
SLIKE ANIMACIJA
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
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)
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
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
MORPHING
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
2D I 3D ANIMACIJE
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
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)
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
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
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
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
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
KREIRANJE ANIMACIJE
 Kreirati slike-kadrove
 Dodati zvuk
 Snimiti animaciju
 Provjeriti kako se animacija izvodi
 Uključiti animaciju
FORMATI DATOTEKA
 Animirani gif- .GIF
 Windows Audio Video Interleaved- .AVI
 QuickTime- .MOV
 Flash- .SWF
 Shockwave- DCR
 Virtual Reality Modeling Language- .WRL
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
IZRADILA: IVANA PILAJ

More Related Content

What's hot

What's hot (20)

Računarska grafika
Računarska grafikaRačunarska grafika
Računarska grafika
 
Sjemenjače
Sjemenjače Sjemenjače
Sjemenjače
 
Internet servisi
Internet servisiInternet servisi
Internet servisi
 
Animacija
AnimacijaAnimacija
Animacija
 
IKT uredjaji
IKT uredjajiIKT uredjaji
IKT uredjaji
 
Vršnjačko nasilje
Vršnjačko nasiljeVršnjačko nasilje
Vršnjačko nasilje
 
скелетни систем човека (1)
скелетни систем човека (1)скелетни систем човека (1)
скелетни систем човека (1)
 
Pravila za izradu kvalitetne prezentacije
Pravila za izradu kvalitetne prezentacijePravila za izradu kvalitetne prezentacije
Pravila za izradu kvalitetne prezentacije
 
Računarska grafika i multimedija uvod
Računarska grafika i multimedija uvodRačunarska grafika i multimedija uvod
Računarska grafika i multimedija uvod
 
Izlazni uređaji
Izlazni uređajiIzlazni uređaji
Izlazni uređaji
 
Računarske mreže
Računarske mrežeRačunarske mreže
Računarske mreže
 
Prezentacija
PrezentacijaPrezentacija
Prezentacija
 
Zivotne forme i adaptacije
Zivotne forme i adaptacijeZivotne forme i adaptacije
Zivotne forme i adaptacije
 
Sunđeri
SunđeriSunđeri
Sunđeri
 
Gljive i lišajevi.pdf
Gljive i lišajevi.pdfGljive i lišajevi.pdf
Gljive i lišajevi.pdf
 
Candida Katarina Sekulic
Candida Katarina SekulicCandida Katarina Sekulic
Candida Katarina Sekulic
 
Zglavkari; Rakovi
Zglavkari; RakoviZglavkari; Rakovi
Zglavkari; Rakovi
 
Elektromagnetni talasi - Sofija Nikolic
Elektromagnetni talasi - Sofija NikolicElektromagnetni talasi - Sofija Nikolic
Elektromagnetni talasi - Sofija Nikolic
 
Ortogonalna Projekcija
Ortogonalna ProjekcijaOrtogonalna Projekcija
Ortogonalna Projekcija
 
Računarski softver
Računarski softverRačunarski softver
Računarski softver
 

Animacija 2

  • 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)
  • 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
  • 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
  • 17.
  • 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
  • 20.
  • 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