SlideShare a Scribd company logo
1 of 26
Download to read offline
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
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.
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).
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.
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
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.
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.
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.
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
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
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
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
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
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
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
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
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
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.
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.
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
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
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
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
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
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.
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?

More Related Content

What's hot

What's hot (20)

Producción audiovisual
Producción audiovisual Producción audiovisual
Producción audiovisual
 
Planos, angulos y movimientos de camara
Planos, angulos y movimientos de camaraPlanos, angulos y movimientos de camara
Planos, angulos y movimientos de camara
 
Historia de la animación
Historia de la animaciónHistoria de la animación
Historia de la animación
 
Animaciones 3D
Animaciones 3DAnimaciones 3D
Animaciones 3D
 
El Retoque Fotográfico Digital
El Retoque Fotográfico DigitalEl Retoque Fotográfico Digital
El Retoque Fotográfico Digital
 
Ilustración Digital
Ilustración DigitalIlustración Digital
Ilustración Digital
 
Lenguaje Audiovisual
Lenguaje AudiovisualLenguaje Audiovisual
Lenguaje Audiovisual
 
Proceso de Producción
Proceso de ProducciónProceso de Producción
Proceso de Producción
 
El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de Animación
 
Animacion, historia
Animacion, historiaAnimacion, historia
Animacion, historia
 
La composición audiovisual
La composición  audiovisual La composición  audiovisual
La composición audiovisual
 
Espacio fílmico
Espacio fílmicoEspacio fílmico
Espacio fílmico
 
Lenguaje audiovisual
Lenguaje audiovisualLenguaje audiovisual
Lenguaje audiovisual
 
Historia del video
Historia del videoHistoria del video
Historia del video
 
Guion audiovisual
Guion audiovisualGuion audiovisual
Guion audiovisual
 
Tipos de continuidad
Tipos de continuidadTipos de continuidad
Tipos de continuidad
 
Planos y movimientos de cámara
Planos y movimientos de cámaraPlanos y movimientos de cámara
Planos y movimientos de cámara
 
Qué es el video digital
Qué es el video digitalQué es el video digital
Qué es el video digital
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
 
Taller de Fotografía Básico
Taller de Fotografía BásicoTaller de Fotografía Básico
Taller de Fotografía Básico
 

Viewers also liked

Animación por Computadora
Animación por ComputadoraAnimación por Computadora
Animación por Computadoraraal
 
Fundamentos de la Animación
Fundamentos de la AnimaciónFundamentos de la Animación
Fundamentos de la Animaciónpaoloarevaloortiz
 
La renovacion de programas de oficina
La renovacion de programas de oficinaLa renovacion de programas de oficina
La renovacion de programas de oficinaelyoarabia
 
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017Carol Smith
 

Viewers also liked (6)

Animación por Computadora
Animación por ComputadoraAnimación por Computadora
Animación por Computadora
 
Fundamentos de la Animación
Fundamentos de la AnimaciónFundamentos de la Animación
Fundamentos de la Animación
 
La renovacion de programas de oficina
La renovacion de programas de oficinaLa renovacion de programas de oficina
La renovacion de programas de oficina
 
Proyecto 3 gbi
Proyecto 3 gbiProyecto 3 gbi
Proyecto 3 gbi
 
Creacion personajes
Creacion personajesCreacion personajes
Creacion personajes
 
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
 

Similar to Tipos de animacion (20)

Proceso de animación ok
Proceso de animación okProceso de animación ok
Proceso de animación ok
 
Stopmotion
StopmotionStopmotion
Stopmotion
 
Animacion
AnimacionAnimacion
Animacion
 
Animaciones digitales
Animaciones digitalesAnimaciones digitales
Animaciones digitales
 
Animacion part 2
Animacion part 2Animacion part 2
Animacion part 2
 
Trabajo del colegio.
Trabajo del colegio.Trabajo del colegio.
Trabajo del colegio.
 
La Animación En Informatica.
La Animación En Informatica.La Animación En Informatica.
La Animación En Informatica.
 
Benemerita universidad-autonoma-de-puebla
Benemerita universidad-autonoma-de-pueblaBenemerita universidad-autonoma-de-puebla
Benemerita universidad-autonoma-de-puebla
 
La animacion
La animacionLa animacion
La animacion
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
 
Contenidos de Informática
Contenidos de Informática Contenidos de Informática
Contenidos de Informática
 
Stop motion
Stop motionStop motion
Stop motion
 
Animacion
Animacion Animacion
Animacion
 
Medios hernandezrivas
Medios hernandezrivasMedios hernandezrivas
Medios hernandezrivas
 
Sesión 1.pptx
Sesión 1.pptxSesión 1.pptx
Sesión 1.pptx
 
Graficas por computadora
Graficas por computadoraGraficas por computadora
Graficas por computadora
 
Animación Digital
Animación Digital Animación Digital
Animación Digital
 
Clasificación de animacion
Clasificación de animacionClasificación de animacion
Clasificación de animacion
 
ANIMACION DIGITAL
ANIMACION DIGITALANIMACION DIGITAL
ANIMACION DIGITAL
 

More from paoloarevaloortiz (20)

Crear una empresa
Crear una empresaCrear una empresa
Crear una empresa
 
Consigna u ii
Consigna u iiConsigna u ii
Consigna u ii
 
Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
 
Preguntas emprendimiento
Preguntas emprendimientoPreguntas emprendimiento
Preguntas emprendimiento
 
Preguntas Unidad II
Preguntas Unidad IIPreguntas Unidad II
Preguntas Unidad II
 
Exposiciones
ExposicionesExposiciones
Exposiciones
 
Factores de mercado
Factores de mercadoFactores de mercado
Factores de mercado
 
Escribir personajes
Escribir personajesEscribir personajes
Escribir personajes
 
Consigna stop motion
Consigna stop motionConsigna stop motion
Consigna stop motion
 
Color
ColorColor
Color
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
 
Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2
 
Guion
GuionGuion
Guion
 
ganancia de punto
ganancia de puntoganancia de punto
ganancia de punto
 
Acerca del reventado
Acerca del reventadoAcerca del reventado
Acerca del reventado
 
Muaré
MuaréMuaré
Muaré
 
Como Aprovechar el Monitor
Como Aprovechar el MonitorComo Aprovechar el Monitor
Como Aprovechar el Monitor
 
Proporción Aurea
Proporción AureaProporción Aurea
Proporción Aurea
 
Teoria del diseño
Teoria del diseñoTeoria del diseño
Teoria del diseño
 
Storyboard formato
Storyboard formatoStoryboard formato
Storyboard formato
 

Tipos de animacion

  • 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?