Al momento de hacer alguna animación es muy importante tener nuestros objetos separados, por ejemplo, si tuvieramos un auto corriendo, tendriamos que separar el auto de lo demás, ya que este tendrá una animación específica. Es por ello que flash cuenta con capas, un método que nos ayuda a distinguir cada uno de los objetos de los demás y nos permite manipularlos, y que la animación simplemente se aplique al objeto o a los objetos que se encuentran en dicha capa.

Visualización de Capas

Nota: Si no aparece nuestra línea del tiempo, podemos activarla llendo al menú Ventana/ Línea del tiempo.

Bueno, la actividad que vamos hacer ahora va a ser simple, vamos a crear tres capas. Flash trae un sistema de numeración por default, que es Capa 1, Capa 2, Capa 3, podemos cambiarle el nombre haciendo clic derecho sobre la capa. Ahora en base a como esta la imagen de arriba vamos a dibujar en la capa 1, un fondo, un paisaje, algo sencillo (Es solo para experimentar). En la capa 2 vamos a crear un cuadrado de cualquier color, de preferencia con relleno, y en la capa 3 un circulo con relleno.

No ubicaremos en el fotograma 100 de la capa 1 y presionaremos F5 (estó solo alargara más el tiempo que aparecera el fondo). Ahora en el fotograma 50 de la capa dos, daremos F6 (Esto creará un fotograma igual en el 50),  y haremos lo mismo con la capa 3 (dandó f6 en el fotograma 50).

Ejercicio con capas

Deberemos de tener algo mas o menos igual a lo que aparece en la imagen de arriba. Una vez hecho esto crearemos una interpolación de movimiento, para esto haremos clic secundario en el fotograma 1 y 50 de la capa 2 y3 y daremos clic en “Crear interpolación de movimiento”.

Una vez hecho estó modificaremos con la herramienta selección, la ubicación y el tamaño de nuestros objetos solo en el fotograma 50. Moveremos el cuadrado a la parte superior derecha de nuestro lienzo, y el círculo, simplemente lo haremos más grande.

Un ejemplo de como se deberá ver nuestra imagén hasta ese momento.

En la lección dos, aprendimos a crear interpolaciones de movimiento, y con ello supimos que las interpolaciones de movimiento, solo es una relación que existe entre el fotograma inicial y final, mediante una transformación suave. Ahora, nótese que la capa 3, es la capa que contiene al objeto que resalta más (en este caso el círculo amarillo), es por que se encuentra al inicio de las capas, y es por ello que flash lo resalta más, de ahí sigue nuestra capa 2 (que es un cuadrado azul) que se encuentra adelante de la capa 1 pero detrás de la capa 3, y por último el fondo (que es la capa 1), esté aparece detrás de todos nuestros objetos.

Resultado 1

Ahora haremos algo extra, solo moveremos la “capa 2″ delante de la “capa 3″, para ello selecciono la “capa 2″ y la subo después de “capa 3″. Notaremos que ahora el cuadrado se encuentra enfrente del círculo, y este no ha sufrido daños de recortes, como hubiera sucedido si hubieramos puesto ambos objetos en una sola capa, y por último la “capa 1″ notaremos que no importa que hagamos en la “capa 2″ y “capa 3″, está simplemente no se modificará.

Resultado 2

Está lección nos ayudará a ser más organizados en cuanto a la estructura de nuesto trabajo se refiere, era indespensable crear una lección solo para estó, ya que hay muchas personas que realizan sus animaciones en una sola capa, y al momento de añadir una interpolación, esta se creá en toda nuestra imagén, que es algo que en muchas ocasiones no queremos.