Crossmedia 06: animaciones en flash

Diplomado Crossmedia | Instituto Arcos | Jorge Cantú

Animación en Flash[pasos básicos]


Se detallan los pasos a seguir para construir un banner animado para un sitio web, a partir de imágenes importadas y otros elementos gráficos desarrollados en Flash.

El primer parámetro a definir será las dimensiones y características que tendrá este banner.

Definición de parámetros


Documento en Flash

Se comienza por definir el tipo de documento y sus dimensiones. Para efecto de este trabajo utilizaremos Actionscript 2.0 y una película compatible con el banner a construir (800 x 250 aprox).


Es posible importar un archivo de imagen desarrollado en otros programas (como Photoshop) directamente a Flash.

Es importante tener en cuanta el formato del archivo original (JPG, PNG, PSD, etc) y sus características (dimensiones, resolución, modo de color, etc).

El traerlo a Flash se realiza mediante el comando Archivo > Importar > Importar a escenario.

Importación a Flash


El programa Flash puede animar objetos e imágenes siempre y cuando éstos cumplan 2 condiciones: estar ubicados en capas individuales y estar convertidos en “símbolos”

Las capas en Flash se crean directamente en la línea de tiempo y deben albergar a cada objeto que vamos a animar: “todo lo que se mueve individualmente, o interactúa individualmente (botones) debe estar en capas individuales”.

Capas en Flash


Una vez importadas todas las imágenes a capas individuales deben ser convertidas a símbolo antes de animar o programar. Los elementos que se moverán en la pantalla serán convertidos a “clip de película”, los elementos que funcionarán como botones serán convertidos a símbolo de “botón”.

Símbolos en Flash


Para animar cada símbolo es necesario incorporar fotogramas clave y crear la “interpolación” o pasos intermedios que permitirán la visualización de la animación. A partir de versiones CS4 y superior, encontramos la interpolación de movimiento y la “clásica”.

Animación en Flash


Para animar cada símbolo es necesario establecer la duración de ésta animación insertando un fotograma clave en el momento deseado. En cada uno de los fotogramas clave, es posible cambiar los parámetros de las propiedades del símbolo (posición, tamaño, efectos, filtros, etc.).

Animación en Flash


Las propiedades posibles de modificar en el panel correspondiente incluyen:

· Posición: Coordenadas en la pantalla (en pixeles)

· Tamaño: Ancho y alto (en pixeles)

· Efecto de Color: Brillo (+ blanco o + negro); Tinta (teñido de un color); Alfa (transparencia); Avanzadas (mezcla de colores y transparencia.

· Mezcla: Modo de fusión de capas (similar a Photoshop)

· Filtros: Efectos de sombra, desenfoque, iluminado, ajuste de color, etc.

Animación en Flash


Terminado el proceso de animar mediante interpolación cada una de las capas, podremos probar el resultado de nuestra película en el menú Control > Probar película.

Animación en Flash


Technology

Crossmedia 06: animaciones en flash