12 Principios de la animación PDF

Preview

Summary

Download 12 Principios de la animación PDF

Description

ϭϮWƌŝŶĐŝƉŝŽƐĚĞůĂ ĂŶŝŵĂĐŝſŶ

ŶŝŵĂĐŝſŶ Ϯ

Page 1 of 11

). Es el más importante para lograr una animación realista. d. Es fundamental tener en cuenta que en ningún caso se debe modificar el volumen del dibujo: si se estira, se debe alargar; si se encoge, se debe ensanchar.

Figura 3: Squash and Stretch

Fuente: [Imagen sin título sobre squash and stretch] (s. f.). Recuperada de https://goo.gl/nD7lQ3.

). Se t a, esto es, ya sea que se trate de iniciar una carrera, de realizar un salto o de observar un objeto fuera de cuadro. Siempre se debe anticipar la acción que luego se va a desarrollar.

Figura 4: Anticipation

Fuente: Thomas y Johnston, 1981, p. 54.

Page 2 of 11

). , sin dejar lugar a dudas sobre la intencionalidad de un personaje o de su estado de ánimo. Composición en el cuadro, iluminación, ángulo de cámara o tratamiento de color son algunos de los recursos utilizables.

Figura 5: Staging

Fuente: elaboración propia a base de imagen sin título sobre staging (s. f., https://goo.gl/rYFKuT)

Son dos métodos de animación que otorgan resultados distintos al ser aplicados en una misma escena. La animación directa implica avanzar cuadro a cuadro “buscando” el avance de la acción. Con este procedimiento se logra una animación muy fluida, pero difícil de controlar en cantidad de cuadros y grado de deformidad del personaje. La animación pose a pose toma como llave las posiciones más importantes de esa acción y luego realiza los cuadros intermedios; mejora la técnica, pero le quita frescura. Usualmente, se utiliza un mix de ambas técnicas según el tipo de acción deseada.

Page 3 of 11

Figura 6: Straight Ahead Action and Pose to Pose

Fuente: [Imagen sin título sobre straight ahead action and pose to pose ]. (s. f.). Recuperado de https://goo.gl/UkyVAQ.

. Cuando un personaje se detenía o terminaba una acción, había una cierta rigidez a la que no se le encontraba salida. Walt Disney les dijo a sus dibujantes que las cosas o se detenían todas de una vez, por el contrario, primero una y luego la otra. Este principio trata sobre la inercia de los objetos y sus partes, de los personajes y sus extremidades o vestuarios que siguen el movimiento, incluso luego de que se detenga el personaje.

Figura 7: Follow Through and Overlapping Action

Fuente: [Imagen sin título sobre follow through and overlapping action ]. (s. f.). Recuperado de https://goo.gl/P7hIoA

Page 4 of 11

). La cadencia de movimientos resulta más natural si se realiza mayor cantidad de cuadros y detalles al inicio y al final de una acción. La parte central de la acción será más veloz por tener menos cuadros y el movimiento será menos detallado.

Figura 8: Slow in and slow out

Fuente: Hinman, 2012, https://goo.gl/ELqI0w

). Los animadores descubrieron que, tomando como referencia a líneas de desplazamiento curvas, podían obtener animaciones más convincentes. Ya sea para las articulaciones de un personaje como para el desplazamiento de objetos, los arcos contribuyen en la sensación de movimiento y velocidad.

Figura 9: Arcs

Fuente: [Imagen sin título sobre arcs]. (2015). Recuperada de https://goo.gl/wjDTOd

). Son las acciones complementarias que se utilizan para enriquecer la escena, darle naturalidad a la acción y lograr una dimensión completa del ánimo del personaje. Estas acciones

Page 5 of 11

secundarias (una sonrisa, una lágrima, expresiones de asombro o placer) no deben competir en importancia con la acción principal del personaje.

Figura 10: Secondary Action

Fuente: elaboración propia a base de imagen sin título sobre secondary action (s. f., https://goo.gl/cDofDg).

). Para lograr una animación fluida que respete las leyes de la física, se debe ajustar con precisión el número de cuadros que se destinará a cada acción porque la cadencia de estos cuadros determinará los segundos obtenidos de animación y la velocidad de los movimientos. Los cuadros para un salto o una caminata, o para una sonrisa o un beso, contribuyen en la fluidez de la animación y en la profundidad del personaje.

Figura 11: Timming

Fuente: Williams, 2001, p. 43.

Page 6 of 11

). En la animación de los estudios Disney, se hablaba de realismo para referirse a una caricatura de la realidad, esto es, que los personajes hicieran cosas parecidas a la las que se hacen en la realidad, pero más fuertes, más efectistas y con más llegada a la audiencia. Otras animaciones exageran mucho más las expresiones, las posibilidades físicas y los movimientos, pero siempre dentro de una coherencia en el conjunto del producto animado.

Figura 12: Exaggeration

Fuente: elaboración propia a base de imagen sin título sobre exaggeration (2014, https://goo.gl/ZfwgiR).

). La animación 2D no significa necesariamente ausencia de volumen y perspectiva. Para los animadores es importante darles volumen y peso a los personajes, ubicarlos en un entorno tridimensional. Esto se logra una vez que se domina ampliamente la técnica de iluminación, el balance de las figuras, su anatomía, el trabajo en perspectiva, etcétera.

Page 7 of 11

Figura 13: Solid Drawing

Fuente: elaboración propia a base de imagen sin título sobre solid drawing (s. f., htps://goo.gl/2ExCAZ

). Este principio está al final de la lista, pero no es el último que hay que tener en cuenta, muy por el contrario. Todos los personajes deben resultar atractivos en algún aspecto, desarrollar encanto basado en simpleza, comunicación y magnetismo, sean héroes o villanos. Al elegir trabajar con líneas redondeadas o con ángulos marcados, se pueden lograr caracteres definidos y estilizados.

Figura 14: Appeal

Fuente: imagen 1: [imagen sin título sobre Mickey Mouse]. (s.f.). Recuperada de https://goo.gl/9q4pmC; imagen 2: [imagen sin título sobre Scar, Rey León]. (s.f.). Recuperada de https://goo.gl/rfudG0; imagen 3: [imagen sin título sobre Doctor Facilier]. (s.f.). Recuperada de https://goo.gl/Q1ke50; imagen 4: [imagen sin título sobre Pluto]. (s.f.). Recuperada de https://goo.gl/jCL60m.

Page 8 of 11

%LEOLRJUDItD [Imagen sin título sobre Anteojitos]. (2011). Recuperada http://sombreritusdos.blogspot.com.ar/2011_02_01_archive.html

de

[Imagen sin título sobre arcs]. (2015). Recuperado http://loneoakproductions.com/blog/2015/06/09/principles-of-animation-arcs/

de

[Imagen sin título sobre Doctor Facilier]. (s.f.). Recuperada de http://www.cinepremiere.com.mx/32336-doctor-facilier-la-princesa-y-el-sapo.html [Imagen sin título sobre el zoótropo]. (s. f.). Recuperado de https://budgetparticipatif.paris.fr/bp/image?id=236&resource_type=core_attribute_i mg [Imagen sin título sobre exaggeration]. (2014). Recuperado https://hallucinationrain.wordpress.com/2014/03/06/principles-of-animationexaggeration-timing/

de

[Imagen sin título sobre follow through and overlapping action]. (s. f.). Recuperado de http://rgb.vn/ideas/explore/lam-phim-hoat-hinh-lam-chu-12-nguyen-tac-tao-chuyendong-animation [Imagen sin título sobre Hijitus]. (2014). Recuperada de https://community.goodgamestudios.com/bigfarm/de/discussion/47563/imagen-deuna-pelicula/p22 [Imagen sin título sobre Mickey Mouse]. (s.f.). Recuperada de https://en.wikipedia.org/wiki/Mickey_Mouse [Imagen sin título sobre motion graphics]. (s.f.a). Recuperada http://www.digitaltutors.com/software/After-Effects-Motion-Graphics-tutorials Recuperada

de

Recuperada

de

[Imagen sin título sobre motion graphics]. (s.f.d.). Recuperada https://www.udemy.com/after-effects-tutorials-advanced-shape-layers/

de

[Imagen sin título sobre https://vimeo.com/41201785

motion

graphics].

(s.f.b.).

de

[Imagen sin título sobre motion graphics]. (s.f.c.). http://crunchadeal.com/coupon/effects-create-motion-graphics/

Recuperada

de

[Imagen sin título sobre motion graphics]. (s.f.f.). Recuperada https://wipster.io/blog/12-incredibly-useful-software-tools-for-video-pros

de

[Imagen sin título sobre motion graphics]. https://vimeo.com/channels/620427/42274114

Page 9 of 11

(s.f.e.).

[Imagen sin título sobre motion graphics]. (s.f.g.). Recuperada de http://admiralpotato.tumblr.com/post/71639179710/cubic-playground-wallpapersnow-available [Imagen sin título sobre motion graphics]. (s.f.h.). Recuperada de https://www.rocketstock.com/blog/inspirational-after-effects-unreal-motion-graphics/ [Imagen sin título sobre motion graphics]. https://www.youtube.com/watch?v=9CvrYaNsOHM

(s.f.i.).

Recuperada

de

[Imagen sin título sobre Pluto]. (s.f.). Recuperada de http://codegolf.stackexchange.com/questions/53015/ms-paint-is-underrated [Imagen sin título sobre Scar, Rey León]. (s.f.). Recuperada de http://es.caracteresfanon.wikia.com/wiki/Scar [Imagen sin título sobre secondary action]. http://www.bluepony.com/12-principles-of-animation/

(s.

f.).

Recuperado

de

[Imagen sin título sobre solid drawing]. (s. f.). Recuperado de http://2.bp.blogspot.com/yqNKF1tbN0w/UGi5Dg8z_rI/AAAAAAAABjk/LIbFRCJC0WA/s1600/Screen+Shot+201209-30+at+5.21.26+PM.png [Imagen sin título sobre squash and stretch]. https://www.evl.uic.edu/ralph/508S99/squash.html [Imagen sin título sobre staging]. (s. https://holroyd95.wordpress.com/animation/unit-5/

(s.

f.).

f.).

Recuperado Recuperado

de de

[Imagen sin título sobre straight ahead action and pose to pose]. (s. f.). Recuperado de http://www.learn3d.co.za/blogbylearn3dunderstanding-the-12-principals-ofanimation/ 12 principios de animación. (2014). [Entrada de blog]. http://www.bluepony.com/12-principles-of-animation/

Recuperado

de

BBC Mundo, (4 de diciembre de 2012). ¿Puede ser Argentina el “Pixar de América Latina”?. En BBC Mundo. Recuperado de http://www.bbc.com/mundo/noticias/2012/12/121130_argentina_metegol_an imacion_vs Cohl, E. (Productor y director). (1908). Fantasmagorie. [Fotografía de la película]. Francia: Gaumont Film Company. Recuperado de https://www.youtube.com/watch?v=jXt1pdGhinM Gobierno de la Ciudad de Buenos Aires, (s.f.). Clemente [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Gobierno de la Ciudad de Buenos Aires, (s.f.). Gaturro [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta

Page 10 of 11

Gobierno de la Ciudad de Buenos Aires, (s.f.). Isidoro Cañones [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Gobierno de la Ciudad de Buenos Aires, (s.f.). Largilucho [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Gobierno de la Ciudad de Buenos Aires, (s.f.). Mafalda [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Gobierno de la Ciudad de Buenos Aires, (s.f.). Patoruzito e Isidorito [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Gobierno de la Ciudad de Buenos Aires, (s.f.). Patoruzú [imagen]. Recuperado de http://www.buenosaires.gob.ar/construccionciudadana/paseodelahistorieta Hepworth, C. M. (Productor y director). (1900). How It Feels to be Run Over [Fotografía de la película]. United Kingdom: Hepworth Manufacturing Company. Recuperado de https://www.youtube.com/watch?v=m6F1VAPzvkU Hinman, R. (2012). Un nuevo móvil UX Material de Diseño [imagen]. Recuperado de https://www.smashingmagazine.com/2012/10/motion-and-animation-a-new-mobileux-design-material/ Hitchcock, A. (Productor y director). (1958). Vértigo. [Fotografía de la película]. Estados Unidos: Universal Studios. Recuperado de http://www.artofthetitle.com/title/vertigo/ McCay, W. (Productor y director). (1918). The Sinking of the Lusitania [Animación muda]. Recuperado de https://www.youtube.com/watch?v=FhCWmIu1H_g Preminger, O. (Productor y director). (1955). The Man with de Golden Arm. [Fotografía United States: RKO Studios. Recuperado de de la película]. http://www.artofthetitle.com/title/the-man-with-the-golden-arm/ Principios de la animación – La exageración y temporizadores (2014). [Entrada de blog]. Recuperado de https://hallucinationrain.wordpress.com/2014/03/06/principles-ofanimation-exaggeration-timing/ Thomas, F., y Johnston, O. (1995). The Illusion of Life: Disney animation. USA: Hyperion. Williams, R. (2000). Kit de supervivencia del animador. Londres-Nueva York: Faber and faber.

Page 11 of 11...