BANNER FIREWORKS

Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es un editor de gráficos vectoriales y mapas de bits. Fireworks proporciona a los diseñadores web una forma ligera y eficaz de crear gráficos para sus páginas web sin tener que profundizar en el código o perderse entre múltiples paletas de colores.
Realizaremos un práctica para la toma de contacto con este nuevo programa, crear un gif muy sencillo con figuras geométricas básica.

Practica

Para empezar crearemos un documento nuevo; los documentos nuevos de Fireworks se guardan como documentos PNG, es el formato de archivo nativo de Fireworks. Las imágenes que se crean en Fireworks pueden exportarse o guardarse en varios formatos Web y formatos gráficos. Independientemente de los parámetros de optimización y exportación elegidos, el archivo PNG original de Fireworks se conserva para facilitar ediciones posteriores.

Con el rectángulo ya sobre la mesa de trabajo, iremos añadiendo diferentes formas para la práctica, las cuales, usaremos herramientas básicas para la toma de contacto. 

Siguiente paso con las Herramientas Vectoriales, dibujaremos sobre nuestro documento un rectángulo el cual estará relleno de un color a nuestra elección.

                             

                           

Active el trazo o el relleno para determinar a qué atributo afectan los ajustes de color. Restablezca los colores de trazo y relleno para aplicar los valores predeterminados especificados en el cuadro de diálogo Preferencias.

• En la sección Colores del panel Herramientas, haga clic en el icono situado a la izquierda del cuadro Color del trazo o Color de relleno.
• Haga clic en el botón Sin color de trazo o relleno en la sección Colores del panel Herramientas. Para establecer la característica inactiva en Ninguno, haga clic otra vez en el botón Sin color de trazo o relleno.

Con el rectángulo ya dibujado y con un relleno de color, es el paso de añadir las diferentes figuras de lo que está compuesto nuestro gif. Añadiremos Estrella y una flecha, todo ello con las herramientas vectoriales.

               

Elegimos la estrella como objeto a dibujar con la opción de cinco lados, que serán las puntas que tenga. A continuación con la Herramienta Escala, buscaremos la forma que más nos convenga para nuestro trabajo.

Crearemos al menos tres más para rellenar nuestro banner, además de usar la Herramienta Puntero para modificar su aspecto original.

                             

A continuación añadiremos una flecha con otra de las herramientas Vector, Línea de flecha.

           

Modificando su aspecto original con la herramienta para que finalmente tenga la siguiente forma:

Para finalizar el diseño, un pequeño texto con la herramienta correspondiente:

                                              

Como colofón asegurarnos que nuestro trabajo queda guardado en el formato adecuado para su posterior exposición y resultado.