Este documento describe los fundamentos de la animación digital, incluyendo los tipos de animación 2D y 3D, las técnicas tradicionales como dibujos animados y stop motion, y el papel de la computadora en la creación y representación de la animación. También explica conceptos como fotogramas, frecuencia de fotogramas y diferentes formatos para animación digital.
1. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL
TIPOS DE
ANIMACIÓN
Fundamentos de Animación Digital 2D
2. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / La Animación por Computadora
La Animación por
Computadora
La animación por computadora (también llamada animación digital, animación
informática o animación por ordenador) es la técnica que consiste en crear imágenes en movimiento mediante el uso de ordenadores o computadoras.
Los diseños se elaboran con la ayuda de programas de diseño, modelado y por
último renderizado.
Al tomar como referencia la dimensionalidad espacial de las imágenes podemos
clasificar a la animación dentro de dos categorías.
3. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
BIDIMENSIONAL (2D):
A este tipo de animación se le conoce por el manejo de elementos bidimensionales. El uso de imágenes son dibujos, fotografías, etc. Por lo general este tipo de animación se realiza bajo el principio de acetatos (animación tradicional) o capas
separadas (animación digital).
4. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
TRIDIMENSIONAL (3D):
La animación tridimensional se genera a partir del uso de formas geométricas u
objetos dimensionales. Esta realidad tridimensional se reduce en la pantalla en
donde llega a una representaciòn bidimensional.
5. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
• Clásica
• Computarizada
2D
• Caricatura
• Video
Juego
Clásica
Animación
3D
2D
3D
Técnicas de
Animación 2D
Clásicas
Técnicas tradicionales
de animación 3D
Por Recortes:
Fotograma Clave:
Inicio – Fin
y Conectores
Se dibuja la parte
de la animación
que se debe mover
Por Capas:
Superposición en
transparencias
Procedual o Modelada:
Serie de reglas que
modifican los parámetros
de animación
Paso a Paso:
Fotogramas de
Animación Cíclica
Por Cotas:
Fotogramas Fundamentales y
Fotogramas intermedios
determinados
6. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Fotogramas
Que es un Fotograma
Se denomina fotograma a cada una de las imágenes impresionadas químicamente
en la tira de celuloide del cinematógrafo o bien en la película fotográfica; por extensión también se llama de ese modo a cada una de las imágenes individuales captadas por cámaras de video y registradas analógica o digitalmente.
Cuando una secuencia de fotogramas es visualizada de acuerdo a una determinada
frecuencia de imágenes por segundo se logra generar la sensación de movimiento
en el espectador.
7. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Frecuencia de Fotogramas
Frecuencia de
Fotogramas
La frecuencia de los fotogramas o frame se expresa en fotogramas por segundo (en inglés
frames per second y abreviado FPS) o en hercios (Hz). Para conseguir que el sistema visual
humano vea movimiento ha de tenerse en cuenta que:
Para observar parpadeo se ha de tener una frecuencia de fotograma menor de 50 Hz.
La discontinuidad de movimiento tiene una frecuencia de fotograma menor de 12 a 15 Hz.
Las frecuencias de fotograma de algunos de los sistemas más conocidos son las siguientes:
Cine mudo: 16–18 Hz. / Cine: 24 Hz.
Televisión, normas europeas (PAL & SECAM): 25 Hz. / Televisión, norma estadounidense
(NTSC): 29,97 Hz.
Un hercio representa un ciclo por cada segundo, entendiendo ciclo como la repetición de un suceso.
8. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Fotogramas
Los Fotogramas…
En este diseño tenemos fotogramas por separado que describen un mismo objeto
en distintas posiciones y/o formas.
9. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
Tipos de Animación
1 Dibujos Animados
Los dibujos animados se crean dibujando cada fotograma. Al principio se pintaba
cada fotograma y luego era filmado, proceso que se aceleró al aparecer la animación por celdas o papel de acetato inventada por Bray y Hurd en la década de 1910.
Animación Digital 2D
10. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
2 Stopmotion
Animación de objetos, muñecos, marionetas, figuras de plastilina u otros materiales
así como maquetas de modelos a escala. Se utiliza la grabación "fotograma a fotograma" o "cuadro a cuadro" (frame a frame).
Animación Digital 2D
11. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
3 Pixilación
Es una variante del stopmotion, en la que los objetos animados son personas y
auténticos objetos comunes (no modelos ni maquetas). Al igual que en cualquier
otra forma de animación, estos objetos son fotografiados repetidas veces, y desplazados ligeramente entre cada fotografía.
Animación Digital 2D
12. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
4 Rotoscopía
Max Fleisher, tuvo la idea de filmar actores reales ante la cámara y luego usar sus
movimientos y contornos como referencia para crear dibujos animados e intentar
mejorar así los movimientos de sus personajes.
Se basa en dibujar directamente sobre la referencia, que pueden ser los cuadros de
la filmación de una persona real. Así se animó en Disney algunas escenas de Blancanieves, protagonista del primer largometraje animado de Disney.
Animación Digital 2D
13. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
5 Animación de Recortes
Más conocido en inglés como cutout animation, es la técnica en que se usan figuras
recortadas, ya sea de papel o incluso fotografías. Los cuerpos de los personajes se
construyen con los recortes de sus partes. Moviendo y reemplazando las partes se
obtienen diversas poses, y así se da vida al personaje.
Animación Digital 2D
14. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
6 Animación con Acetatos
(cel animation)
El material con el que se hacían las primeras películas y se refiere a la pieza transparente de película que es utilizada en la animación tradicional hecha a mano (esta
película transparente es fabricada generalmente de acetato y no de celuloide).
Los acetatos de animación se colocan en capas, una encima de la otra, para producir
un solo cuadro de animación. Se utiliza un acetato separado para la capa del fondo
y otro para cada objeto que se mueve independientemente sobre el fondo.
Animación Digital 2D
15. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
7 Animación basada en cuadros
(flipbook animation)
Es el tipo más simple de animación. Quizá de niño tuvieron uno de esos libros que
contenían una serie de dibujos al hojear rápidamente el libro, los dibujos de las
páginas sucesivas aparentaban movimiento.
Animación Digital 2D
16. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
8 Animación en Sprite.
Esta animación es también llamada animación basada en repartos cada un sprite
puede ser un objeto, es sobrepuesto y animado sobre un fondo estático. Esta animación es muy común en videojuegos.
Animación Digital 2D
17. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Tipos de Animación
Otras Técnicas
Virtualmente cualquier forma de producir imágenes, cualquier materia que pueda
ser fotografiada, puede utilizarse para animar. Existen muchas técnicas de animación que sólo han sido utilizadas por unos y que son desconocidas para el gran
público. Entre éstas se incluyen: pintura sobre cristal, animación de arena, pantalla
de agujas, pintura sobre celuloide, tweening. Pero también es posible reproducirlo
por ordenador.
Animación Digital 2D
18. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Informática en la Animación
Informática en la Animación
Se puede considerar el aporte de la tecnología en dos campos: como herramienta
de creación y como medio de representación.
Para las animaciones dibujadas o pintadas a mano hay programas que asisten a la
creación de los cuadros intermedios. Cabe recordar que se necesita una gran cantidad de éstos para dar la sensación de movimiento. En las animaciones hechas con
gráficos vectoriales y con modelos tridimensionales el programa mismo calcula la
transformación (interpola) de una pose a otra.
19. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos
Formatos
Diversos formatos de archivo permiten representar animación en una computadora,
y a través de Internet.
Entre los más conocidos están SWF, GIF, MNG y SVG. El archivo puede contener una
secuencia de cuadros, como gráficos rasterizados (o la diferencia entre un cuadro y
el anterior), o puede contener la definición de trazos y sus deformaciones en el
tiempo, en un formato vectorial.
Hay formatos de archivo específicos para animaciones, y también se utilizan formatos genéricos que pueden contener diversos tipos de multimedios.
20. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos
SWF (inicialmente abreviación de Shockwave Flash y posteriormente retroacrónimo
de Small Web Format -formato web pequeño.
GIF (Graphics Interchange Format) (Compuserve GIF) es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.
MNG (pronunciado ming) es un formato de fichero, libre de derechos, para imágenes animadas. Las iniciales significan Multiple-image Network Graphics.
SVG Los Gráficos Vectoriales Redimensionables (del inglés Scalable Vector Graphics)
o SVG son una especificación para describir gráficos vectoriales bidimensionales,
tanto estáticos como animados
21. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Enlaces
Enlaces de Ejemplos
Ejemplo de animación por Stop Motion
http://www.youtube.com/watch?v=4Ppln6Q19Cs
Ejemplo de animación por Pixilacion
http://www.youtube.com/watch?v=R9yL2U5U5F8
http://www.youtube.com/watch?v=IqC64V1dBgQ
Ejemplo de animación por Rotoscopia
http://www.youtube.com/watch?v=lFQoN2OaFjg
Ejemplo de animación por recortes
http://www.youtube.com/watch?v=mgW28c0PLJc
Ejemplo de Animación Basada en Acetatos
http://www.youtube.com/watch?v=cmJsqe7z8f8&feature=related
Ejemplo de Animación Cuadro a Cuadro:
http://www.youtube.com/watch?NR=1&feature=fvwp&v=wTeQUC1jxQg
Ejemplo de Animación por Sprite
http://www.youtube.com/watch?v=Lf-Bri6_rK8&feature=related
22. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Origen
Origen
George Méliès (1861-1938). Utilizó en sus filmes abundantes efectos realizados
con técnicas de animación. Fue un famoso Mago a fines del XIX y llevó a la pantalla
alguno de los trucos que le hicieron popular en los escenarios. Algunas de sus películas de este periodo ofrecen trucajes conseguidos al rodar ciertas escenas fotograma a fotograma.
Animación Digital 2D
23. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Origen
Origen
John Randolph Bray (1879-1978). En 1903 creó la serie Little Johnny and His Teddy
Bears. Fundó unos estudios y produjo varias películas, entre las que destaca Colonel
Heeza liar's african hunt (1914). Fue quien desarrolló la técnica de acetato trasparentes superpuestas (Cel-Systems), que fue una revolución en la realización de
dibujos animados y que se ha mantenido hasta la era de la informática.
Animación Digital 2D
24. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Origen
Origen
El canadiense Raoul Barre fundó su propio estudio y desarrolló una técnica de animación basada en el rasgado y recortado para lograr diversos niveles en la imagen.
Charles Bowers, llevó a la pantalla las historietas creadas por Harry Fisher para
diversos periódicos, en Mutt and Jeff (en español Benitín y Eneas), que se mantuvo
como figura protagónica del dibujo animado hasta bien avanzados los años veinte.
La serie incluyó unos 500 animados, y finalizó en 1928.
Animación Digital 2D
25. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Conclusión
Conclusión
La animación llega más allá del entretenimiento y la publicidad, pues alcanza
ramos tan vitales en la vida humana como la salud, en la construcción simulada de
artefactos médicos o de entrenamiento; en la educación, previendo a través de
diversos medios, herramientas para educar a personas alrededor del mundo; en la
mecánica, en la ingeniería, en fin, los alcances y beneficios de la animación en el
mundo es inagotable.
26. Fundamentos del Lenguaje en la Animación Digital
DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH
FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Preguntas
Responde según lo visto
Que nombre recibe cada cuadro de una animación
Cuales son los aportes de la tecnología informática a la animación
Cuantos cuadros o frame debe tener como mínimo una animación
para que no se note discontinuidad en la misma.
Menciona cuales son las técnicas de animación tradicional
Cual es la diferencia entre los formatos GIF y SWF al reproducir las
animaciones?