SlideShare a Scribd company logo
1 of 13
Page 1
ANIMACIJA
Page 2
Uvod
Animacija je brzo prikazivanje niza crteža koji se razlikuju
po nekim detaljima.
Pojedini crtež nazivamo kadar.
animacija = “grafika u pokretu” (grafika + vremenska
dimenzija)
Page 3
Animacija u multimediji
zaseban multimedijski projekt (prezentacija) ili dodatak
projektu
omogućava dinamičko predstavljanje činjenica
interaktivne animacije - simulacije
Page 4
Animacija na računalu
digitalno kreirana
2D-animacija:
najčešće korištena
kadrovi su kreirani pomoću alata za kreiranje 2D bitmapa
ili vektorske grafike (npr. Flash)
3D-animacija:
objektima dodaje dubinu
zahtjevnija za izradu (npr. CAD)
Page 5
Principi animacije
tromost oka omogućava privid pokreta
crtani filmovi: 24 kadrova u sekundi (engl. frames per
second - fps)
na računalu se uzima manje kadrova kako bi se smanjila
veličina datoteke
ako je prikazan premali broj kadrova u sekundi (<10),
ljudsko oko primjećuje treperenje
Adobe Flash Professional koristi 24 fps
Page 6
Principi animacije na računalu
kontrola animacije se vrši na 2 načina:
1.pomoću vremenske osi (engl. timeline)
2.postavljanjem broja kadrova animacije (engl. frame rate)
Page 7
Tehnike animacije
klasični pristup: kadrovi se crtaju ručno (Pinocchio (1940.),
Snjeguljica (2937.)
digitalni pristup: kadrovi se crtaju uz pomoć računalnih
programa (npr. Flash)
celuloidna animacija – pozadina koja se ne mijenja se
nacrta samo jednom, a elementi koji se pomiču nacrtani su
na prozirnim folijama
crtanje podloge na dugačkom listu papira – pomicanjem
objekta nacrtanog na prozirnoj foliji stvara se iluzija pokreta
Page 8
Tehnike animacije
danas se ručno nacrtani kadrovi digitaliziraju i zatim
mijenjaju
kadrovi mogu biti:
bitmape – svaki kadar se sprema zasebno, a kasnije ih
spremamo u jednu datoteku
vektorska grafika – međukadrovi se mogu umetati ili
interpolirati u realnom vremenu
Page 9
Interpolacija
• ključni kadrovi (engl. key frames) – prvi i zadnji kadar
neke akcije; pojavljuju se kad dolazi do promjena
• tweening – postepeni prijelaz iz prvog u zadnji kadar
crtanjem međukadrova po određenoj putanji; matematički:
interpolacija
• lakše je izvesti interpolaciju vektorskih objekata
• kod bitmana se za tweening koriste slojevi (analogon
prozirnim folijama)
Page 10
Vrste animacije
kadar po kadar
po stazi (animacija pokreta)
preobražavanjem (animacija oblika)
Page 11
Animacija kadar po kadar
prvi i zadnji kadar se znatno razlikuju, pa ne možemo
koristiti tweening
svaki kadar se crta zasebno
Page 12
Animacija po stazi
objekt se pomiče po nekoj putanji
mijenja se samo položaj objekta
interpolacija pozicije
linearni pomak – objekt se pomiče po pravcu za jednaku
udaljenost između svakog kadra; djeluje neprirodno
staza može biti i niz Bezierovih krivulja
Page 13
Literatura
Hoić - Božić, Nataša: Multimedijski sustavi, 8. poglavlje:
Animacija, Rijeka, 2013.
https://mudri.uniri.hr/file.php/1304/PDF_poglavlja_2013/8_
animacija1.pdf (11.6.2014.)

More Related Content

Viewers also liked

Presentation1
Presentation1Presentation1
Presentation1ninagolo
 
Mbuterin animacija
Mbuterin   animacijaMbuterin   animacija
Mbuterin animacijamarkobuterin
 
Petra lesički, latifa od uroka
Petra lesički, latifa od urokaPetra lesički, latifa od uroka
Petra lesički, latifa od urokaNovinari Osmodec
 
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*Web::Strategija
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Webnposcic
 
Animacija
Animacija Animacija
Animacija nposcic
 
Analiza web sjedista(brozovic,klanac,malovic)
Analiza web sjedista(brozovic,klanac,malovic)Analiza web sjedista(brozovic,klanac,malovic)
Analiza web sjedista(brozovic,klanac,malovic)anavy7
 
Animacija
AnimacijaAnimacija
Animacijanposcic
 
Zagrebačka škola crtanog filma
Zagrebačka škola crtanog filmaZagrebačka škola crtanog filma
Zagrebačka škola crtanog filmaNovinari Osmodec
 
Medijska kultura u razrednoj nastavi
Medijska kultura u razrednoj nastaviMedijska kultura u razrednoj nastavi
Medijska kultura u razrednoj nastaviIvana Čarapina
 
Animacija-završno
Animacija-završnoAnimacija-završno
Animacija-završnoTklaric13
 
Nordeus top eleven ux+ui
Nordeus top eleven ux+uiNordeus top eleven ux+ui
Nordeus top eleven ux+uiIvona Petrovic
 
Hoe samen te werken met de energieke samenleving?
Hoe samen te werken met de energieke samenleving?Hoe samen te werken met de energieke samenleving?
Hoe samen te werken met de energieke samenleving?Klimaatverbond Nederland
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projektaMbrojan
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projektaMbrojan
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projektaMbrojan
 

Viewers also liked (20)

Animacija
AnimacijaAnimacija
Animacija
 
Presentation1
Presentation1Presentation1
Presentation1
 
Mbuterin animacija
Mbuterin   animacijaMbuterin   animacija
Mbuterin animacija
 
Petra lesički, latifa od uroka
Petra lesički, latifa od urokaPetra lesički, latifa od uroka
Petra lesički, latifa od uroka
 
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*
(WS11) Srđan Stanić (Pet minuta): JavaScript svemogući*
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Web
 
Animacija
Animacija Animacija
Animacija
 
Analiza web sjedista(brozovic,klanac,malovic)
Analiza web sjedista(brozovic,klanac,malovic)Analiza web sjedista(brozovic,klanac,malovic)
Analiza web sjedista(brozovic,klanac,malovic)
 
Animirani film
Animirani filmAnimirani film
Animirani film
 
Animacija
AnimacijaAnimacija
Animacija
 
Zagrebačka škola crtanog filma
Zagrebačka škola crtanog filmaZagrebačka škola crtanog filma
Zagrebačka škola crtanog filma
 
Medijska kultura u razrednoj nastavi
Medijska kultura u razrednoj nastaviMedijska kultura u razrednoj nastavi
Medijska kultura u razrednoj nastavi
 
Animacija-završno
Animacija-završnoAnimacija-završno
Animacija-završno
 
Nordeus top eleven ux+ui
Nordeus top eleven ux+uiNordeus top eleven ux+ui
Nordeus top eleven ux+ui
 
Zvuk3
Zvuk3Zvuk3
Zvuk3
 
Hoe samen te werken met de energieke samenleving?
Hoe samen te werken met de energieke samenleving?Hoe samen te werken met de energieke samenleving?
Hoe samen te werken met de energieke samenleving?
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projekta
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projekta
 
Oefening Oikos ter kennismaking
Oefening Oikos ter kennismakingOefening Oikos ter kennismaking
Oefening Oikos ter kennismaking
 
Razvoj multimedijskih projekta
Razvoj multimedijskih projektaRazvoj multimedijskih projekta
Razvoj multimedijskih projekta
 

Animacija1

  • 2. Page 2 Uvod Animacija je brzo prikazivanje niza crteža koji se razlikuju po nekim detaljima. Pojedini crtež nazivamo kadar. animacija = “grafika u pokretu” (grafika + vremenska dimenzija)
  • 3. Page 3 Animacija u multimediji zaseban multimedijski projekt (prezentacija) ili dodatak projektu omogućava dinamičko predstavljanje činjenica interaktivne animacije - simulacije
  • 4. Page 4 Animacija na računalu digitalno kreirana 2D-animacija: najčešće korištena kadrovi su kreirani pomoću alata za kreiranje 2D bitmapa ili vektorske grafike (npr. Flash) 3D-animacija: objektima dodaje dubinu zahtjevnija za izradu (npr. CAD)
  • 5. Page 5 Principi animacije tromost oka omogućava privid pokreta crtani filmovi: 24 kadrova u sekundi (engl. frames per second - fps) na računalu se uzima manje kadrova kako bi se smanjila veličina datoteke ako je prikazan premali broj kadrova u sekundi (<10), ljudsko oko primjećuje treperenje Adobe Flash Professional koristi 24 fps
  • 6. Page 6 Principi animacije na računalu kontrola animacije se vrši na 2 načina: 1.pomoću vremenske osi (engl. timeline) 2.postavljanjem broja kadrova animacije (engl. frame rate)
  • 7. Page 7 Tehnike animacije klasični pristup: kadrovi se crtaju ručno (Pinocchio (1940.), Snjeguljica (2937.) digitalni pristup: kadrovi se crtaju uz pomoć računalnih programa (npr. Flash) celuloidna animacija – pozadina koja se ne mijenja se nacrta samo jednom, a elementi koji se pomiču nacrtani su na prozirnim folijama crtanje podloge na dugačkom listu papira – pomicanjem objekta nacrtanog na prozirnoj foliji stvara se iluzija pokreta
  • 8. Page 8 Tehnike animacije danas se ručno nacrtani kadrovi digitaliziraju i zatim mijenjaju kadrovi mogu biti: bitmape – svaki kadar se sprema zasebno, a kasnije ih spremamo u jednu datoteku vektorska grafika – međukadrovi se mogu umetati ili interpolirati u realnom vremenu
  • 9. Page 9 Interpolacija • ključni kadrovi (engl. key frames) – prvi i zadnji kadar neke akcije; pojavljuju se kad dolazi do promjena • tweening – postepeni prijelaz iz prvog u zadnji kadar crtanjem međukadrova po određenoj putanji; matematički: interpolacija • lakše je izvesti interpolaciju vektorskih objekata • kod bitmana se za tweening koriste slojevi (analogon prozirnim folijama)
  • 10. Page 10 Vrste animacije kadar po kadar po stazi (animacija pokreta) preobražavanjem (animacija oblika)
  • 11. Page 11 Animacija kadar po kadar prvi i zadnji kadar se znatno razlikuju, pa ne možemo koristiti tweening svaki kadar se crta zasebno
  • 12. Page 12 Animacija po stazi objekt se pomiče po nekoj putanji mijenja se samo položaj objekta interpolacija pozicije linearni pomak – objekt se pomiče po pravcu za jednaku udaljenost između svakog kadra; djeluje neprirodno staza može biti i niz Bezierovih krivulja
  • 13. Page 13 Literatura Hoić - Božić, Nataša: Multimedijski sustavi, 8. poglavlje: Animacija, Rijeka, 2013. https://mudri.uniri.hr/file.php/1304/PDF_poglavlja_2013/8_ animacija1.pdf (11.6.2014.)