El reto diario al que se tiene que enfrentar un diseñador al usar Flash es compensar la utilización de animación tradicional y de programación actionscript según las necesidades del momento.
Muchas veces tendemos a buscar una solución programada a problemas que pueden ser resueltos fácil y rápidamente sin recurrir al actionscript. Preferimos buscar trozos de código en la web que muchas veces solo entendemos por encima en lugar de desarrollar efectos hechos por animación desde cero. En definitiva nos volvemos un poco ciegos a la alternativa animada y preferimos el engorro del código.
Si bien actionscript te permite realizar efectos espectaculares en tiempo real, esto muchas veces no es necesario y la utilización de código no esta justificada. Ademas siempre es mas fácil que otra persona entienda una linea de tiempo animada que un montón de lineas de código, por lo tanto un proyecto puede ser retomado mas fácilmente por diferentes personas.
Vamos a ver como animar un objeto que desprende una estela, utilizando únicamente las interpolaciones de movimiento, clips de película anidados y algún filtro.
1º Dibujamos el objeto que queremos animar. En mi ejemplo una bolita que dibujare utilizando la herramienta Óvalo.
Seleccionando el objeto y pulsando F8 lo convertimos en un clip de película (no me preguntéis del porque no un gráfico ya que es simplemente una preferencia personal).
2º Seleccionamos el clip y nuevamente lo convertimos en otro clip. Por lo que tendremos un clip anidado en otro. Al que encierra la forma de la bolita lo he llamado bola y al segundo que lo contiene lo he llamado anima bola.
3º Editamos anima bola y creamos la siguiente linea de tiempo
El primer y el ultimo fotograma clave tiene bola en la misma posición inicial y en el del medio desplazo bola. Después interpolo y ya tengo una animación en la que bola se desplaza y vuelve a su posición una y otra vez.
Para adornar un poco le doy aceleración 100 al primer fotograma clave y -100 al segundo. Y una rotación CW x3 en el primer fotograma clave y de CCW x3 en el segundo.
4º Volvemos a la escena, seleccionamos ‘anima bola’ y pulsamos F8 para volver a anidarlo. Yo he llamo a mi nuevo clip estela bola. Así que tenemos el siguiente esquema:
5º Editamos estela bola y creamos la siguiente linea de tiempo:
Las capas llamadas estela son una copia del contenido de la capa llamada bola. Así tenemos el clip de película anima bola en 5 capas diferentes. En la última superior y el último fotograma he puesto un stop(). El único trozo de código de la animación.
En las capas llamadas estela selecciono el clip de película y le doy un Alfa del 30% y un filtro de desenfoque de 5px. en los ejes X e Y. Por lo que cada clip anima bola nos quedaría así:
6º Publicamos y ¡tachán!