U.P.L.A.

Ao de la consolidacin del Mar de Grau

UNIVERSIDAD PERUANA LOS ANDES

FACULTAD: INGIENERIA DE SISTEMAS

CATEDRA: TEORA DE SISTEMAS

CICLO: III

DOCENTE: Ing. Karina Luz Cruz Oscanoa

EDUCACION A DISTANCIA

MANUAL QUE DESCRIBA LA CAJAS DE

HERRAMIENTA DE PROGRAMA ADOBE
FIREWORKS CS6
PRESENTADO POR: MANRIQUE MARTINEZ, Jos Luis

CODIGO: H12495K

Huancayo - Per

2017
 U.P.L.A.

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 Preliminar 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