Departamento de Imagen y sonido: Animación de elementos 2D y 3D

ANIMANDO EN FLASH: EFECTO PARALAJE EN FLASH

TECNICAS DE CÁMARA

Sabemos que Flash no tiene una cámara como tal, sino que el escenario sirve como la ventana a través de
la cual los observadores miran la historia. Podemos crear la ilusión de un punto de vista móvil al mover la
escena en el escenario.

Por otra parte, los diferentes planos, ángulos y movimientos de cámara en una escena pueden
proporcionar efectos. Dos de los efectos de cámara más comunes se conocen como movimiento horizontal
y zoom. Para configurara una escena en movimiento horizontal o zoom, tenemos que situar toda la escena
en un único símbolo. Una vez que esté hecho esto, el movimiento horizontal y zoom se logra aplicando una
interpolación de movimiento a la instancia del símbolo que contiene la escena actual.

MOVIMIENTO HORIZONTAL

Movimiento horizontal es la técnica para mover o rotar la cámara horizontalmente, para seguir un objeto o
para mostrar a otros objetos en la escena. Cuando hablamos de movimiento horizontal en Flash, por lo
general, nos estamos refiriendo a un movimiento en 2D. Un ejemplo perfecto de movimiento horizontal 3D
es el que tiene lugar en la escena de inicio de La Guerra de Galaxias. La escena es espacio profundo y la
audiencia tiene la sensación de que la nave nodriza está volando y moviéndose por el espacio. Sin embargo,
tras las escenas, la nave nunca se mueve realmente. En el estudio donde se grabó esta escena, la nave era
un modelo estático. Para crear la ilusión de nave volando, la cámara se movió a la inversa, pasando la nave
inmóvil. Cuando la película se reproduce, la nave parece que se mueve por el espacio.

Podemos utilizar ese mismo principio básico para crear un efecto de movimiento en Flash.

Para movernos horizontalmente por la escena, tenemos que seguir unas directrices y asegurarnos de que:

- La escena es más ancha que el escenario, de modo que cuando movamos la cámara, haya todavía
algo que ver.

- Que toda la escena esté dentro del símbolo al que se aplicará interpolación de movimiento.

Mover la escena horizontalmente es tan sencillo como arrastrar una instancia de la escena al escenario y
aplicar una interpolación de movimiento (interpolación clásica y/o de movimiento) horizontalmente desde
un lado a otro.

Como ayuda podemos hacernos una capa guía con el marco del tamaño de nuestra escena, de modo que
podamos ver el área que será visible en cada momento.

DESPLAZAMIENTO CON PARALAJE

Como regla general, los objetos que están más cerca de nosotros debe parecer que se mueven más rápido
que los objetos que están a mayor distancia.

Para añadir profundidad a nuestras animaciones, podemos simular este fenómeno natural al utilizar una
técnica conocida como desplazamiento con paralaje para mover los objetos de primer plano a mayores
 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

distancias que los objetos del fondo en una cantidad de tiempo igual (o número de fotogramas, o de
cuadros).

HISTORIA

Siempre se ha dicho que el desplazamiento con paralaje nació de la cámara multiplano inventada en Disney
en la década de 1940, si bien existen referencias mucho anteriores a esta técnica, como pueden ser los
pliegos de perspectivas, que dependían de un mínimo movimiento de la cabeza del observador (y
establecían un juego a modo de zoom), los bastidores de la escenografía de las obras teatrales o los fondos
de muchas animaciones de Lotte Reiniger.
 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Explicación de la cámara multiplano en la Wikipedia:

"La cámara multiplano es un tipo especial de cámara de vídeo que se emplea en la animación tradicional
para lograr un efecto de tridimensión. Su creador fue el dibujante y productor estadounidense Walt Disney.
Frente a la cámara se colocan una serie de capas espaciadas a cierta distancia, moviéndose a distintas
velocidades para generar sensación de profundidad.  Se dejan regiones transparentes en ellas para que las
inferiores se vean por detrás. Primero se calcula la velocidad a la que se desplaza cada capa, luego se
fotografía un cuadro por paso. El resultado es una ilusión de profundidad producida por las diferentes
velocidades de las capas: mientras más lejos se encuentra cada una de la cámara, más lento se mueve. El
efecto multiplano es también conocido como paralaje.

Una variación de esta técnica consiste en mover la capa del frente y la del fondo en direcciones opuestas, lo
que genera efecto de rotación. Un ejemplo puede verse en Blancanieves y los siete enanitos, cuando la
reina malvada bebe su poción y los alrededores parecen girar en torno a ella".

 Pliegos de perspectivas y otros aparatos precinemáticos (Ver DVDs de Werner Nekes):

Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Bambalinas escenográficas:
 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Imagen de la cámara multiplano de Disney:

Departamento de Imagen y sonido: Animación de elementos 2D y 3D
Departamento de Imagen y sonido: Animación de elementos 2D y 3D
 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Imagen de cámara multiplano convencional:

 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Ejemplos de efecto parallax en videojuegos:

 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

EJEMPLOS:

¿CÓMO LO LLEVAMOS A LA PRÁCTICA? Mediante una división correcta del fondo en capas y a través de
interpolaciones que incluyan un movimiento horizontal.

1- Nos aseguramos de que cada material gráfico de nuestra escena lo hemos convertido en un
símbolo y de que hemos destinado una capa (correctamente nombrada) para cada uno de nuestros
símbolos.

2- Añadimos una interpolación clásica y/o de movimiento a cada una de las capas.

3- Nos aseguramos de haber ajustado la extensión de la capa de forma correcta y de haberle asignado
a cada interpolación la duración correcta.

4- Además, como ya hemos visto, podemos hacer uso de entradas y salidas con aceleración y
deceleración (arrancadas y frenadas), e incluso, utilizar los editores de curvas de movimiento
destinados a tal efecto.

TAREAS:

1º Localización y análisis de referencias.

 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Buscar dos referencias: una donde ha sido empleada y otra donde no se ha empleado (incluir dos
capturas de pantalla para cada una).

2º Ideación y creación. Pensar un escenario donde podría utilizarse ese efecto y construirlo, si es posible,
lo pensaré tratando de integrarlo con el personaje que creé para la anterior actividad.

*Extras: Incluir bocetos y la idea del entorno para el personaje.

ASPECTOS A TENER EN CUENTA

 Aspectos formales (análisis de trabajos de referencia y diseño propio).

 Adecuación del diseño y la animación al personaje creado anteriormente.

 Técnica (trabajo con la herramienta de animación -Flash-).

 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

BIBLIOGRAFÍA

BIRCH, H., Dibujar: trucos, técnicas y recursos para la inspiración visual, Gustavo Gili, Barcelona, 2014.
GEORGENES, C. Y PUTNEY, J., Animación con Flash Profesional CS5, Anaya, Madrid, 2011.
_______ (1887), Principios del diseño en color, Gustavo Gili, Barcelona, 1992.
TAYLOR, R., Enciclopedia de técnicas de animación, Alcanto, 2002.
VV.AA., El pequeño sabelotodo. Sentido común para diseñadores, IndexBook, Barcelona, 2008 [apartado
sobre perspectiva y percepción espacial]
WILLIAMS, R., The Animator's Survival Kit: A Manual of Methods, Principles and Formulas for Classical,
Computer, Games, Stop Motion and Internet Animators, Faber & Faber, 2002.
_______ The animator’s workbook. Step-by-step of Drawn Animation, Watson Guptill Pubn, 1988

LINKS

CALDERÓN, G., “La cámara multiplano: creando el efecto de tridimensionalidad”

http://www.enfilme.com/ciniciados/animacion/innovaciones-tecnologicas/la-camara-multiplano-creando-el-
efecto-de-la-tridimensionalidad
Disney y la cámara multiplano
https://www.youtube.com/watch?v=86zPz3J4MdM
Documentales Media Magica, de Werner Nekes
http://wernernekes.de/00_cms/cms/front_content.php?idcat=86
Draw with Jazza: How to Animate Parallaxing (3D pan effect)
https://www.youtube.com/watch?v=tU48XfxkxfE&list=PL686EB51BE63AB70F
Wikipedia: “Cámara multiplano”
http://es.wikipedia.org/wiki/C%C3%A1mara_multiplano

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FECHA DE ENTREGA: 24-11-2018

PAUTAS:

Rellenaré la plantilla y entregaré como .doc o .pdf

Depositaré el archivo como apellido_nombre_paralaje.rar [documento de texto + archivo de animación]

 Departamento de Imagen y sonido: Animación de elementos 2D y 3D

Nombre y Apellidos: Fecha de entrega:

DISEÑO Y ANIMACIÓN DE EFECTO PARALAJE

Descripción de la idea:

Bocetos previos:

Desarrollo y tratamiento técnico [archivo .fla]