ADOBE FIREWORKS II

Interactividad

CIS Sandro Miguel Honores Vasquez

Adobe Fireworks permite añadir zonas interactivas a las imágenes, crear animaciones y botones interactivos.

Proyecto 10: Animación gif

• Definir un tamaño de lienzo de 300x200

• Ir al panel de páginas y estado. Nótese que a cada página de fireworks se puede añadir una diversidad de estados.

• Añadir 4 estados y los tiempos

• Mostrar la regla y añadir guía para ajustar el texto correctamente

• En cada estado escribir lo siguiente: 1. SALIR

2. SALIR SIEMPRE

3. SALIR SIEMPRE ADELANTE

4. Imagen de la UCV

• Reproducir la animación

• Ir a optimizar, establecer con 255 colores sin perdida

• Finalmente ir a «Guardar como» y elegir gif animado.

Proyecto 11: Zonas interactivas

• Importar la imagen del Perú

• Ir a herramienta zona interactiva

• Seleccione la opción poligonal y trace sobre el departamento de lima

• En vinculo ingresar la página web de la región lima y finalmente exportar como html/imagenes

Proyecto 12: Botones y Barra de Navegación

• Cualquier objeto vectorial puede convertirse en boton: Modificar/simbolo/convertir en símbolo

• En nuestro caso vamos a editar botones ya existentes en la biblioteca del programa

• Ir a biblioteca común, botones y añadir el boton

• Hacer dos clic sobre el boton y se activa las propiedades del botón

• Elegir el estado Sobre

• Hacer clic en el botón y cambiar el relleno, y el texto cambiarlo por «Inicio»

• hacer clic afuera y editar el estado del botón «abajo»

• Finalmente exportar como HTML

Actividad

• Elabora un gif con tu nombre en cada estado debe aplicarse un efecto diferente.

• Elabora un gif en donde en cada estado se van mostrando diversos elementos hasta mostrarse el diseño total

• Elabore una barra de navegación usando botones y exportar a HTML