Introduccin a Adobe Fireworks CS6 Para acceder a Fireworks es necesario seguir los siguientes pasos: Clic en Inicio> Todos los programas> Adobe Fireworks CS6 A continuacin dar un clic en Crear Nuevo> Documento de Fireworks. Luego configurar el tamao del lienzo en pxeles

Posteriormente aparecer lista la ventana para empezar a trabajar: El Entorno de Trabajo. Fireworks es un software exclusivamente dedicado al diseo Web, el cual cuenta con un entorno o interfaz de trabajo bastante amigable y manejable.

La Barra de Mens.

Esta barra tiene como objetivo facilitar el acceso a las distintas utilidades del programa. Guarda similitud con las barras de Men de cualquier otro programa de diseo, sin embargo tiene algunas particularidades tales como el submen Seleccionar y Filtros entre otros. A continuacin veremos los principales Submens a los que se puede acceder: Archivo: Este submen permite al usuario crear nuevos archivos, abrirlos, guardarlos, etc. Destaca la potencia de la utilidad Importar que permite insertar en el canvan imgenes existentes, o la de Presentacin Preeliminar de la Exportacin desde donde se pueden configurar la exportacin del archivo de imagen final. Tambin permite configurar pgina, Vistas previas en el navegador de Internet, configuracin de HTML, etc. Edicin: Este submen permite Cortar, Copiar, Pega, Deshacer acciones, Insertar botones, smbolos e inclusive capas y fotogramas, todos los cuales son aplicables a los cuadros de imagen existentes en el canvan; tambin permite personalizar las preferencias de trabajo. Ver: Este submen, permite dar acercamientos y alejamientos sobre los objetos que se hallan en el Canvan, Tambin incluye la posibilidad de crear una cuadrcula y unas guas, tambin se pueden configurar sus respectivas opciones.

Seleccionar: Este submen permite al usuario manejar las opciones de seleccin de objetos, opciones tales como Seleccionar Todo, Seleccionar Inverso, Expandir, Contraer y Suavizar Recuadro, etc. Modificar: En este submen encontramos diversas opciones tales como la de Lienzo, en la que se puede configurar el tamao de lienzo, opciones sobre animacin, mens emergentes, mscaras y sobre todo la opcin Organizar, la cual permite modificar la ubicacin de los objetos en el canvan mediante el enfoque hacia delante, hacia atrs, al frente, etc. Y la alineacin entre otras opciones. Es un submen bastante til y su dominio es de vital importancia para un trabajo eficiente. Texto: Las opciones de este submen afectan a la edicin de texto, mediante opciones tales como Fuente, tamao de texto, estilo, alineamiento, etc. Adems posee un Editor, el cual es una opcin que facilita y simplifica el trabajo con fuentes de texto y todo lo que en ello se ve implicado. Comandos: A travs de este submen es posible administrar los Comandos que hayamos guardado, as como extensiones y utilizar el asistente de grficos y datos que es una herramienta bastante interesante para el trabajo, entre otras opciones. Filtros: Desde este submen se modifican las propiedades de ajustes de colores, desenfocar y perfilar, que son opciones regularmente usadas en la edicin de imgenes, as como Eye Candy4000 y Allen Skin Splat, os cuales constituyen herramientas muy poderosas en cuanto a efectos visuales se refiere. Ventana: Este men, adems de las opciones clsicas acerca de cmo distribuir las ventanas y las barras de herramientas para el trabajo, incluye todos los accesos directos a los paneles as como

los estilos, opciones de muestreo de la ventana principal y alineamiento. Tambin contiene la lista de los archivos que han sido cargados y los nuevos archivos en los que se est trabajando. Ayuda: Desde este submen y a travs de sus opciones es posible acceder a toda la ayuda que nos ofrece, el cual incluye sesiones de aprendizaje, Fireworks y un Centro de Asistencia para preguntas e inquietudes. Tambin, muestra la informacin respecto a la licencia del software y los crditos de este.

El Canvan y Paleta de Herramientas.

El Canvan es el rea de trabajo propiamente dicha, es el lugar en donde sern creados o agregados los objetos para posteriormente llevar a cabo el trabajo de diseo y optimizacin con cada uno de ellos.

La Paleta de Herramientas. Es la parte de la interfaz que contiene las herramientas mas importantes a usar sobre todo en el diseo y optimizacin de los objetos del canvan, estn clasificadas segn su naturaleza y campo de aplicacin.

Para un claro entendimiento de estas herramientas y sus caractersticas a continuacin se muestran detalladas las ms importantes.

HERRAMIENTAS DE SELECCIN De este tipo de herramientas se tienen las siguientes:

Herramienta Puntero: esta es la herramienta ms usada en Fireworks. Su principal uso es para la seleccin de objetos. Su uso adecuado significa ahorro de tiempo. Adems presenta la Herramienta Seleccionar Detrs como similar.

Herramienta Subseleccin: Esta herramienta permite modificar los objetos segn sus puntos, de modo que se pueda manipular su forma adaptndola a aquella que sea necesaria.

Herramienta Escala, Distorsionar, Inclinar: Esta herramienta sirve para modificar proporcionalmente las dimensiones de los objetos, as como tambin hacer inclinaciones en torno a los ejes x e y con la ventaja de que al modificar las dimensiones o inclinar, la calidad de la imagen mantiene no sufre cambios considerables respecto a otras herramientas de diseo.

Herramienta Recortar y Exportar rea: Esta herramienta permite hacer un recorte ptimo de forma sencilla y rpida, as como tambin permite llevar el rea de objeto recortada a otro archivo de Fireworks es decir, exportar este recorte.

HERRAMIENTAS DE MAPA DE BITS De este tipo de herramientas se tienen las siguientes:

Herramienta Recuadro y Recuadro Oval: Esta herramienta sirve para enmarcar una determinada rea de un objeto y poder copiarla, cortarla, etc, ya sea en forma de recuadro o en forma oval

Herramienta Lazo y Lazo Polgono: A travs de esta herramienta se seleccionan reas a mano alzada o poligonales respectivamente.

Herramienta Varita Mgica: Esta herramienta facilita la seleccin de una determinada regin de color similar de una determinada tolerancia seleccionada por el usuario.

Herramienta Lpiz: Esta constituye la primera Herramienta de dibujo propiamente dicho. Permite dibujar lneas con la forma que se crea conveniente, pudiendo modificar la forma de estas segn sea conveniente.

Herramienta Brocha: La funcionalidad de esta herramienta equivale a la de la herramienta lpiz, pero el trazo que ejecuta es un tanto ms grueso. Suele emplearse para aplicar rellenos. Su grosor y forma de trazo son configurables.

Herramienta Desenfocar, Perfilar, Oscurecer, Aclarar, Difuminado: estas herramientas son de uso comn, por lo general en edicin de imgenes y trabajo con sombras e iluminacin, se pueden configurar por intensidades.

Herramienta Borrador: La funcin de esta herramienta es la de eliminar todo aquello que haya sido dibujado o plasmado.

HERRAMIENTAS VECTOR De este tipo de herramientas se tienen las siguientes:

Herramienta Lnea: Esta herramienta permite crear lneas rectas de modo simple y rpido. Una vez creadas estas lneas pueden ser modificadas sin ms que situar el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla.

Herramienta Pluma: Esta herramienta est dotada de una gran versatilidad, ya que permite crear polgonos y por tanto rectas, rectngulos, etc. de un modo sencillo. Para su empleo se debe hacer clic en los lugares que se quieran definir como vrtices de los polgonos, lo cual asegura una gran precisin.

Herramienta Rectngulo: El manejo de esta herramienta es similar al de las herramientas de

seleccin, con la diferencia de que esta herramienta permite hacer trazos de esta y muchas otras formas tales como se muestran a continuacin:

Herramienta Texto: A travs de esta herramienta se crea texto en el lugar en el que hagamos clic.

Herramienta estilo libre, depuracin de trazados: esta herramienta permite hacer trazos libremente por el canvan, adems posee variantes que permiten hacer depuracin de algunos trazos en los que se requiera.

HERRAMIENTAS COLORES Herramienta Cuentagotas: La funcin principal de esta herramienta es Capturar colores para que posteriormente podamos utilizarlos. Su uso es por lo general cuando se editan imgenes y se necesita tomar un color especfico que existe en la imagen para usarlo en la edicin.

Herramienta Cubo de Pintura: La herramienta Cubo de Pintura permite aplicar rellenos a objetos que hayan sido creados previamente al uso. No permite aplicar rellenos si la zona no est delimitada por un borde.

Los Paneles. Los Paneles son conjuntos de comandos agrupados segn su funcin (por ejemplo, todo lo que haga referencia a las acciones, ir en el Panel "Acciones"). Su misin es simplificar y facilitar el uso de los comandos. Se puede acceder a estos paneles desde el entorno de trabajo, pero en el caso de que no se encuentre alguno de estos, es preciso ir al submen Ventana, y seleccionar aquel que sea necesario. Entre los principales tenemos:

Panel Optimizar: Este panel permite configurar las preferencias de calidad y de extensiones de los archivos sobre los cuales se va ha trabajar.

Panel de Capas: Este panel muestra las capas existentes en el trabajo que se est realizando, para tener un mayor control y orden.

Panel o Inspector de Propiedades.

Cada vez que se selecciona un elemento, bitmap o vector, el Inspector de propiedades muestra la informacin y los ajustes del tipo de objeto seleccionado. Por ejemplo, cuando selecciona un trazado de vector, el Inspector de propiedades muestra sus caractersticas, como la anchura y el

color del trazo. Tamao del lienzo Es muy importante este tema, dado que representa la dimensin de nuestra rea de trabajo y depender exclusivamente del trabajo que estemos realizando. Podemos usar Fireworks para

construir la pgina completa o crear elementos destinados a Flash y Dreamweaver.

Si luego de iniciar el trabajo, deseamos cambiar el tamao, acudimos al panel de propiedades y tenemos 2 opciones: Tamao de lienzo: Modifica el lienzo sin considerar los objetos. Vectores Los elementos grficos vectoriales representan imgenes mediante lneas y curvas, llamadas vectores, que tambin tienen propiedades de color y posicin. Por ejemplo, la imagen de una hoja se puede definir por una serie de puntos conectados por lneas de distintas formas y grosores, que dan por resultado el contorno de la hoja. El color de la hoja lo determina el color del contorno y el rea que encierra dicho contorno.

Trabajo con objetos vectoriales El color del trazo de los objetos vectoriales corresponde a su trazado. Y su relleno ocupa el rea interior del mismo. El trazado y el relleno determinan el aspecto de la imagen que se imprime o publica en la Web. Fireworks tiene muchas herramientas que permiten dibujar y editar objetos vectoriales mediante distintas tcnicas. Dibujo de formas bsicas

Las herramientas de dibujo de formas bsicas se encuentran en la seccin de herramientas vector del panel Herramientas. Cuando se dibuja un vector, el color que adopta, tanto su contorno como relleno, depende de los colores definidos en la zona de colore del panel herramientas.

Dibujo de formas automticas

Las formas automticas son grupos de objetos vectoriales inteligentes que simplifican la creacin y edicin de elementos visuales comunes. Las herramientas de formas automticas dibujan grupos de objetos. Al contrario que otros grupos de objetos, las formas automticas seleccionadas tienen puntos de control con forma de diamante adems de los tiradores del grupo de objetos.

Cada punto de control se asocia con una propiedad visual concreta de la forma. Al arrastrar un punto de control slo se altera la propiedad visual asociada. La mayora de los puntos de control de las formas automticas tienen mensajes de ayuda emergente que describen la forma en la que afectan a la forma automtica. Coloque el puntero sobre un punto de control para ver un mensaje de ayuda emergente que describe la

propiedad que maneja ese punto de control. Aunque cada herramienta de forma automtica del panel Herramientas utiliza el mismo mtodo de dibujo sencillo, los atributos editables de cada forma automtica son distintos. Herramienta Pluma Un mtodo de dibujar de esta herramienta es el de trazar puntos como si se estuviera dibujando un dibujo de une-los-puntos. Al hacer clic en cada punto con la herramienta Pluma, Fireworks dibuja automticamente el trazado del objeto vectorial desde el ltimo punto colocado con el ratn.

Edicin de trazados Fireworks ofrece varias maneras de editar los objetos vectoriales. Su forma se puede cambiar moviendo, aadiendo o eliminando puntos con la herramienta subseleccin; tambin se pueden mover los tiradores de punto para variar la forma de los segmentos de trazado adyacentes. Las herramientas de Estilo libre permiten cambiar la forma de los objetos mediante la edicin directa de los trazados. Tambin se pueden utilizar las operaciones de trazado para crear nuevas formas combinando o alterando trazados existentes. Creacin de un objeto a partir de la interseccin de otros objetos Con el comando Interseccin, es posible crear un objeto a partir de la interseccin de dos o ms objetos.

Con el dibujo anterior, para crear un trazado cerrado que abarque el rea comn a todos los trazados cerrados seleccionados vamos al men Modificar > Combinar trazados > Interseccin. El trazado resultante toma los atributos de trazo y relleno del objeto situado ms atrs. Propiedades de los vectores

Despus de haber realizado un trazo vectorial, en el panal propiedades podemos realizar algunas

variaciones en la apariencia. Dichas variaciones se muestran en 3 columnas

Relleno El relleno se puede cambiar para mostrar diversas caractersticas de solidez, tramado, patrn o degradado que oscilan desde colores slidos hasta degradados. Estas caractersticas simulan efectos de satn, ondas, pliegues o degradados en los contornos del objeto al que se aplican. Tambin pueden cambiarse atributos de relleno, como por ejemplo el color, el borde, la textura o la transparencia. Rellenos degradados Todas las categoras de relleno, salvo Ninguno, Slido, Motivo y Tramado Web, son rellenos degradados. Los rellenos degradados mezclan colores para crear distintos efectos.

Para editar el relleno degradado actual, es posible hacer clic en cualquier cuadro Color de relleno y luego utilizar la ventana emergente Editar degradado.

Aplicacin de efectos automticos Mediante el Inspector de propiedades es posible aplicar uno o ms efectos automticos a los objetos seleccionados. Cada vez que se aade un efecto nuevo al objeto, se incluye en la lista del men emergente Efectos del Inspector de propiedades. Cada efecto de la lista se puede activar o desactivar.

Es posible personalizar cada efecto automtico para obtener el aspecto que se desee. Al elegir los efectos Bisel, Desenfocar, Relieve, Iluminar, Sombrear o Perfilar, aparece una ventana emergente en la que ajustar los parmetros del efecto. Si se eligen efectos de correccin de color, se abren cuadros de dilogo que contienen controles para ajustar las caractersticas de los colores, como por ejemplo los niveles automticos, el brillo y el contraste, el matiz y la saturacin, la inversin de los colores, las curvas y el relleno de color. Cuando se elige un efecto de desenfoque o perfilado, se aplica directamente al objeto.

Fireworks facilita la aplicacin de sombras, sombras interiores y luces a objetos. Es posible especificar el ngulo de la sombra para simular el ngulo de la luz que incide sobre el objeto.

Cabe resaltar, que los filtros pueden ser aplicados tambin sobre los bitmaps

Estilos

El conjunto de atributos de apariencia que aplicamos a los vectores, son conocidos como Estilos. El panel Estilos contiene un conjunto de estilos predefinidos de Fireworks. Adems, si ha creado combinaciones de trazos, rellenos, efectos y atributos de texto y desea utilizarlos otra vez, puede guardar los atributos como un estilo. En lugar de volver a asignar los atributos una y otra vez, basta con guardarlos en el panel Estilos y aplicar la combinacin de atributos a otros objetos.

Crear un estilo nuevo Aparte de utilizar los estilos predefinidos por el programa, conforme el usuario va generando nuevos efectos para sus vectores, dichos efectos pueden agregarse a la biblioteca de estilos de la

siguiente forma:

a. Cree o seleccione un objeto vectorial o de texto con los atributos de trazo, relleno, efecto o texto que desee.

b. Haga clic en el botn Nuevo estilo de la parte inferior del panel Estilos. c. Elija los atributos que desee que formen parte del estilo en el cuadro de dilogo Nuevo estilo.

Cuadro de dilogo