Departamento de Medios Informticos

Escuela de Arte y Superior de Diseo Fernando Estvez

Adobe Flash CS4

Animacin por Interpolacin

Conceptos bsicos - Interpolaciones

Al contrario que en la animacin fotograma a fotograma o frame to frame en la cual cada cuadro de la animacin tiene que ser creado, en la animacin interpolada o por interpolacin slo hay que crear los fotogramas de inicio y final de cualquier accin (fotogramas clave), el resto son asistidos por el programa de animacin que se utilice, en este caso el Adobe Flash. Dicho de otro modo, Adobe Flash crea los fotogramas intermedios entre los dos fotogramas claves de una accin, esta accin puede ser un cambio de posicin, rotacin, tamao, forma, color, transparencia o filtro. Dentro del Flash CS4 existen tres formas de animacin por interpolacin: - Interpolacin de Movimiento. - Interpolacin de Forma. - Interpolacin Clsica. ma clave cambia a un crculo en negro con fondo gris.

3. Una animacin necesita fotogramas de tiempo (si no los tiene ya) asociados a ese primer fotograma clave, para lo cual colocamos el cursor en el fotograma donde queremos que acabe esta pequea animacin, cliqueamos con el botn derecho del ratn y elegimos Insertar fotograma.

Interpolacin de Movimiento

1. Crear una capa para el objeto o personaje que se vaya a animar (es importante saber que cada objeto animado necesita una capa exclusiva ya que en el mismo espacio de tiempo no se pueden animar dos objetos en la misma capa).

Al insertar los fotogramas tenemos como resultado un grupo de fotogramas de tiempo color gris, estos terminan con un fotograma con un rectngulo blanco .

4. Para darle la propiedad de interpolacin posicionamos el cursor sobre cualquier fotograma de los que Al crear una capa, si nos fijamos en la Lnea de Tiempo acabamos de crear, cliqueamos con el botn derecho y observamos que tenemos un fotograma clave vaco, elegimos Crear interpolacin de movimiento. este se representa con un pequeo crculo en blanco con fondo blanco.

2. Se crea el objeto a animar en el escenario (el escenario en Flash es lo que sera la mesa de trabajo en Illustrator). Al colocar o crear dicho objeto el fotogra-

Nos aparecer la ventana Convertir seleccin en smbolo para interpolacin, aceptamos y el grupo de fotogramas tomar un tono azul (como muestra la ilustracin de la pgina siguiente).

Interpolacin de Forma

5. Ahora slo falta poner el lector (el rectngulo rojo con un lnea hacia abajo) en el fotograma dnde queremos que termina la animacin o parte de la animacin, y a continuacin movemos, rotamos y/o cambiamos las dimensiones del objeto a animar. Notaremos que se ha formado el segundo fotograma clave.

Con este tipo de interpolacin haremos el tipo de animaciones que en el cine se llaman morphing o cambio de forma (tambin podemos hacer cambios de posicin, rotacin y color con este mtodo). Descrito de otra manera, al utilizar este tipo de interpolacin podemos hacer que un objeto se transforme en otro totalmente diferente... aunque con ciertos lmites (no se puede hacer con fotografas, para eso hay otras aplicaciones). Antes de empezar a realizar una Interpolacin de Forma es importante saber que los objetos deben tener una propiedad bsica, tienen que estar abiertos, esto quiere decir que cuando los seleccionemos deben mostrar la malla de puntos blancos y no un recuadro azul enmarcndolos.

Y si reproducimos la plicula (Ctrl+Enter o Cmd+Enter) podremos ver la animacin que hemos creado.

En la imagen de arriba vemos que el objeto de la izquierda est abierto y el de la derecha est cerrado (para abrir un elemento tenemos que seleccionarlo y Interpolacin Clsica teclear Ctrl+B o Cmd+B las veces que sean necesarias Este tipo de interpolacin (heredada de las versiones hasta que veamos la malla de puntos, como por ejemanteriores de Flash) se crea exactamente igual que la plo en los textos). Interpolacin de Movimiento, excepto que en el paso Una vez sabido esto empezamos, seguimos los tres pri3 anterior al cliquear el botn derecho debemos elegir mero pasos que habamos utilizado en la Interpolacin Crear interpolacin clsica de Movimiento, y en el cuarto al desplegar el men contextual (botn derecho), elegimos Crear interpolacin de forma.

Aparte de las importantes diferencias funcionales, este tipo de interpolacin se distingue de la anterior tambin por su aspecto, en la lnea de tiempo se muestra por su color malva y la lnea discontinua o en flecha que la atraviesa.

Observamos que los fotogramas se tornan de color verde con lneas discontinuas que lo atraviesan.

5. Ya tenemos preparados los fotogramas para la Interpolacin de Forma, el siguiente paso es crear un fotograma clave en blanco si el objeto es totalmente

diferente o un fotograma clave normal (negro) si la transformacin se va a hacer con el mismo objeto. En este ejemplo haremos un fotograma clave en blanco. Desplegamos el men contextual en el fotograma que queremos que acabe la animacin y elegimos Insertar fotograma clave en blanco.

grama clave vaco repetimos las acciones anteriores y elegimos Insertar fotograma clave en blanco o F7. - Crear fotogramas de tiempo: Estos fotogramas son los que no tienen ningn icono en su interior (exceptuando el que indica el final de un grupo de fotogramas no interpolados, un pequeo rectngulo blanco). Para crearlos, lo mismo que los anteriores pero elegimos Insertar fotograma o F5.

Vemos como se ha creado el fotograma clave vaco, es un pequeo crculo en blanco. Borrar fotogramas: Para borrar un fotograma clave normal o vaco no colocamos encima de l con el cursor, desplegamos el men contextual y elegimos Borrar fotograma clave, en cambio, si lo que queremos es borrar un fotograma normal o de tiempo, igualmente colocamos el cursor encima de l y en el men con6. Con el lector en esa posicin nos dirigimos al esce- textual elegimos Quitar fotogramas. nario y creamos, importamos o pegamos el segundo Si queremos borrar un grupo de fotogramas de tiempo objeto. lo que hacemos es arrastrar el cursor sobre ellos (no puede estar el primero que piquemos seleccionado previamente porqu si no lo moveremos) y en el men contextual elegimos, como en el caso anterior, Quitar fotogramas. NUNCA utilicen las teclas normales para borrar objetos El segundo fotograma clave se tie de negro (quiere con los fotogramas, no funcionan, lo nico que consedecir que tiene contenido), slo falta publicar la ani- guiris es borrar los objetos o personajes del escenamacin (Ctrl+Enter o Cmd+Enter). rio. Mover fotogramas claves de interpolaciones clsicas: Para esta accin lo primero que tenemos que hacer Crear, mover y borrar fotogramas. es seleccionar con un click el fotograma a borrar, sol- Crear un fotograma clave: Colocamos el cursor sobre tamos el botn del ratn y nos acercamos otra vez al el fotograma de la capa correspondiente, cliqueamos fotograma (sin cliquearlo) colocndonos encima, si vecon el botn derecho del ratn para que aparezca el mos aparecer bajo el cursor un cuadradito, volvemos a men contextual y pinchamos en Insertar fotograma hacer click sobre l y lo podemos mover. clave. Mover fotogramas claves de interpolaciones de movimiento: Es exactamente igual que en el anterior ejemplo excepto que para poder seleccionarlo ante de moverlo tenemos que presionar la tecla Ctrl o Cmd al mismo tiempo que hacemos click en al fotograma.

- En el prximo apunte explicar las diferencias entre Otra forma de crear un fotograma clave es colocan- interpolaciones de movimiento e interpolaciones cldo el lector en el fotograma adecuado y si tenemos la sicas. capa seleccionada tecleamos F6 (en Mac hay que configurar el OS X para que permita esta accin). Algo importante que debemos saber es que si intentamos crear un fotograma clave en fotogramas vacos slo conseguiremos un fotograma clave vaco. - Crear un fotograma clave vaco: Para crear un foto-