Fireworks

Internet, el instrumento esencial de la diplomacia del siglo XXI

INTRODUCCIÓN A FIREWORKS MX

Al entrar a Fireworks nos encontramos, más o menos (puede variar de acuerdo la configuración que le dé el usuario), con la siguiente pantalla:

Para crear un área nuevo de trabajo necesitamos crear un lienzo (canvas), para esto vamos a Archivo(File)>Nuevo(New), y nos aparece la siguiente ventana,que sirve para configurar precisamente el área de trabajo:

En ella se nos dan las opciones para determinar el ancho (width) y el alto (height) del lienzo; la resolución (que en el caso de diseño Web, suele ser de 72 píxeles); el sistema de medidas que queremos utilizar: píxeles, pulgadas (inches), o centímetros. Nosotros utilizaremos píxeles, por ser el sistema más utilizado en medidas paradiseño Web. En la misma ventana podemos ver, además, las opciones para determinar el color que llevará el "lienzo" o área de trabajo. Pero es de notar que, aunque definamos un color determinado, aun nos da la opción de utilizarlo de color blanco, o transparente. Una vez definidas las propiedades del lienzo, ya estamos listos para trabajar.

Introducción a Fireworks MX

-1-

Internet, elinstrumento esencial de la diplomacia del siglo XXI

A la izquierda de la pantalla, encontramos la "caja de herramientas".

Detalle de ventana que aparece al presionar la herramienta de rectángulo

Varias de las herramientas indican con una pequeña flecha en la parte inferior derecha, que contienen variantes de la misma herramienta (Ver figura en la parte superior derecha).

Caja de herramientasPor otro lado, en el momento que se selecciona alguna herramienta, el panel de propiedades (Property Inspector) cambia de acuerdo a la herramienta, mostrando las diferentes opciones disponibles para la herramienta seleccionada. Por ejemplo, si estamos utilizando una figura de tipo vector, el panel de propiedades aparece de la siguiente manera:

Principios básicos del diseño para Web

-2-Internet, el instrumento esencial de la diplomacia del siglo XXI

En este panel se pueden indicar varias propiedades como tamaño, color de relleno, línea, transparencia, efecto especial, estilo de línea o textura. En la tabla siguiente, basada en el manual oficial de Fireworks, se describen las funciones básicas de cada herramienta: Herramienta Puntero En el modo de objeto Selecciona y muevetrazados en la pantalla. En el modo de edición de imágenes Mueve la imagen o los píxeles agrupados mediante un recuadro. Haga doble clic en una imagen para editar los píxeles que la componen. Mueve la imagen o los píxeles agrupados mediante un recuadro. Mueve la imagen o los píxeles agrupados mediante un recuadro.

Seleccionar detrás Seleccionar en nivel inferior

Selecciona un objeto situadodetrás del objeto seleccionado. Selecciona y mueve recuadros en la pantalla, selecciona un objeto de un grupo o un símbolo. Muestra los puntos de un trazado y selecciona puntos. Activa el modo de edición de imágenes y selecciona un área de píxeles rectangular o elíptica. Activa el modo de edición de imágenes y selecciona un área de píxeles de estilo libre Activa el modo de edición de imágenes yselecciona un área formada por píxeles de color similar. Dibuja objetos como trazados que se pueden editar.

Recuadro o recuadro elíptico Lazo o lazo poligonal

Selecciona un área de píxeles rectangular o elíptica. Selecciona o mueve un área de píxeles de estilo libre. Selecciona un área formada por píxeles de color similar. Pinta pinceladas de píxeles en un objeto de imagen.

Varita mágicaLínea básicas

y formas

Introducción a Fireworks MX

-3-

Internet, el instrumento esencial de la diplomacia del siglo XXI

Pluma

Dibuja objetos como trazados que se pueden editar. Crea y edita bloques de texto y abre el editor de texto. Dibuja trazos de lápiz de un píxel como trazados de estilo libre. Dibuja pinceladas como trazados. Estira o contrae un trazado seleccionado para...