GRAFIČNA PRIPRAVA 2 Priprava vsebin digitalnih medijev · • in fenomen (1912 Max Werthermeier;...
Transcript of GRAFIČNA PRIPRAVA 2 Priprava vsebin digitalnih medijev · • in fenomen (1912 Max Werthermeier;...
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič TomcHelena Gabrijelčič Tomc, NTF, OT
Animacije
»
GRAFIČNA PRIPRAVA 2
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 )
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Tradicionalna, risana animacija
Pinocchio Socializacija bika
https://www.youtube.com/watch?v=VyGpLuWA20g
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Stop-motion animacija
Robot chickenCaveman
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
CGI: 2D vs 3D vs interaktivno
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Lik kot izrazno sredstvo
ne(foto)realistični (Cartoon)
stiliziran (Stylized)
(foto) realističen (Realistic)
zgodba
karakter
realistična
modernistična
postmodernistična
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Načrtovanje lika – privlačnost lika
Make it cool!
http://smashinghub.com/amazing-3d-cg-character-models.htm
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
The character is
always in service to
the story.
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Pomislite na arhetip lika ali
kakšna je njegova zgodba?
Kdo?
Kaj?
Kdaj?
Kje?
Zakaj?
Kako?Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Načrtovanje lika
https://www.youtube.com/watch?v=OqjsiYZSLQ0
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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/
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Arhetipi
• heroj
• zlikovec
• norec
• anima/animus
• mentor
• izzivalec
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
http://growthsci.com/blog/stop-hero-worship/
Kaj potrebujemo?
http://www.turbosquid.com/3d-models/3d-model-hero-character/353620
heroj
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
http://schimidt.cgsociety.org/art/3ds-max-after-effects-photoshop-zbrush-bad-guy-from-fifth-element-3d-1107095/
zlikovec
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
• heroj
• zlikovec
nasprotja
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
norec
Pintarest
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
• "love interest in the story"
• " draw you into the story"
http://hahamag.com/still-life-mary-jane-ansell/
anima/animus
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Bryan Tillman: Creative character design
mentor
• modrost
• izkušnje
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
izzivalec
• spodbuja spremembe, preobrate
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
• načrti modela
• načrti odnosov med višinami
• barvni modeli
• konstrukcijski načrti
• načrti akcij
• obrazna mimika
Animacijska biblija
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Faze razvoja in oblikovanja lika
začetno, grobo oblikovanje končno, fino oblikovanje
http://characterdesign.blogspot.com/2012/10/paperman.html
Paperman, Disney
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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/
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Konceptualni model in model anatomije
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Grob konstrukcijski model
http://characterdesignnotes.blogspot.com/2010/12/model-sheets-101.html
http://www.dvdactive.com/reviews/dvd/tangled.html
Tangled
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Grob model in model obraza
http://characterdesignnotes.blogspot.com/2010/12/model-sheets-101.html
http://www.popartuk.com/film/lady-and-the-tramp/walt-disneys-
lady-and-the-tramp-d1237p-canvas.asp
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Izčiščen konstrukcijski model in različni pogledi
http://characterdesignnotes.blogspot.com/2010/12/model-sheets-101.html
Aladin
http://www.tribute.ca/news/index.php/photo-galleries/animated-films/aladdin/
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Model izrazov in obrazne mimike
http://characterdesignnotes.blogspot.com/2010/12/model-sheets-101.html
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
9-13 let 14-18+ let
• realnejši
proporci,
realnejše
barve, več
detajlov
• realističnost,
pravi porporci,
kompleksnejše
barve, zelo veliko
detajlov
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Skice likov (diplomsko delo: Pia Anžel)
Pia Anžel, diplomsko delo
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Načrt lika (diplomsko delo: Pia Anžel)
Pia Anžel, diplomsko delo
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Načrt odnosov med višinami (diplomsko delo: Pia Anžel)
Pia Anžel, diplomsko delo
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Barvna paleta
Pia Anžel, diplomsko delo
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Pia Anžel, diplomsko delo
Barvna paleta
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Osnovna čustvena stanja telesa in obraza
govorica telesa
govorica obraza
jeza
presenečenje
veselje
žalost
avtoritativnost
razočaranje
strah
....
opazujte se v ogledalu ;)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Character Emotions in 2D and 3D animation, Les Pardew
jeza presenečenje veselje
Govorica telesa
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Govorica telesa
Character Emotions in 2D and 3D animation, Les Pardew
žalost, potrtost ponos, avtoritativnost
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Govorica obraza
http://browse.deviantart.com/art/Facial-Expressions-Buddy-Sheet-for-comics-cartoons-359562676
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
http://www.chris-meyer.net/nevil-character
Obrazna mimika
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Zelo enostaven lik
http://caoverton.wordpress.com/2010/06/02/garys-facial-expressions-explored/
oči (veke)
obrvi
kljun
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Enostaven lik
http://www.dondrup.com/stock-vector/7958-graphicriver-character-emotions-2045100.html
oči (veke)
obrvi
usta (zobje)
roke (dlani)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Kompleksen lik
http://jm3dca.blogspot.com/2011/02/idea.html
oči (veke)
obrvi
usta (zobje)
lica
čelo
rotacija glave
lasje
ramena
...
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
http://www.animatormag.com/archive/tag/cartoon/page/7/
Načrtovanje lika – Proporci , stiliziranje
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
http://www.dragoart.com/tuts/111/1/1/how-to-draw-a-cat.htm
Načrtovanje lika – Proporci , stiliziranje
Bryan Tillman: Creative character design
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
https://www.youtube.com/watch?v=go52mHlKDEo
Načrtovanje lika – Proporci , stiliziranje
https://www.youtube.com/watch?v=sdUUx5FdySs
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc70
anticipation building 1 building 2
key reaction let down
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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!
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Primer
For the birds (Disney, Pixar)
https://www.youtube.com/watch?v=pWIVoW9jAOs
odlično razlikovanje “obrazne” in “telesne” mimike likov enakega izgleda
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Primer
http://vimeo.com/13776542
Between Bears
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Zunanja podoba in silhueta karakterja
osebnost lika
zgodba in scenarij
želen čustven odziv gledalcev
animacijska orodija in postopki
Pedro, Sara Dimnik
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
Osebnost lika
obrazna mimika: osebnost karakterja
hitrost in ritem akcij in reakcij: osebnost in čustveno stanje
cikel gibanja, hoje (lokomotion of a character)
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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
»
GRAFIČNA PRIPRAVA 2
UL, NTF, OT, KIGT, Helena Gabrijelčič Tomc
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