1

FIREWORKS
Como instalar la aplicación Fireworks.

Fireworks programa de diseño gráfico.

Trabaja en un sistema en 64 o 32 bits, su instalación es un simple asistente guiado donde se presiona

siguiente…siguiente y finalizar.

La primera vez que se abre la aplicación existe la posibilidad que no lo haga, solo parpadeará la pantalla, si
esto sucede:

1. Buscar el icono de la aplicación Fireworks en la pantalla de inicio.

2. Clic derecho sobre el icono y clic en ejecutar como administrador, clic en aceptar.

Estos procedimientos se ejecutan solo la primera vez que la aplicación no abre, ya después no será
necesario.

Al momento de iniciar la aplicación por primera vez muestra una ventana donde indica:

• Dispongo de un número de serie….. el cual debe digitarse.

• Prueba por 30 días…. El cual no es la recomendación pues pasados los 30 días la aplicación no podrá
activarse.

Requerimientos
1. Características importantes en Fireworks no se crean documentos para impresión, si fuese necesario
captura la imagen la transfiere a Word y desde ahí la manda a imprimir.
2. Se trabaja con un lienzo, Blanco, transparente y de color. El tamaño del lienzo dependerá de las
necesidades de diseño.
3. Como lección inicial hoy trabajaremos con un lienzo de 800x600, pero para diseñar para páginas
Web estos valores cambian 1024 x 768
4. Resoluciones: son la cantidad de colores en una pulgada, en Fireworks se manejan en escalas de 72
pues es lo mínimo que puede ver el ojo humano sin disturbios una imagen.

Ahora bien abrir la aplicación

 2

Clic Crear un nuevo archivo en Fireworks

Aquí debe cambiar los valores a 800 x600. Resolución en 72. Color del lienzo Blanco
 3

PARTES DE LAS VENTANAS

Herramientas en el margen izquierdo de la pantalla.

Propiedades en la parte inferior de la pantalla, la cual varía dependiendo del objeto que se manipula.

Optimización y manejo de capas en el margen derecho de la pantalla.

Una vez que dimos aceptar se comienza a trabajar en el lienzo, seleccionando herramientas vectores, para
ello se da clic y debe mantenerse hasta que se activen los shapes.

• Seleccionar el vector elipse: figura circular no perfecta. Formar 2 circulos, asignarles un color
diferente desde las propiedades y recordar que la herramienta se mantiene activa hasta que usted
no la desactive dando un clic sobre el icono de puntero de mouse negro de la barra de herramientas.
• Ahora se moverán los círculos uno a la par o detrás del otro con la finalidad de comprender que las
imágenes por vectores No son figuras planas, sino figuras formadas por capas ver las capas en el
margen derecho de la pantalla.
 4

Trabajando con más formas:

Seleccionar los círculos y los borran con supr.

Ahora seleccionan un rectángulo y formarlo amplio sobre el lienzo y comprender que sobre el lienzo se
trabaja a espacio completo ósea manipulando todo el fondo del lienzo y no solo una pequeña esquina
como están acostumbradas a trabajar.

Incorrecto Correcto

Ahora bien podemos SOBREPOSICIONAR LAS CAPAS una detrás de la otra, para ello formar la siguiente
imagen.

Los colores NO se manejan por nombres sino por una secuencia de valores por ejemplo para blanco es
FFFFFF pero azul tiene distintos tonos 000099 ó 0000CC

En el área de capas mover las capas, visualizarlas o ocultarlas

Borrarla y continuar con otras formas.

PLUMA: herramienta de dibujo que requiere práctica.

Formar un triángulo, en este caso dando clic no arrastrando. Si al formar la figura esta no se ve, es porque
el borde está oculto, entonces deben irse a propiedades y colocarle borde, un relleno o color si lo desea.

Práctica

Formar con la pluma una casa y después borrarla

Ahora vamos a formar una dona y manipularla, quitarle el borde y manejar efectos.

PERFORACIÓN:
 5

¿Cómo se perfora? ¿Para qué se perfora?

Hacer un rectángulo sin bordes.

Hacer un círculo y asignarle un color.

Seleccionar las dos capas.

Clic en Modificar Clic en

Combinar trazados

Clic en perforación.

Práctica dibujar un pacman, mediante la perforación.

SUBSELECCIÓN O DEFORMACIÓN
Clic en la figura del pacman, clic en la herramienta puntero blanco a la
par del puntero negro o abrir o cerrar la abertura del pacman.

FOTOGRAFÍAS
Las fotografías no se manipulan de tamaño como en Word, aquí debe indicársele a la aplicación que la
imagen se va a modificar, seleccionándola y dando clic en la herramienta a ESCALA debajo del cursor negro,
posteriormente arrastra y modifica su tamaño.

PASOS:

1. Clic en archivo.
2. Clic en abrir. Aquí seleccionar la imagen desde los recursos.
3. Clic en Modificar
4. Clic en Lienzo
5. Clic en Tamaño y digitar el tamaño requerido en nuestro caso como ejemplo sería 800,
 6

6. La imagen disminuye pero no está en el lienzo por eso debe darle clic derecho copiar, pasarse al
lienzo de la par y pegar.

Práctica

• Dimensiones 1200X 300

• Letra arial black, color negro -60.
• Rectángulo blanco, transparencia en 70.

1200

300

Ahora bien se iniciará con el diseño del afiche el primero será Aventura.
Ingresar a Fireworks clic en crear nuevo archivo de Fireworks
Dar las dimensiones Lienzo 1200x300

• Clic en Archivo, clic en abrir

• En recursos buscar la imagen de aventura

En una pestaña estará el lienzo

y al lado la imagen, la cual
supera el tamaño del lienzo.

• La imagen es grande por lo

tanto seleccionarla, clic en
Modificar, clic en Lienzo, clic en
Tamaño de la imagen y modificar el primer valor por 1200, clic en aceptar.
• Después copiarla pasarse al png, pegarla y acomodarla respecto de la forma que debe tener tal
como se muestra en el ejemplo.
• Insertar un vector rectángulo al centro de la imagen, colocarle fondo blanco, con transparencia en
60-70 y modificar sus puntos para formar la diagonal del rectángulo.
 7

Ahora seleccione la herramienta Texto e inserte Aventura,

con el formato de fuente establecido, acomode el cuadro
de texto. Arial-Black 60-negra

Siguiente y MÁS IMPORTANTE:

La imagen debe OPTIMIZARSE A jpg calidad superior. Para de clic en

el margen derecho de la pantalla

Guardar la imagen,

Al guardarla su formato es .png. Debe darle el nombre af_aventura

en la carpeta PNG de la estructura del sitio.

Exportar este banner a la carpeta imágenes, para ello clic en Archivo, clic en Exportar, mantenerle el mismo
nombre que le dio al guardarlo, buscar la carpeta images y aceptar.
 8

Diferencias entre

PNG: permite la edición del archivo

Exportar: no permite la edición es para utilizar en el sitio web

Al cerrar las ventanas abiertas en Fireworks recuerde que tendrá el área del lienzo y la par la imagen original
que usted modificó. Esto NO SE guarda, para mantener el tamaño original de la imagen. Recuerde que usted
la modifico, la copió y la pegó en el lienzo. Y su lienzo ya se encuentra guardado y exportado.

Efecto de sombra al texto

Efecto de borde al texto

Cambiar el color de borde, por ejemplo a blanco FFFFFF, y en opciones de trazado probar con 2,3, ó 4.
 9

Fireworks

Trabajando con imágenes

Los recursos se encuentran en la carpeta recursos

• Generar los siguientes afiches

Lienzo 1200x300, fuente: Arial Black, 60

Lienzo de 1200x400, fuente: Rockwell Extra Bold, 60 y 40

1200x300, fuente: Arial Black, 60

10