¿QUE ES UNA ANIMACIÓN EN FLASH?
Las animaciones flash son un tipo de animación que emplea gráficos vectoriales y que suelen emplearse principalmente en la web.
Las animaciones flash se han convertido en un estándar para la animación web, junto con Shockwave de la misma empresa, pues actualmente la mayoría de los navegadores las soportan.
Desarrollo de animaciones flash
Las animaciones flash suelen desarrollarse empleando la aplicación Flash de Macromedia. Los archivos de Flash suelen tener la extensión .SWF.
Las animaciones flash también permiten interacción con el usuario y otras complejas tareas, pues Flash también permite programación en ellas (empleando el lenguaje ActionScript).
El hecho de Flash esté basado en gráficos vectoriales, permite que puedan crearse largas y completas animaciones que no suelen ser pesadas (es decir, ocupan pocos bytes), lo cual las convierte en ideales para la web.
Las animaciones flash también permiten ser visualizadas a través de un navegador incluso antes de que el archivo flash sea totalmente bajado.
Disponibilidad del Flash
Actualmente prácticamente todos los navegadores web incluyen el plugin para soportar la ejecución de animaciones flash. En el caso de que el navegador no lo soporte, la instalación (o actualización) del plugin es sumamente sencilla, incluso muchas veces esta tarea se hace "de fondo", sin intervención del usuario.
Lash - Animación
Por animación entendemos que los objetos que aparecen en la pantalla cambien de posición, tamaño, aspecto, color, que giren, se deformen, etc.
¿CUÁLES SON LAS TÉCNICAS DE ANIMACIÓN DE FLASH?
Tipos de Animación
En Flash existen tres tipos de animación:
- fotograma a fotograma
- interpolación de movimiento
- interpolación de forma
EXPLIQUE CADA UNA DE ELLAS Y MEDIANTE UN EJEMPLO PRÁCTICO EN CADA UNA DE ELLAS, EXPLIQUE EL PROCEDIMIENTO COMO HACERLO
fotograma por fotograma
En la animación fotograma a fotograma, debemos dibujar cada uno de los fotogramas de la animación uno por uno, al estilo de las clásicas películas de dibujos animados. Permite una gran flexibilidad, pero a costa de un elevado esfuerzo. Además, el archivo debe almacenar los cambios de cada fotograma.
La animación por interrelación consiste en crear dos objetos diferentes, cada uno de ellos en fotogramas claves no contiguos, y hacer que Flash dibuje automáticamente los pasos intermedios. En este caso, el archivo sólo almacena los estados inicial y final.
La animación por interpolación de movimiento es que la debemos elegir cuando los objetos de los dos fotogramas claves sólo se diferencian en su posición, escala o rotación
La animación por interpolación de forma ese diferencia en que gradúa el cambio de la forma del objeto, realizada a través de la manipulación de sus puntos de control bezier. También permite cambiar el color.
Consideraciones:
Se llaman Fotogramas Clave a los que contienen cambios en la forma o posición del objeto
Para que un objeto se muestre en pantalla en un fotograma determinado, debe crearse un fotograma (no clave). Se mostrará así: El rectángulo blanco significa que no ha habido cambios de forma ni posición.
Podemos mover los fotogramas clave o los del rectángulo para cambiar los puntos de inicio o fin de la animación.
Podemos variar la velocidad de toda la animación en "Modificar-película-Veloc Fotogramas": nº de fotogramas/seg.
Podemos copiar un fotograma clave y pegarlo en otra posición para volver a esa situación después de haberla cambiado.
Cómo Crear Animaciones
Para crear una interpolación de movimiento, el mejor método es seguir exactamente los siguientes pasos:
- Crear el objeto en el fotograma clave inicial
- Crear interpolación de movimiento (con el botón derecho)
- Insertar un fotograma clave al final
- Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)
Si todo ha salido bien, se verá así:
En cambio, si falta el fotograma clave final, será así:
Y si lo que falta es crear la interpolación, veremos:
Para crear una interpolación de forma, el mejor método es seguir exactamente los siguientes pasos:
- Crear el objeto en el fotograma clave inicial
- Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma")
- Insertar un fotograma clave al final
- Modificar el objeto en el fotograma clave final
Si todo ha salido bien, se verá así:
Para crear un fundido de color, seguiremos los mismos pasos que en la interpolación de forma, pero en este caso debemos asignar diferentes colores a los fotogramas inicial y final. OJO: antes, hay que "separar" el texto.
Posibles problemas en las animaciones por interpolación:
- Antes de animar mediante el panel "Fotograma" un objeto con borde (por ejemplo, un rectángulo o una elipse), o uno que esté formado por varios objetos, debemos agruparlos ("Modificar-Agrupar"). Si elegimos "crear una interpolación de movimiento usando el botón derecho, Flash agrupa automáticamente los objetos seleccionados.
- No podemos animar independientemente cada letra de una palabra a no ser que las distribuyamos en diferentes capas (cada letra en una capa)
- No podemos cambiar el color de un texto gradualmente si no está convertido a gráfico. ("Modificar-Separar")
- Si dos objetos van a animarse de formas diferentes, es mejor colocar cada uno en una capa diferente.
- Si queremos hacer una interpolación de forma y movimiento a la vez, debemos elegir la de forma.
- Si sólo deseamos cambiar la posición, rotación o escala (tamaño), no debemos hacer una interpolación de forma. En su lugar, elegiremos una interpolación de movimiento.
Cómo crear una línea a través de la cual se moverá el objeto:
- Crear el objeto en el fotograma clave inicial
- Agregar una Guía de Movimiento (con el botón derecho encima del nombre de la capa)
- Crear interpolación de movimiento (con el botón derecho apuntando al fotograma inicial)
- Insertar un fotograma clave al final
- Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)
- En la capa guía, crear un trazado (con el pincel, la pluma, el lápiz, el óvalo e el rectángulo)
- Insertar un fotograma clave en la capa guía, al final
- Arrastrar el objeto en cada fotograma clave hasta que ajuste con el comienzo o fin del movimiento trazado.
- Si deseamos que la forma gire a la vez que el trazado, debemos elegir "Orientar según trazado" en la paleta fotograma, en el fotograma inicial.
- Podemos ocultar el trazado de guía ocultando la capa que lo contiene (botón del ojo)
Cómo cambiar el color de un texto gradualmente:
Veamos cómo hacer el famoso efecto de "fade in" o "fade Out" (desvanecimiento) de un texto, que cambiará de color poco a poco, del color de fondo a otro, o de otro al color del fondo (o entre dos colores cualesquiera)
- Crear el objeto en el fotograma clave inicial, con el color inicial
- Separar el texto ("Modificar-Separar")
- Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma")
- Insertar un fotograma clave al final
- Cambiar el color del objeto en el fotograma final
