AREA: DISEO WEB

TALLER #1. GRADO: DECIMO PERIODO: PRIMERO

Tema: Conceptos bsicos de Fireworks Competencia: Identificar el entorno de trabajo de Fireworks. Desempeo: Se familiariza con el ambiente de Fireworks. Competencia Practica: Adquiere la capacidad de realizar ejercicios bsicos con algunas herramientas de Fireworks. ASPECTOS A DESRROLLAR.
1. Qu Es Fireworks? Macromedia Fireworks 8 es una aplicacin verstil para el diseo de elementos grficos que van a utilizarse en la Web. Permite crear y editar imgenes de mapa de bits y vectoriales, disear efectos Web, como rollovers y mens emergentes, recortar y optimizar elementos grficos para reducir su tamao de archivo y automatizar tareas repetitivas para ahorrar tiempo. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan los diseadores grficos y los responsables de sitios Web. 2. Represente el entorno (Interfaz) de trabajo de Fireworks.
B. de titulo B. Men Paneles rea Control

B. Herramientas

Lienzo

LIENZO

Inspector de Propiedades

Fireworks incluye en su entorno de trabajo el panel Herramientas, el Inspector de propiedades, los mens y los dems paneles. El panel Herramientas, situado a la izquierda de la pantalla, contiene varias secciones de herramientas de distintos grupos, como mapa de bits, vector y Web. De forma predeterminada, el Inspector de propiedades aparece en la parte inferior del documento y al principio muestra las propiedades del mismo. Despus cambia para mostrar las propiedades de la herramienta o el objeto seleccionados mientras se trabaja con el documento. Los paneles estn inicialmente acoplados en grupos a lo largo de la parte derecha de la pantalla. La ventana de documento aparece en el centro de la aplicacin. 3. Qu tipos de Imgenes se pueden elaborar con Fireworks? Fireworks contiene herramientas para disear Imgenes vectoriales y de mapa de bits y es capaz de abrir e importar ambos formatos. Las imgenes de mapa de bits estn formadas por puntos, llamados pxeles, organizados en una cuadrcula. Cuando se edita una imagen de mapa de bits, se modifican los pxeles, no las lneas y curvas. Las imgenes de mapa de bits dependen de la resolucin, es decir, los datos que las definen estn fijos en una cuadrcula que tiene un tamao determinado. Cuando se aumenta el tamao de un elemento grfico de mapa de

bits, los pxeles se redistribuyen en la cuadrcula, lo que puede dar lugar a que sus bordes queden desiguales. Los grficos vectoriales representan las imgenes mediante lneas y curvas, denominadas vectores, que incluyen informacin de color y posicin. Cuando se edita una imagen vectorial, se modifican las propiedades de las lneas y curvas que describen su forma. Las imgenes vectoriales son independientes de la resolucin, lo que significa que es posible desplazar, cambiar el tamao, alterar la forma, modificar su color y visualizarlas en dispositivos de salida de diferente resolucin, sin que cambie la calidad de su aspecto.

4. HERRAMIENTAS Por empezar, fijmonos que a la izquierda o en algn lugar de la pantalla, encontramos la siguiente "caja de herramientas":

Son 37 herramientas, algunas de las cuales cambian segn lo que se trabaje: dibujos o pixeles. En la tabla siguiente, sacada del manual oficial de Fireworks, se describen las funciones bsicas de cada herramienta en cada modo: Herramienta Puntero En el modo de objeto En el modo de edicin de imgenes

Selecciona y mueveMueve la imagen o los trazados en la pantalla. pixeles agrupados mediante un recuadro. Haga doble click en una imagen para editar los pixeles que la componen. detrs Seleccciona un objetoMueve la imagen o los situado detrs del objetopixeles agrupados seleccionado. mediante un recuadro.

Seleccionar

Seleccionar en nivel Selecciona y mueveMueve la imagen o los recuadros en la pantalla,pixeles agrupados inferior selecciona un objeto de unmediante un recuadro. grupo o un smbolo. Muestra los puntos de un

trazado puntos.

selecciona de o

Recuadro o recuadro Activa el modo de edicinSelecciona un rea de imgenes y seleccionapixeles rectangular elptico un rea de pixeleselptica. rectangular o elptica. Lazo poligonal o

lazo Activa el modo de edicinselecciona o mueve un de imgenes y seleccionarea de pixeles de estilo un rea de pixeles de estilolibre. libre Activa el modo de edicinSelecciona un rea de imgenes y seleccionaformada por pixeles de un rea formada por pixelescolor similar. de color similar. formas Dibuja objetos comoPinta pinceladas de pixeles trazados que se puedenen un objeto de imagen. editar. Dibuja objetos comoActiva el modo objetos y trazados que se puedendibuja objetos como editar. trazados que se pueden editar. Crea y edita bloques deActiva el modo de objetos, texto y abre el editor decrea bloques de texto, y texto. abre el editor de texto. Dibuja trazos de lpiz de unDibuja trazos de lpiz de pixel como trazados deun pixel. estilo libre. Dibuja pinceladas trazados. comoPinta pinceladas pixeles. como

Varita mgica

Lnea bsicas Pluma

Texto Lpiz

Pincel Estilo libre

Estira o contrae un trazadoActiva el modo de objeto. seleccionado para cambiar la forma del mismo. Remodela las partes de unActiva el modo de objeto. trazado seleccionado que estn incluidas en el cursor "remodelar rea" de Modifica las caractersticasActiva el modo de objeto. de presin y velocidad de un trazado sin modificar su forma. En el modo de objetos estaEn el modo de edicin de herramienta se convierte enimgenes esta Cuchillo. Corta un trazadoherramienta se convierte seleccionado para crearen Borrador. Borra pixeles varios trazados. de una imagen. Activa el modo de edicinDuplica partes de de imgenes y duplicaobjeto de imagen. partes de un objeto de imagen. un

Remodelar rea

Depurador trazados

Cuchillo/borrador >

Sello

Otras herramientas de trazado:

Lpiz : es para dibujar a Pincel : LaPluma : Sirve para mano alzada. El trazo abierto herramienta Pincelrealizar trazados segmento se finaliza normalmente en permite pintarpor segmento. Los nodos cualquier lugar. El trazo pinceladas de estiloresultantes en este trazado, cerrado, se finaliza en el libre, mientras que laposeen sub-nodos que mismo lugar donde se empez. herramienta Lpizayudan a la modificacin en A la figura resultante se le dibuja trazos de lpiz dela curva de alguno de esos puede dar relleno. un pxel. segmentos.

5. Qu es el lienzo y que propiedades se le pueden configurar? El lienzo es el rea de trabajo de Fireworks al cual se le pueden configurar las siguientes propiedades: Tamao: Ancho y alto Resolucin: Hace referencia al tamao de la imagen en pixeles, pulgadas, cm u otra denominacin de medida. Color 6. Cual es el proceso a seguir para seleccionar una herramienta ubicada dentro de un grupo? Cuando en el ngulo inferior derecho de una herramienta del panel Herramientas aparece un tringulo pequeo, indica que la herramienta forma parte de un grupo. Por ejemplo, la herramienta Rectngulo forma parte del grupo de herramientas de formas bsicas, que incluye tambin las herramientas de Rectngulo redondeado, Elipse y Polgono, as como las herramientas de formas automticas, que aparecen bajo la lnea divisoria.

Para seleccionar otra herramienta de un grupo de herramientas: 1. Haga clic en el icono de la herramienta y mantenga pulsado el botn del ratn. Aparece un men emergente con los iconos, los nombres y las teclas de mtodo abreviado de las herramientas. La herramienta actualmente seleccionada lleva una marca de seleccin a la izquierda del nombre. 2. Arrastre el puntero para resaltar la herramienta que desee y suelte el botn del ratn. La herramienta aparece en el panel Herramientas, mientras que sus opciones aparecen en el Inspector de propiedades. 7. Qu es el Inspector de propiedades? El Inspector de propiedades es un panel fundamental que vara segn el contexto y que muestra las propiedades de la seleccin actual, las opciones de la herramienta seleccionada o las propiedades del documento. De forma predeterminada, el Inspector de propiedades est acoplado en la parte inferior del rea de trabajo. 7.1 Utilizacin del Inspector de propiedades El Inspector de propiedades puede abrirse a media altura, con lo que se muestran dos filas de propiedades, o por completo, con lo que se muestran cuatro filas. El Inspector de propiedades tambin puede contraerse en su totalidad aunque permanezca en el espacio de trabajo.

8. Qu son los Paneles?. Describir cada uno. Los paneles son controles flotantes que ayudan a modificar aspectos de elementos u objetos seleccionados en el documento. Con los paneles se puede trabajar en fotogramas, capas, smbolos, muestras de color y otros. Los paneles pueden arrastrarse por separado, por lo que es posible agruparlos en funcin de las necesidades propias.

Algunos paneles pueden aparecer agrupados de forma predeterminada y otros no. Los siguientes paneles pueden contener otros paneles: Activos, Colores, Fotogramas e Historial.
Los paneles Optimizar, Edicin de imagen, Capas, Formas, Propiedades de forma automtica, Informacin, Comportamientos, Buscar y Alinear no estn agrupados con otros de manera predeterminada, aunque puede agruparlos si lo desea. Al agrupar los paneles, todos los nombres de grupos de los paneles aparecen en la barra de ttulo del grupo de paneles. Sin embargo, tambin puede asignar cualquier nombre que desee a los grupos de paneles. El panel Optimizar permite gestionar los parmetros que controlan el tamao y el tipo de archivo y trabajar con la paleta de colores del archivo o la divisin que vaya a exportarse. El panel Edicin de imagen incluye las opciones y herramientas de edicin de imgenes ms utilizadas. El panel Capas organiza la estructura de un documento y contiene opciones para crear, eliminar y manipular capas. El panel Fotogramas incluye opciones para crear animaciones. El panel Historial incluye una lista de los nuevos comandos que puede deshacer y rehacer de forma rpida. Adems, es posible seleccionar varias acciones y despus guardarlas y volver a usarlas como comandos. Para ms informacin, consulte contiene formas automticas que no aparecen en el panel Herramientas. El panel Propiedades de forma automtica permite realizar cambios en las propiedades de una forma automtica que inserte en un documento. El panel Estilos permite almacenar y volver a utilizar combinaciones de caractersticas de objetos o elegir un estilo entre los almacenados. El panel Caracteres especiales permite insertar caracteres especiales en bloques de texto directamente en Fireworks con un slo clic. El panel Biblioteca contiene smbolos grficos, de botn y de animacin. Es fcil arrastrar instancias de estos smbolos desde el panel Biblioteca al documento. Tambin es posible realizar cambios globales en ellas modificando solamente el smbolo. El panel URL permite crear bibliotecas que contengan valores URL utilizados con frecuencia. El panel Mezclador de colores permite crear colores nuevos y aadirlos a la paleta de colores del documento actual o aplicar los objetos seleccionados. El panel Muestras gestiona la paleta de color del documento actual. El panel Informacin proporciona datos sobre las dimensiones de los objetos seleccionados y las coordenadas del cursor conforme se mueve por el lienzo. El panel Comportamientos permite controlar los comportamientos, que determinan la reaccin que se produce en las zonas interactivas o las divisiones al mover el ratn. El panel Buscar permite buscar y reemplazar elementos como texto, URL, fuentes y colores en uno o varios documentos. El panel Alinear contiene controles para alinear y distribuir objetos en el lienzo.