Cómo crear y probar animaciones en Fireworks CS5

2. Software
3. Adobe
4. Fuegos artificiales
5. Cómo crear y probar animaciones en Fireworks CS5

Libro Relacionado

Adobe Creative Suite 5 Design Premium All-in-One para tontos

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

La creación de imágenes es un proceso sencillo en Adobe Fireworks Creative Suite 5. La creación de imágenes para animaciones también es simple pero ligeramente diferente, en el sentido de que las imágenes se crean a partir de varios estados que juegan uno tras otro para crear la ilusión de movimiento.

Crear una animación

Para crear una imagen para la animación, siga estos pasos:

1. Cree o abra el objeto que desea animar, por ejemplo, cree un círculo con la herramienta Elipse.
2. Con la herramienta Puntero, seleccionar el círculo.
3. Seleccione Window→States Aparece el panel Estados, que enumera un estado.
4. En el menú del panel de la esquina superior derecha, seleccione Duplicar estado y aparecerá el cuadro de diálogo Duplicar estado.
5. Utilice el control deslizante Número para añadir tres nuevos estados.
6. En la sección Insertar nuevos estados, seleccione el botón de opción Después del estado actual y, a continuación, haga clic en Aceptar. Los objetos se colocan uno encima del otro.

Utilice el pelado de cebollas para obtener un buen flujo

El pelado de cebolla puede ser de gran ayuda cuando se trata de crear un buen flujo para una animación. El desvelado de cebolla le da la oportunidad de editar el estado seleccionado, pero ver (en una vista atenuada) los estados que se encuentran antes y después del estado seleccionado.

Para utilizar el desvelado de cebollas en una animación, siga estos pasos:

1. Seleccione la fila Estado 2 en el panel Estados.
2. Haga clic en el botón Desvelado de cebolla en la esquina inferior izquierda del panel y aparecerá una lista desplegable.
3. Seleccione Mostrar todos los estados para mostrar un estado antes y uno después del estado seleccionado.

Haz que la animación se mueva

La creación de la animación real ciertamente no es una ciencia de cohetes, pero necesitas prestar atención al estado que seleccionas antes de hacer tu movimiento.

Para poner en marcha la animación, siga estos pasos:

1. Seleccione Estado 2 en el panel Estados para ver el círculo Estado 2.
2. Utilizando la herramienta Puntero, arrastre el círculo ligeramente hacia arriba y hacia la derecha.
3. Seleccione Estado 3 para ver el círculo de estado 3.
4. Arrastre el círculo abajo y a la derecha del círculo del estado 2.
5. Seleccione Estado 4 para ver el círculo de estado 4.
6. Arrastre el círculo arriba y a la derecha del círculo del estado 3. Usted debe ver un flujo que – de una manera primitiva – representa una pelota que rebota.

Probar la animación

Puede probar una animación directamente en el tablero de Fireworks o en la web.

Prueba en Fireworks

Fireworks ofrece varios controles de reproducción en el lado derecho de la ventana de la mesa de trabajo. Para utilizar estos controles para probar una animación en Fireworks, siga estos pasos:

1. Haga clic en el botón Reproducir para iniciar la animación y observe que el botón Reproducir cambia al botón Detener.
2. Después de reproducir la animación, haga clic en el botón Detener para detener la animación.

Prueba en la web

La función Vista previa en el Navegador le da una idea más precisa de cómo se verá la animación para el espectador. Este procedimiento es tan fácil que no es necesario realizar ningún paso: Elija File→Preview en Navegador y seleccione el navegador en el que desea obtener una vista previa de la animación.

Si la animación no funciona en su navegador, asegúrese de que ha seleccionado GIF como Formato de archivo de exportación en el panel Optimizar en Fireworks.