ANIMACIÓ 2D PAC1 rau multimèdia a n i m a c i ó Jaume Villarreal Quintana
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 1/15
ANIMACIÓ 2D
PAC1
rau
multimèdia
a n i m a c i ó
Jaume Villarreal Quintana
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 2/15
ANIMACIÓ PAC1
Grau en Multimèdia
- 2 -
Pregunta 1
Pregunta 2
Pregunta 3
Pregunta 4
Pregunta 5
Pregunta 6
Recursos
Gràcs
04
06
11
12
13
16
03
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 3/15
ANIMACIÓ PAC1
Grau en Multimèdia
- 3 -
L’etapa de pre‐producció en Animació (i en moltes altres discipli‐
nes) és molt important de cara a assegurar els resultats en poste‐
riors etapes. Explica breument totes les seves fases.
La fase de pre‐producció és, sens dubte, la part més important dins
del procés de producció de qualsevol obra audiovisual i comprén
tots els estadis que hi ha entre la concepció de la idea i el moment
en què es comença a produir la història. L’etapa de pre‐produccióconsta de tres fases:
idea: la idea és el motor de qualsevol producció. Per po‐
der fer‐la realitat cal una història que contar. En aquesta
primera etapa la idea escollida genera una sinopsi que
esbossa els traços principal de la trama.
art conceptual i guió il·lustrat: també anome‐
nats concept art i storyboard respectivament, suposen la
primera aproximació artística al desenvolupament de la
idea. Durant aquesta etapa es fan els primers esborranys
dels elements claus de la producció, així com una primera
planicació dels elements que faran avançar la història.
Es comença adonar forma tant al guió literari com al tèc‐
nic.1
layout: durant aquesta fase s’estableix de manera més
acurada l’aparença i la disposició de tot allò que afecta
als escenaris i els ambients que formaran part de la his‐
tòria.
Pregunta 1
En una producciód’animació hi ha moltesparts dels escenarisque es poden obviar,com per exemple elsinteriors dels edicis
que només mostren lafaçana.Una bona planicació
del guió tècnic pot es‐talviar molta feina alsanimadors.
1
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 4/15
La bola vermella ha experi‐mentat un moviment a causade la combinació de forces queles dues cordes exerceixen so‐bre ella.
Les dues boles resten penja‐des en estat de repòs. La for‐ça de la gravetat i la força que
exerceix la corda s’anul.lenentre elles.
ANIMACIÓ PAC1
Grau en Multimèdia
- 4 -
Confecciona un esquema en base a un objecte qualsevol en el
que es representin les Lleis de Newton i fes una breu descripciód’elles segons aquest esquema.
Perquè un punt material persisteixi en el seu estat de
repòs no hi ha d’haver cap força que graviti sobre ell.
Ha d’estar immòbil.
La variació instantània de la quantitat de moviment
d’un punt material és igual que el resultant de les forces
que graviten sobre ell.
Primera llei de Newton: LA INÈRCIA
Segona llei de Newton: LA FORÇA
Pregunta 2
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 5/15
El moviment pendular provocael xoc de les dues boles. Aixògenera el retrocés de la pri‐mera i el desplaçament de la
segona.
ANIMACIÓ PAC1
Grau en Multimèdia
- 5 -
A qualsevol força d’acció exercida correspon una força
de reacció igual que l’oposada.
Tercera llei de Newton: ACCIÓ I REACCIÓ
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 6/15
Els 4 principis que falten
ANIMACIÓ PAC1
Grau en Multimèdia
- 6 -
Als materials didàctics es parla de 8 principis bàsics de l’Animació
2D dels 12 que s’han anat redactant pels experts. Observa el ví‐deo [http://www.youtube.com/watch?v=lcbdm4CIl8Q] i
comenta quins són els 4 que falten. Posa un exemple per a cada
un dels 8 bàsics.
StagingEs basa en l’enquadrament correcte tant dels personatges
com dels elements per evitar que l’espectador perdi elements
importants de la història
Straight ahead & Pose to Pose
Respon a dues tècniques diferents de crear una escena ani‐
mada. La primera comporta la creació de l’acció frame a fra-
me de manera contínua, mentre que la segona requereix la
creació de les posicions extremes per renar a posteriori les
posicions intermitges (in between).
Follow through & Overlapping action
Se centra en el nal de l’acció, primer per evitar que aquesta
acabi d’una manera brusca i després per vetllar que mai que‐
di desvinculada de l’acció que la succeeix. Quan acció acaba
sempre dóna pas a una o més accions.
Dibuix sòlid
Parteix de la base que l’animador ha de tenir un gran domini
de la tècnica de dibuix por poder plasmar l’acció i els seus
elements des de diferents posicions i perspectives.
Pregunta 3
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 7/15
Els 8 principis bàsics
Els dits s’estiren per donarsensació d’esforç, elasticitati resistència. Aquesta defor‐
mació reforça el signicat del’acció.
El personatge mira cap enre‐re, provocant que l’atencióse centri en alguna accióque es troba fora de quadre.
D’aquesta manera acabal’acció anticipa la consecu‐tiva.
00:20
00:48
ANIMACIÓ PAC1
Grau en Multimèdia
- 7 -
Estirar i encongir
S’exageren les deformacions dels cossos dotant‐los d’elasticitat. És
bàsic mantenir sempre els volums. També es coneix com el principi
squash & strecth.
Anticipació
Es generen accions que forcen a l’espectador a dirigir la mirada cap
al punt on està a punt de succeir l’acció.
Els exemples estan extrets del curt d’animació ‘Rabid Rider’ (Coyote y
Correcaminos). [http://www.youtube.com/watch?v=9UNzYxdt3Po ]
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 8/15
Els pals elèctrics i els lsadopten una disposició queno es correspon amb larealitat. L’exageració ajudaa construir l’acció i permetanticipar l’acció que la suc‐ceeix.
La caiguda lliure del per‐sonatge pel penya‐segat asobre del vehicle s’iniciaamb una entrada lenta. Aixòpermet emfatitzar el movi‐ment del descens.
01:43
01:52
ANIMACIÓ PAC1
Grau en Multimèdia
- 8 -
Exageració
És el resultat de la combinació dels dos principis anteriors. Es concen‐
tra als frames que contenen l’encongiment, l’estirada i l’anticipació
d’un objecte. Ajuda a mostrar l’essència de l’acció.
Entrades i sortides lentes
Dóna èmfasi i velocitat a l’acció central, alentint l’inici i el nal.
(slow in & slow out).
Arcs
Responen al patró de petits moviments que són propis de les repre‐
sentacions d’objectes o personatges.
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 9/15
La rotació del braç del per‐sonatge al fer girar la cordadescriu un arc de movimentclarament reconeixible. Larepetició d’aquest arc dotaal gest de coherència i rea‐lisme.
L’acció principal ve marcadaper la línia d’acció del perso‐natge i la deformació de lesrodes.L’acció secundària se centraen altres parts dels personat‐ge, com ara la cua. Aquesta
es mou com a conseqüènciade la velocitat.
00:58
01:16
ANIMACIÓ PAC1
Grau en Multimèdia
- 9 -
Accions secundàries
Petits moviments que s’allarguen una mica més enllà de l’acció prin‐
cipal, complementant i suavitzant‐ne el seu moviment.
Timing
Respon al temps que necessita un personatge o un objecte per rea‐
litzar un moviment o una acció. Dins d’aquests períodes també cal
contemplar l’absència de moviment (pausa) com un complement de
l’acció.
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 10/15
El desenvolupament delmoviment del personatgedestaca per la seva lentitud.Aquest timing dóna un sentitconcret a l’acció realitzada,ja que la mateixa acció a unavelocitat diferent hauria can‐viat totalment de signicat.
La combinació de tots elsprincipis dota al personatgede personalitat. El timing,la deformació ajustada del’expressió o el tractamentdels arcs de moviment
transmet sentiments i emo‐cions que connecten ambl’espectador.
00:37
02:25
ANIMACIÓ PAC1
Grau en Multimèdia
- 10 -
Personalitat
Sorgeix de l’harmonització dels principis anteriors i va més enllà de
la percepció visual, ja que afavoreix que l’espectador estableixi un
lligam emocional amb el personatge.
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 11/15
ANIMACIÓ PAC1
Grau en Multimèdia
- 11 -
Construeix un esquema d’un moviment d’un objecte senzill on hi
surti representat el concepte de línia d’acció i explica’l breumenten base a l’esquema.
La realitat és sòlida i moltes vegades la seva representació exacta
no dóna bons resultats en el món de l’animació. Aquesta mancança
es pot corregir recorrent a la línia d’acció. La línia d’acció és un
traç imaginari que ajuda a l’espectador a assimilar amb facilitat les
posicions dels personatges i tot el que a ella va lligat: acció, intenció
i emoció.
Pregunta 4
Com a exemple prenem l’esboç d’un pictograma d’uns imaginaris
Jocs Oímpics. Basat en traços molt esqumàtics, presenta de manera
clara la inteció de les línies d’acció. Per una banda la línia vertical
dóna sensació d’agilitat i elasticitat, mentre que la línia horitzontal
apunta la direcció del moviment alhora que confereix tenxió a la
postura.
En el nostre exemple hem recuperat un pictograma que es va realitzar a la PAC1 de l’assignatura d’Imatge i Llenguatge Visual. (semestre 2012_1)
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 12/15
ANIMACIÓ PAC1
Grau en Multimèdia
- 12 -
Perquè és tan important la deformació d’un objecte en l’Animació
2D i a quin principi creus que correspondria? Fes servir esquemessi ho creus convenient.
Respondrem en base a tots els conceptes que ns al moment s’han
treballat. Per una banda la deformació d’un objecte està relacio‐
nada amb la seva línia d’acció. Ja sigui en horitzontal o en
vertical, la deformació d’un objecte o un personatge difícilment
es correspondrà amb la realitat però el dotarà d’expressivitat, mo‐viment i entitat pròpia.
Per altra banda, la deformació és el fonament del principi
d’estirar i encongir . Es busca l’exageració de les formes
sense predre mai la referència del volum. Així es dota d’elasticitat
a l’objecte, fet que accentua l’anticipació del moviment, el seu
desenvolupament i la seva nalització.
Finalment, la deformació dotarà a l’objecte de personalitat i
establirà un vincle emocional entre el personatge i l’espectador.
La deformació permetrà plasmar emocions, sentiments, accions i
reaccions que siguin reconeixibles i identicables pel públic.
Pregunta 5
L’exageració de les ex‐pressions dota a cadascundels nanets d’una perso‐nalitat pròpia i reconeixi‐ble a primer cop d’ull. Aaixò cal unir‐hi l’efectecombinat de les líniesd’acció.
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 13/15
L’aplicació d’ombres a diferents ele - ments genera profunditat.
ANIMACIÓ PAC1
Grau en Multimèdia
- 13 -
Observa l’animació del següent clip [http://www.youtube.
com/watch?v=PRoUvYHAmCI]. Explica de forma esquemàticacom creus que ha estat realitzada tenint en compte els conceptes
de moviment cíclic, moviment continu, profunditat, paral∙laxi,
panoràmica, fons i acceleració.
El moviment del personatge es basa en el principi del mo-
viment cíclic, que permet animar moviments mecànics
a partir del primer moviment. Hi ha dos tipus de moviments
cíclics: els moviments d’anada i tornada i els moviments
continus.
En el nostre cas la cadència de pas correspon a un mo-
viment continu, ja que el darrer frame del cicle de la
marxa es correspon amb el primer frame del següent
cicle. Així doncs, s’ha animat un únic cicle de passes de
la cama dreta i la cama esquerra i s’ha unit de manera
consecutiva per generar la sensació de moviment conti-
nu i constant.
Tot i respondre a dues dimensions (alt i ample), l’animació
en 2D requereix una tercera dimensió: la profunditat.
Com que físicament no se’n pot disposar cal crear-la mi-
tjançant diferents mecanismes.
Per una banda es treballa amb les ombres i la superpo-
sició dels elements que conformen el paisatge. Aquest
està format per cinc capes, que van des del camí, que
és la més propera, fns al cel, que és la més llunyana,
passant per les tres capes que representen els camps i
les muntanyes.
Pregunta 6
1
2
3
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 14/15
El personatge és estàtic i sempre es mou sobre el mateix eix.
El fons es desplaça sincrònicament en direcció oposada al sentit de la marxa.
Cadascuna de les capes del fons es mouen a diferent velocitat. La més pro - pera és la més ràpida. La més llunyana la més lenta.
ANIMACIÓ PAC1
Grau en Multimèdia
- 14 -
Aquesta superposició d’elements és la base de la compo-
sició del fons. En el nostre cas aquest element és d’una
importància cabdal, ja que en contra del que pugui sem-
blar, no és el personatge qui es mou sinó que és el fonsel que es desplaça en el sentit contrari al moviment. És
el que es coneix com fons panoràmic i personatge estàtic
sobre el seu eix.
El fet que el personatge sigui estàtic obliga a sincro-
nitzar el seu moviment de cames amb el moviment pa-
noràmic del fons. Per aquest motiu cal controlar la seva
acceleració i sincronitzar-la amb la marxa del personat-
ge. Això s’aconsegueix desplaçant el fons a la mateixa
distància que es desplaça el cicle o la fase del caminant.
Malgrat tot, si s’imprimeix aquest desplaçament a tot el fons
s’obtindran resultats poc realistes. Quan es produeix un
desplaçament no tots els elements circumdants es mouen
a la mateixa velocitat, ja que depenen de la desviació an-
gular que aquests experimenten respecte de l’objecte que
els observa. Aquest fenòmen és conegut com paral·laxi.
En el nostre cas, aquesta desviació s’ha solventat mo-
vent a diferents velocitats cadascuna de les capes que
formen el fons. La capa del camí està sincronitzada amb
la marxa del personatge i la resta van disminuint la seva
velocitat de manera gradual en funció de la distància a
la que es troben de l’espectador. Així doncs, els objectes
que es mouen més lentament són els núvols, que es tro-
ben a la capa més llunyana.
7/27/2019 PAC1_ANIMACIO
http://slidepdf.com/reader/full/pac1animacio 15/15
ANIMACIÓ PAC1
- 15 -
Sobre la pre-producció
• ‘Imatge i guió’. <http://www.xtec.cat/~mplanel4/imatge/guio/
doc5.pdf> [data de consulta:12 d’octubre de 2013]
• ‘Preproducción y planifcación. De la idea al guión’.
<https://www.cibercorresponsales.org/pages/preproduccion‐y‐plani‐
cacion-de-la-idea-al-guion> [data de consulta:12 d’octubre de 2013]
Sobre els principis de l’animació
• ‘Los 12 principios de la animación ‘. <http://www.youtube.com/
watch?v=lcbdm4CIl8Q> [data de consulta:12 d’octubre de 2013]
• ‘Los 12 Principios de la Animación ‘. <http://www.xsiforum.com/fo‐
rum/index.php?topic=5444.0> [data de consulta:12 d’octubre de 2013]
Sobre la línia d’acció
• ‘La línea de acción ‘. <http://blog.animaholic.org/2008/05/curso‐de‐ani‐
macin‐l5.html> [data de consulta:12 d’octubre de 2013]
•‘Line of Action - Mickey’s Christmas Carol ‘.
<http://oobynooby.
blogspot.com.es/2011/01/lines‐of‐action‐mickeys‐christmas‐carol.html> [data
de consulta:12 d’octubre de 2013]
• ‘La línea de acción‘. <http://eldibujoanimado.blogspot.com.es/> [data de
consulta:12 d’octubre de 2013]
Sobre les imatges:
• Les imatges de les preguntes 3, 5 i 6 han estat emprades acollint‐se al dret de cita, a l’ampara de l’article 32 del text de la Llei de
Propietat Intel·lectual (TRLPI) segons el Decret Legislatiu 1/1996,
de 12 d’abril.
• La resta d’imatges han estat dissenyades per l’autor, a excepció de
l’isotip de la Universitat Oberta de Catalunya (UOC).