ANIMACIONES CON GIFS ANIMADOS Paso 1.

- ingresar a Fireworks y crear un lienzo con las siguientes caractersticas (Ctrl + N)

Paso 2.- se debe importar un gif animado al lienzo, para ello en la barra de men: Archivo/importar (Ctrl + R) seleccionar el siguiente gif y hacer clic en el botn: Abrir

Paso 3.- el cursor se convertir en un vrtice, hacer clic y jalar en diagonal de la siguiente manera:

Paso 4.- se debe activar la ventana: Estados, para ello en la barra de men: ventanas/Estados (Shift + F2)

Paso 5.- seleccionar la herramienta rectngulo (U) y dibujar un rectngulo con las mismas medidas que el lienzo: 600 de ancho y 80 de altura, tanto en X como en Y poner: 0 determinar estas medidas desde la barra de propiedades:

Obs.- si el rectngulo cubriera el dibujito (en este caso sonic) activar la ventana de capas (F2) se mostrarn 2 elementos: rectngulo y mapa de bits, colocar rectngulo debajo de mapa de bits Paso 6.- cambiar el tipo de relleno del rectngulo de la siguiente manera: en la barra de propiedades, ubicar categora de relleno y cambiar de Solido a Degradado/Radial:

Paso 7.- desde la barra de propiedades activar el selector de colores para degradados y seleccionar los siguientes colores: amarillo y rojo

Amarillo

Rojo

Paso 8.- Copiar el rectngulo a los dems estados, para ello seleccionar el rectngulo y pulsar Ctrl + C (copiar) en la ventana de estados, hacer clic en: Estado 2 y pulsar Ctrl + V (pegar)

Repetir este procedimiento para los dems estados, es decir hacer clic en Estado 3 y pulsar Ctrl + V (pegar) y as sucesivamente hasta cubrir los 6 estados del gif animado Obs.- si el rectngulo cubriera al dibujito (en este caso sonic) activar la ventana capas (F2) se mostrarn 2 elementos: rectngulo y mapa de bits, colocar rectngulo debajo de mapa de bits

Paso 9.- activar la ventana estados (Shift + F2) y ubicarse en el Estado 1, en dicho estado con la herramienta texto (T) insertar las siguiente frases: SONIC el ms rapidito, con las siguientes caractersticas: fuente: Arial, estilo de fuente: black, tamao: 23, color de borde: blanco, determinar estas caractersticas desde la barra de propiedades:

Paso 10.- seleccionar ambos textos (mantener presionada la tecla Shift y hacer clic en cada texto) y copiarlos a los dems estados: para ello seleccionar los textos, pulsar Ctrl + C (copiar) en la ventana de Estados hacer clic en Estado 2 y pulsar Ctrl + V (pegar)

Repetir este procedimiento para los dems estados, es decir hacer clic en Estado 3 y pulsar Ctrl + V (pegar) y as sucesivamente hasta cubrir los 6 estados del gif animado.

Paso 11.- desde la ventana de Estados ubicarse en el Estado 1 y con la herramienta rectngulo redondeado, dibujar un rectngulo con las siguientes caractersticas: 590 de ancho, 70 de altura y tanto en X como en Y poner: 5, color de borde blanco

Paso 12.- en la barra de propiedades ubicar categora de relleno, cambiar la categora de: Solido a Degradado/Lineal:

Paso 13.- en la barra de propiedades activar el selector de color para degradados y seleccionar los siguientes colores: amarillo y blanco

Blanco

Amarillo

Paso 14.- hacer clic en la detencin de opacidad del color blanco y disminuir la opacidad a 50:

Paso 15.- hacer clic en la detencin de opacidad del color amarillo y disminuir la opacidad a 30:

Paso 16.- copiar el rectngulo a los dems estados, para ello: seleccionar el rectngulo y pulsar Ctrl + C (copiar) en la ventana de Estados hacer clic en: Estado 2 y pulsar (Ctrl + V)

Repetir este procedimiento para los dems estados, es decir hacer clic en Estado 3 y pulsar Ctrl + V (pegar) y as sucesivamente hasta cubrir los 6 estados del gif animado.

Paso 17.- en la ventana de Estados ubicarse en Estado 1 y activar la ventana capas F2 desde la ventana de capas, colocar el rectngulo redondeado debajo de los textos y el dibujito (mapa de bits) pero sobre el rectngulo con colores degradados

Repetir este procedimiento para los dems estados, por ejemplo, en la ventana de estados hacer clic en Estado 2, activar la ventana capas (F2) colocar el rectngulo redondeado debajo de los textos y el dibujito (mapa de bits) pero sobre el rectngulo con colores degradados. Paso 18.- para visualizar la animacin en la barra de reproduccin ubicar y hacer clic en el botn: Reproducir/Detener:

Paso 19.- para guardar la secuencia de la animacin, se debe proceder de la siguiente manera, en la barra de men: Archivo/Guardar como (Ctrl + Shift + S) seleccionar la unidad y/o carpeta destino, darle un nombre a la animacin y en Guardar se debe seleccionar la siguiente opcin: Fireworks PNG (*.png) y hacer clic en el botn: guardar

Paso 20.- para guardar este diseo como una animacin (gif animado) en la barra de men: Archivo/ Guardar como (Ctrl + Shift + S) y en el casillero: Guardar seleccionar la opcin: GIF animado (*.gif)