Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL

TIPOS DE
ANIMACIN
Fundamentos de Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / La Animacin por Computadora

La Animacin por
Computadora
Laanimacin por computadora(tambin llamadaanimacin digital,animacin
informticao animacin por ordenador) es la tcnica que consiste en crear imgenes en movimiento mediante el uso deordenadoresocomputadoras.
Los diseos se elaboran con la ayuda de programas de diseo, modelado y por
ltimo renderizado.
Al tomar como referencia la dimensionalidad espacial de las imgenes podemos
clasificar a la animacin dentro de dos categoras.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

BIDIMENSIONAL (2D):
A este tipo de animacin se le conoce por el manejo de elementos bidimensionales. El uso de imgenes son dibujos, fotografas, etc. Por lo general este tipo de animacin se realiza bajo el principio de acetatos (animacin tradicional) o capas
separadas (animacin digital).

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

TRIDIMENSIONAL (3D):
La animacin tridimensional se genera a partir del uso de formas geomtricas u
objetos dimensionales. Esta realidad tridimensional se reduce en la pantalla en
donde llega a una representacin bidimensional.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

Clsica

Computarizada

2D

Caricatura

Video

Juego

Clsica

Animacin

3D

2D

3D

Tcnicas de
Animacin 2D
Clsicas

Tcnicas tradicionales
de animacin 3D

Por Recortes:

Fotograma Clave:
Inicio Fin
y Conectores

Se dibuja la parte
de la animacin
que se debe mover

Por Capas:
Superposicin en
transparencias

Procedual o Modelada:
Serie de reglas que
modifican los parmetros
de animacin

Paso a Paso:
Fotogramas de
Animacin Cclica

Por Cotas:
Fotogramas Fundamentales y
Fotogramas intermedios
determinados

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Fotogramas

Que es un Fotograma
Se denominafotogramaa cada una de las imgenes impresionadas qumicamente
en la tira deceluloidedelcinematgrafoo bien en lapelcula fotogrfica; por extensin tambin se llama de ese modo a cada una de las imgenes individuales captadas por cmaras de video y registradasanalgica odigitalmente.
Cuando unasecuenciade fotogramas es visualizada de acuerdo a una determinada
frecuenciade imgenes por segundo se logra generar la sensacin de movimiento
en el espectador.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Frecuencia de Fotogramas

Frecuencia de
Fotogramas
La frecuencia de los fotogramas o frame se expresa enfotogramas por segundo(en ingls
frames per secondy abreviado FPS) o enhercios(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 ms conocidos son las siguientes:
Cine mudo: 1618 Hz. / Cine: 24 Hz.
Televisin, normas europeas (PAL&SECAM): 25 Hz. / Televisin, norma estadounidense
(NTSC): 29,97 Hz.
Un hercio representa un ciclo por cada segundo, entendiendo ciclo como la repeticin de un suceso.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Fotogramas

Los Fotogramas
En este diseo tenemos fotogramas por separado que describen un mismo objeto
en distintas posiciones y/o formas.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

Tipos de Animacin
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 animacin por celdas o papel de acetato inventada por Bray y Hurd en la dcada de 1910.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

2 Stopmotion
Animacin de objetos, muecos, marionetas, figuras de plastilina u otros materiales
as como maquetas de modelos a escala. Se utiliza la grabacin "fotograma a fotograma" o "cuadro a cuadro" (frame a frame).

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

3 Pixilacin
Es una variante del stopmotion, en la que los objetos animados son personas y
autnticos objetos comunes (no modelos ni maquetas). Al igual que en cualquier
otra forma de animacin, estos objetos son fotografiados repetidas veces, y desplazados ligeramente entre cada fotografa.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

4 Rotoscopa
Max Fleisher, tuvo la idea de filmar actores reales ante la cmara 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 filmacin de una persona real. As se anim en Disney algunas escenas de Blancanieves, protagonista del primer largometraje animado de Disney.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

5 Animacin de Recortes
Ms conocido en ingls como cutout animation, es la tcnica en que se usan figuras
recortadas, ya sea de papel o incluso fotografas. 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.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

6 Animacin con Acetatos

(cel animation)
El material con el que se hacan las primeras pelculas y se refiere a la pieza transparente de pelcula que es utilizada en la animacin tradicional hecha a mano (esta
pelcula transparente es fabricada generalmente de acetato y no de celuloide).
Los acetatos de animacin se colocan en capas, una encima de la otra, para producir
un solo cuadro de animacin. Se utiliza un acetato separado para la capa del fondo
y otro para cada objeto que se mueve independientemente sobre el fondo.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

7 Animacin basada en cuadros

(flipbook animation)
Es el tipo ms simple de animacin. Quiz de nio tuvieron uno de esos libros que
contenan una serie de dibujos al hojear rpidamente el libro, los dibujos de las
pginas sucesivas aparentaban movimiento.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

8 Animacin en Sprite.
Esta animacin es tambin llamada animacin basada en repartos cada un sprite
puede ser un objeto, es sobrepuesto y animado sobre un fondo esttico. Esta animacin es muy comn en videojuegos.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Tipos de Animacin

Otras Tcnicas
Virtualmente cualquier forma de producir imgenes, cualquier materia que pueda
ser fotografiada, puede utilizarse para animar. Existen muchas tcnicas de animacin que slo han sido utilizadas por unos y que son desconocidas para el gran
pblico. Entre stas se incluyen: pintura sobre cristal, animacin de arena, pantalla
de agujas, pintura sobre celuloide, tweening. Pero tambin es posible reproducirlo
por ordenador.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Informtica en la Animacin

Informtica en la Animacin
Se puede considerar el aporte de la tecnologa en dos campos: comoherramienta
de creaciny comomedio de representacin.
Para las animaciones dibujadas o pintadas a mano hayprogramasque asisten a la
creacin de los cuadros intermedios. Cabe recordar que se necesita una gran cantidad de stos para dar la sensacin de movimiento. En las animaciones hechas con
grficos vectorialesy con modelos tridimensionales el programa mismo calcula la
transformacin (interpola) de unaposea otra.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Formatos

Formatos
Diversosformatos de archivopermiten representar animacin en una computadora,
y a travs de Internet.
Entre los ms conocidos estnSWF,GIF,MNGySVG. El archivo puede contener una
secuencia de cuadros, comogrficos rasterizados(o la diferencia entre un cuadro y
el anterior), o puede contener la definicin de trazos y sus deformaciones en el
tiempo, en unformato vectorial.
Hay formatos de archivo especficos para animaciones, y tambin se utilizanformatos genricosque pueden contener diversos tipos de multimedios.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Formatos

SWF (inicialmente abreviacin de Shockwave Flash y posteriormente retroacrnimo

de Small Web Format -formato web pequeo.
GIF (Graphics Interchange Format) (Compuserve GIF) es un formato grfico utilizado ampliamente en la World Wide Web, tanto para imgenes como para animaciones.
MNG (pronunciado ming) es un formato de fichero, libre de derechos, para imgenes animadas. Las iniciales significan Multiple-image Network Graphics.
SVG Los Grficos Vectoriales Redimensionables (del ingls Scalable Vector Graphics)
o SVG son una especificacin para describir grficos vectoriales bidimensionales,
tanto estticos como animados

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Enlaces

Enlaces de Ejemplos
Ejemplo de animacin por Stop Motion
http://www.youtube.com/watch?v=4Ppln6Q19Cs
Ejemplo de animacin por Pixilacion
http://www.youtube.com/watch?v=R9yL2U5U5F8
http://www.youtube.com/watch?v=IqC64V1dBgQ
Ejemplo de animacin por Rotoscopia
http://www.youtube.com/watch?v=lFQoN2OaFjg

Ejemplo de animacin por recortes

http://www.youtube.com/watch?v=mgW28c0PLJc
Ejemplo de Animacin Basada en Acetatos
http://www.youtube.com/watch?v=cmJsqe7z8f8&feature=related
Ejemplo de Animacin Cuadro a Cuadro:
http://www.youtube.com/watch?NR=1&feature=fvwp&v=wTeQUC1jxQg
Ejemplo de Animacin por Sprite
http://www.youtube.com/watch?v=Lf-Bri6_rK8&feature=related

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Origen

Origen
George Mlis (1861-1938). Utiliz en sus filmes abundantes efectos realizados
con tcnicas de animacin. 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 pelculas de este periodo ofrecen trucajes conseguidos al rodar ciertas escenas fotograma a fotograma.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN 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 pelculas, entre las que destaca Colonel
Heeza liar's african hunt (1914). Fue quien desarroll la tcnica de acetato trasparentes superpuestas (Cel-Systems), que fue una revolucin en la realizacin de
dibujos animados y que se ha mantenido hasta la era de la informtica.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Origen

Origen
El canadiense Raoul Barre fund su propio estudio y desarroll una tcnica de animacin 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 peridicos, en Mutt and Jeff (en espaol Benitn y Eneas), que se mantuvo
como figura protagnica del dibujo animado hasta bien avanzados los aos veinte.
La serie incluy unos 500 animados, y finaliz en 1928.

Animacin Digital 2D

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Conclusin

Conclusin
La animacin llega ms all del entretenimiento y la publicidad, pues alcanza
ramos tan vitales en la vida humana como la salud, en la construccin simulada de
artefactos mdicos o de entrenamiento; en la educacin, previendo a travs de
diversos medios, herramientas para educar a personas alrededor del mundo; en la
mecnica, en la ingeniera, en fin, los alcances y beneficios de la animacin en el
mundo es inagotable.

Fundamentos del Lenguaje en la Animacin Digital

DISEO Paolo Arvalo Ortiz

GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIN DIGITAL / Preguntas

Responde segn lo visto

Que nombre recibe cada cuadro de una animacin
Cuales son los aportes de la tecnologa informtica a la animacin
Cuantos cuadros o frame debe tener como mnimo una animacin
para que no se note discontinuidad en la misma.
Menciona cuales son las tcnicas de animacin tradicional
Cual es la diferencia entre los formatos GIF y SWF al reproducir las
animaciones?