GRAFIČNA PRIPRAVA 2 Priprava vsebin digitalnih medijev · • in fenomen (1912 Max Werthermeier; 1913 F. Kernel) • kratkoročni vizualni spomin, ikonični spomin (George Sperling,

copyright © 2005 | update software AG | 10.05.2016UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc

GRAFIČNA PRIPRAVA 2

Priprava vsebin digitalnih medijev

Helena Gabrijelčič Tomc, Univerza v Ljubljani, NTF, OT, KIGT

»


UL, NTF, OT, KIGT, Helena Gabrijelčič TomcHelena Gabrijelčič Tomc, NTF, OT

Animacije

»


UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc

Percepcija gibanja

• proces sklepanja o hitrosti in smeri elementov v sceni na bazi vizualnih

in čutnih vhodnih informacij

gibanje, lokacija

objekta, kontrola oči

in rok (kratkoročni

vizualni spomin)

prepoznavanje in

predstavitev

objektov (dolgoročni

vizualni spomin)

• percepcija gibanja prvega reda

(intenzivnost svetlobe)

• percepcija gibanja drugega reda

(konture, tekstura, kontrast )

http://upload.wikimedia.org/wikipedia/commons/f/fb/Ventral-dorsal_streams.svg

»



Vztrajnost vida (Persistence of vision)

• "napaka" vida (prenos od mrežnice do vidnega živca)

• percepcijska iluzija gibanja

• "mit" vztrajnosti vida

• in fenomen (1912 Max Werthermeier; 1913 F. Kernel)

• kratkoročni vizualni spomin, ikonični spomin (George

Sperling, 1960)

»



Vztrajnost vida

»



Animacija - definicija

• anima – animacija

• umetnost gibanja izražena s slikami iz nerealnosti

• prikaz zaporedja 2D ali 3D slik (objektov) z namenom

ustvariti iluzijo gibanja (optična iluzija gibanja, vztrajnost

vida)

»



Animacija – zgodovinski pregled

http://larpcouture.tumblr.com/post/25365617119/ancient-animations-recent-discoveries-havehttp://www.animationsource.org/hub/en/comments/The_History_of_Animation_Part_1/2730.html

http://larpcouture.tumblr.com/post/25365617119/ancient-animations-recent-discoveries-have

http://upload.wikimedia.org/wikipedia/en/5/5a/Egyptmotionseries.jpg

http://www.animationsource.org/hub/en/comments/The_History_of_Animation_Part_1/2730.html

»



Animacija – zgodovinski pregled

Georges Méliès

Trip to the moon (1902)

Stop motion, posebni efekti

http://www.youtube.com/watch?v=7JDaOOw0MEE

Émile Chol

Fantasmagorie (1908)

https://www.youtube.com/watch?v=aEAObel8yIE

../../../../2012/2011_2012/3D modeliranje/predavanja 1112/10/animacije/A Trip to the Moon Le Voyage dans la lune - 1902.mp4

http://www.youtube.com/watch?v=7JDaOOw0MEE

../../../../2012/2011_2012/3D modeliranje/predavanja 1112/10/animacije/Emile Cohl - Fantasmagorie 1908.mp4

https://www.youtube.com/watch?v=aEAObel8yIE

»



Animaciske tehnike

• tradicionalna animacija (Traditional, Cel ali Hand drawn

animation) http://www.youtube.com/watch?v=V7ZWeLLTqJw

• Stop-motion, Stop animacija (Clay, Cutout, Graphic, Model,

Object, Pixillation, Puppet)

• računalniške animacije (2D, 3D, spletne, interaktivne)

http://www.youtube.com/watch?v=V7ZWeLLTqJw

»



Tradicionalna, risana animacija

Pinocchio Socializacija bika

https://www.youtube.com/watch?v=VyGpLuWA20g

http://upload.wikimedia.org/wikipedia/en/b/ba/Pinocchio-1940-poster.jpg

https://www.youtube.com/watch?v=VyGpLuWA20g

»



Stop-motion animacija

Robot chickenCaveman

»



http://www.youtube.com/watch?v=-gMakp5br4w&feature=related

Špela Čadež

http://www.spelacadez.com/

tradicionalna animacija Stop-motion animacija

• flip book • 3D tisk

Mirai Mizue

../../../../2012/2011_2012/3D modeliranje/predavanja 1112/10/animacije/MIRAI MIZUE animation-making process.mp4

http://www.youtube.com/watch?v=-gMakp5br4w&feature=related

../../../../2012/2011_2012/3D modeliranje/predavanja 1112/10/animacije/Udine Far East Film 11 - Festival Trailer.mp4

http://www.spelacadez.com/

»



Računalniške animacije - zgodovina

http://www.youtube.com/watch?v=w7h0ppnUQhE

John Whitney

http://www.youtube.com/watch?v=_Lmi6cmrq0w

http://www.youtube.com/watch?v=BMaWOp3_G4A

Stan Vanderbeek, Ken Knowlton

• CGI (Computer-generated imagery, Computer-generated imaging)

• iluzija gibanja (24 FPS), vztrajnost vida



http://www.youtube.com/watch?v=_Lmi6cmrq0w



»



CGI: 2D vs 3D vs interaktivno

http://www.flickr.com/photos/fsse-info/favorites/page4/?view=lg

http://www.flickr.com/photos/fsse-info/favorites/page4/?view=lg

copyright © 2005 | update software AG | 10.05.2016UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc

Oblikovanje lika

»



Uvod

Animatorji so igralci, ki ne igrajo na sceni ampak skozi svoje like. Dober animator mora poznati več o igri kot sam igralec.

Pardew L., Emotions in 2D and 3D Animation

»



Lik kot izrazno sredstvo

ne(foto)realistični (Cartoon)

stiliziran (Stylized)

(foto) realističen (Realistic)

zgodba

karakter

realistična

modernistična

postmodernistična

»



2D

3D

http://blogs.static.mentalfloss.com/blogs/archives/35759.htmlI. Šinkovec

http://www.fanpop.com/clubs/a-bugs-life/images/46534/title/bugs-

life-wallpaper http://film.list.co.uk/article/9683-kung-fu-panda/ http://lotr.wikia.com/wiki/File:Gollum_-_Two_Towers.png

http://www.ignatz-cartoon.com/

http://blogs.static.mentalfloss.com/blogs/archives/35759.html

http://www.fanpop.com/clubs/a-bugs-life/images/46534/title/bugs-life-wallpaper

http://film.list.co.uk/article/9683-kung-fu-panda/

http://lotr.wikia.com/wiki/File:Gollum_-_Two_Towers.png

»



Načrtovanje lika – privlačnost lika

Make it cool!

http://smashinghub.com/amazing-3d-cg-character-models.htm

»



The character is

always in service to

the story.

»



Bryan Tillman: Creative character design

»



Pomislite na arhetip lika ali

kakšna je njegova zgodba?

Kdo?

Kaj?

Kdaj?

Kje?

Zakaj?

Kako?Bryan Tillman: Creative character design

»



Načrtovanje lika

https://www.youtube.com/watch?v=OqjsiYZSLQ0

https://www.youtube.com/watch?v=OqjsiYZSLQ0

»



Zgodba kot izhodišče za razvoj lika

http://davidiyya-christophervogler.blogspot.com/

http://aeon.co/video/psychology/empathy-neurochemistry-and-the-dramatic-arc-a-short-film/

http://davidiyya-christophervogler.blogspot.com/

»



Povezava likov z zgodbo

• arhetip lika

• vpliv okolice (okolja) na lik

• postavljanje okvirov zgodbe (določitev dogodkov,

ki so pripeljale lik do stanja, ki je predstavljen v

zgodbi)

»



Arhetipi

• heroj

• zlikovec

• norec

• anima/animus

• mentor

• izzivalec

»



http://growthsci.com/blog/stop-hero-worship/

Kaj potrebujemo?

http://www.turbosquid.com/3d-models/3d-model-hero-character/353620

heroj

»



http://schimidt.cgsociety.org/art/3ds-max-after-effects-photoshop-zbrush-bad-guy-from-fifth-element-3d-1107095/

zlikovec

»



• heroj

• zlikovec

nasprotja


»



Maša Manca Florjanič

herojeva

muza

»



norec

Pintarest


»



• "love interest in the story"

• " draw you into the story"

http://hahamag.com/still-life-mary-jane-ansell/

anima/animus


»



https://forums.warframe.com/index.php?/topic/490421-am-i-the-only-one-who-wants-the-new-animaanimus-warframe-to-

be-male/page-2

anima/animus

»




mentor

• modrost

• izkušnje

»



izzivalec

• spodbuja spremembe, preobrate


»



Osebnostni nivoji lika in njihovi elementi

vizualni nivo lika (surface level): spol, rasa, vrsta, fizične lastnosti

nivo odnosov lika (attitude level): osebnost, inteligenca, razmerja z drugimi, interesi

nivo motivacij lika (motivation level): slabosti, šibkosti, želje, strahovi, življenska vprašanja

najglobji nivo lika (deep level):najglobje gonilne sile karakterja ter

njegove skrivnostne plati

1.

2.

3.

4. http://www.axapac.com/news/developing-strong-character-animation-leah-hoyer

Brave, Disney

http://happynerdjohn.blogspot.com/2012/06/brave-short-review.html

http://www.axapac.com/news/developing-strong-character-animation-leah-hoyer

http://happynerdjohn.blogspot.com/2012/06/brave-short-review.html

»



• načrti modela

• načrti odnosov med višinami

• barvni modeli

• konstrukcijski načrti

• načrti akcij

• obrazna mimika

Animacijska biblija

»



Faze razvoja in oblikovanja lika

začetno, grobo oblikovanje končno, fino oblikovanje

http://characterdesign.blogspot.com/2012/10/paperman.html

Paperman, Disney

http://characterdesign.blogspot.com/2012/10/paperman.html

»



izris konceptualnega modela lika (Rough Character Concept Model Sheets)

študij anatomije lika (Anatomical Study Model Sheet)

grob konstrukcijski model (Rough Construction Model Sheet)

grob model (Rough Model Sheets ): akcije, izrazi in obnašanje

model obraza (Rough Dialog Model Sheet): čustvene reakcije na obrazu ter različne oblike ustnic

Začetno, grobo oblikovanje

»



Konceptualni model in model anatomije

http://characterdesignnotes.blogspot.com/2010/12/model-sheets-101.html

Beauty and the beast

http://collider.com/beauty-and-the-beast-disney-joe-ahearne/


http://collider.com/beauty-and-the-beast-disney-joe-ahearne/

»



Konceptualni model in model anatomije


»



Grob konstrukcijski model


http://www.dvdactive.com/reviews/dvd/tangled.html

Tangled


http://www.dvdactive.com/reviews/dvd/tangled.html

»



Grob model in model obraza


http://www.popartuk.com/film/lady-and-the-tramp/walt-disneys-

lady-and-the-tramp-d1237p-canvas.asp


http://www.popartuk.com/film/lady-and-the-tramp/walt-disneys-lady-and-the-tramp-d1237p-canvas.asp

»



izčiščen konstrukcijski model (Final Line, Clean Up Construction Model Sheet): volumen, konstrukcija

model karakterja iz različnih zornih kotov (Turn around Model Sheet): spredaj, zadaj, iz strani, kot 45

model izrazov (Expression Model Sheets)

Končno, fino oblikovanje

»



Izčiščen konstrukcijski model in različni pogledi


Aladin

http://www.tribute.ca/news/index.php/photo-galleries/animated-films/aladdin/


http://www.tribute.ca/news/index.php/photo-galleries/animated-films/aladdin/

»



Model izrazov in obrazne mimike



»



0-4 let5-8 let

• velika glava

in oči,

kratka

telesa,

svetle

barve,

osnovne

oblike

• nekoliko

manjša glava

in oči, kratka

telesa, bolj

nasičene

barve,

zahtevnejše

oblike


»



9-13 let 14-18+ let

• realnejši

proporci,

realnejše

barve, več

detajlov

• realističnost,

pravi porporci,

kompleksnejše

barve, zelo veliko

detajlov


»



Skice likov (diplomsko delo: Pia Anžel)

Pia Anžel, diplomsko delo

»



Načrt lika (diplomsko delo: Pia Anžel)


»



Načrt odnosov med višinami (diplomsko delo: Pia Anžel)


»



Barvna paleta


»




Barvna paleta

»




»



Govorica objekta, telesa in obraza

»



Osnovna čustvena stanja telesa in obraza

govorica telesa

govorica obraza

jeza

presenečenje

veselje

žalost

avtoritativnost

razočaranje

strah

....

opazujte se v ogledalu ;)

»



Character Emotions in 2D and 3D animation, Les Pardew

jeza presenečenje veselje

Govorica telesa

»



Govorica telesa

Character Emotions in 2D and 3D animation, Les Pardew

žalost, potrtost ponos, avtoritativnost

»



Govorica obraza

http://browse.deviantart.com/art/Facial-Expressions-Buddy-Sheet-for-comics-cartoons-359562676

http://browse.deviantart.com/art/Facial-Expressions-Buddy-Sheet-for-comics-cartoons-359562676

»



http://www.chris-meyer.net/nevil-character

Obrazna mimika

http://www.chris-meyer.net/nevil-character

»



Zelo enostaven lik

http://caoverton.wordpress.com/2010/06/02/garys-facial-expressions-explored/

oči (veke)

obrvi

kljun

http://caoverton.wordpress.com/2010/06/02/garys-facial-expressions-explored/

»



Enostaven lik

http://www.dondrup.com/stock-vector/7958-graphicriver-character-emotions-2045100.html

oči (veke)

obrvi

usta (zobje)

roke (dlani)

http://www.dondrup.com/stock-vector/7958-graphicriver-character-emotions-2045100.html

»



Kompleksen lik

http://jm3dca.blogspot.com/2011/02/idea.html

oči (veke)

obrvi

usta (zobje)

lica

čelo

rotacija glave

lasje

ramena

...

http://jm3dca.blogspot.com/2011/02/idea.html

»



http://www.animatormag.com/archive/tag/cartoon/page/7/

Načrtovanje lika – Proporci , stiliziranje

»



http://www.dragoart.com/tuts/111/1/1/how-to-draw-a-cat.htm



»



https://www.youtube.com/watch?v=go52mHlKDEo


https://www.youtube.com/watch?v=sdUUx5FdySs

https://www.youtube.com/watch?v=go52mHlKDEo

https://www.youtube.com/watch?v=sdUUx5FdySs

»



Animiranje akcij/reakcij

»



Animiranje akcij/reakcij (Emotional transitions)

čustveno stanje

čustvena reakcija

prehod iz enega v drugo čustveno stanje

Sooner or Later | Tôt ou Tard

https://www.youtube.com/watch?v=RysiSUGxebA

https://www.youtube.com/watch?v=RysiSUGxebA

»



Pet faz akcije/reakcije

pričakovanje (anticipation)

prehod (building, tranzicija od enega do drugega stanja)

reakcija(key reaction)

čustven naboj ključnega stanja popusti (let down) ali preide v drugo stanje

»


UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc70

anticipation building 1 building 2

key reaction let down

»



Gibanje, hoja lika

Kerlow, Isaac. The art of 3D computer animation and effects. http://orianami.blogspot.com/2010/03/applied-design-n-i-m-t-i-o-n_21.html

glejte literaturo!

http://orianami.blogspot.com/2010/03/applied-design-n-i-m-t-i-o-n_21.html

»



KOYAA broom (Kolja Saksida)

»



Primer

For the birds (Disney, Pixar)

https://www.youtube.com/watch?v=pWIVoW9jAOs

odlično razlikovanje “obrazne” in “telesne” mimike likov enakega izgleda

https://www.youtube.com/watch?v=pWIVoW9jAOs

»



Primer

http://vimeo.com/13776542

Between Bears

http://vimeo.com/13776542

»



Pedro, Sara Dimnik

»



Zunanja podoba in silhueta karakterja

osebnost lika

zgodba in scenarij

želen čustven odziv gledalcev

animacijska orodija in postopki

Pedro, Sara Dimnik

»



Interna struktura lika

kritična uporaba animacijskih tehnik, postopkov orodij in trikov

http://cat-chitchat.pictures-of-cats.org/2008/07/cat-anatomy.html

Pedro, Sara Dimnik

http://cat-chitchat.pictures-of-cats.org/2008/07/cat-anatomy.html

»



Osebnost lika

obrazna mimika: osebnost karakterja

hitrost in ritem akcij in reakcij: osebnost in čustveno stanje

cikel gibanja, hoje (lokomotion of a character)

»



Pedro, Sara Dimnik

»



Akcija, izražanje čustev in proces razmišljanja

akcija: medij izražanja čustev lika

čustva izražajo razpoloženje lika

proces razmišljanja: nakazuje globjo notranjost lika in vsebine in možnost razvoja zgodbe

../../../../2012/2011_2012/diplome/Dimnik/tekst/koncno/Dimnik Sara animacija - popravljena.mov

»



Naloga

81

• produkcija projektov

»



Literatura

82

http://www.youtube.com/watch?v=4QS6didUx-o

http://www.youtube.com/watch?v=8NfH6BMbfTw

http://www.youtube.com/watch?v=kqJM994qdBE

http://www.youtube.com/watch?v=E7xGHFi7aoI

http://www.youtube.com/watch?v=wfIAllCpQ9E

http://www.youtube.com/watch?v=ncGUEO7G0Rk

http://www.youtube.com/watch?v=4xAtfqoFQgE

http://www.youtube.com/watch?v=O4AgGhxhk_8

http://www.youtube.com/watch?v=27MA0UgDcxY

http://www.youtube.com/watch?v=gfj7AOz7hUM

http://www.youtube.com/watch?v=9FKaPBAUBNY

http://www.downeu.org/x/2d+character+design.html

Mark A. Simon: Producing Independent 2D Character Animation: Making & Selling A Short Film

Steve Roberts: Character Animation Fundamentals: Developing Skills for 2D and 3D Character Animation

Don Seegmiller: Digital character design and painting: the Photoshop CS edition

Les Pardew: Character Emotions in 2D and 3D animation

Eliot Goldfinger: nimal Anatomy for Artists: The Element of Form

http://www.youtube.com/watch?v=4QS6didUx-o

http://www.youtube.com/watch?v=8NfH6BMbfTw

http://www.youtube.com/watch?v=kqJM994qdBE

http://www.youtube.com/watch?v=E7xGHFi7aoI

http://www.youtube.com/watch?v=wfIAllCpQ9E

http://www.youtube.com/watch?v=ncGUEO7G0Rk

http://www.youtube.com/watch?v=4xAtfqoFQgE

http://www.youtube.com/watch?v=O4AgGhxhk_8

http://www.youtube.com/watch?v=27MA0UgDcxY

http://www.youtube.com/watch?v=gfj7AOz7hUM

http://www.youtube.com/watch?v=9FKaPBAUBNY

http://www.downeu.org/x/2d+character+design.html

GRAFIČNA PRIPRAVA 2 Priprava vsebin digitalnih medijev · • in fenomen (1912 Max Werthermeier; 1913 F. Kernel) • kratkoročni vizualni spomin, ikonični spomin (George Sperling,

Documents