INTRODUCCION

Actualmente la Computación e Informática, se constituyen en

un instrumento básico e indispensable en todos los campos de
la sociedad, incluido el sector educativo. Debido a las caracterís-
ticas, necesidades, problemas y posibilidades del contexto y
entorno local donde vivimos, así también a la gran cantidad de
información que disponen diferentes instituciones, es
indispensable que los educandos aprendan a buscar,
seleccionar, almacenar, organizar y presentar información útil y
relevante de tal manera que uno de los grandes objetivos es el
de formar adolescentes competitivos, que puedan
desempeñarse eficientemente en las entidades públicas y
privadas.

El presente Módulo, está orientado al Diseño Web. Con

Adobe Fireworks CS3 el proceso creativo de Sitios Web resulta
más fácil y divertido; Fireworks es la solución definitiva para el
diseño y producción de gráficos web profesionales. Se trata del
primer entorno de producción que afronta con éxito los grandes
retos de los diseñadores y desarrolladores de gráficos web.
Además nos permite una mejor integración con programas como
Flash y Dreamweaver.

1
 FIREWORKS CS5

Adobe Fireworks CS3, es una exclusiva herramienta de edición de imágenes

vectoriales y de mapa de bits, proporciona el entorno más eficaz para el diseño de
sitios Web e interfaces de usuario, y la creación y optimización de imágenes para la
Web.
Fireworks CS3 es una aplicación de software para el diseño profesional de gráficos en
pantalla. Sus innovadoras soluciones resuelven los principales problemas a los que se
enfrentan los diseñadores gráficos y los responsables de sitios Web..

Utilización de Fireworks
Fireworks es un programa versátil para crear, editar y optimizar gráficos Web. Permite
crear y editar imágenes de mapa de bits y vectoriales, diseñar efectos Web, como
rollovers y menús emergentes, recortar y optimizar elementos gráficos para reducir su
tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo.

 Objetos vectoriales y de mapa de bits

En el panel Herramientas de Fireworks hay diferentes secciones que contienen
herramientas de dibujo y edición de vectores y mapas de bits.
En Fireworks, la herramienta seleccionada determina si el objeto creado es un vector o
un mapa de bits. Por ejemplo, si selecciona la herramienta Pluma en la sección Vector
del panel Herramientas, cuando empiece a trazar puntos dibujará trazados de
vectores. Seleccione la herramienta Pincel y al arrastrar el puntero pintará un objeto de
mapa de bits. Seleccione la herramienta Texto y sólo tendrá que comenzar a escribir.

 Imágenes interactivas
Las divisiones y zonas interactivas son objetos Web que definen áreas interactivas en
un gráfico Web. Las divisiones cortan la imagen en varias secciones, a las que es
posible aplicar comportamientos de rollover, animación y vínculos URL (Uniform
Resource Locator). En la página Web, cada división se muestra como la celda de una
tabla.
Las zonas interactivas permiten asignar vínculos URL y comportamientos a parte de la
imagen o a toda ella.

Optimización y exportación de imágenes

Fireworks posee potentes funciones de optimización que permiten lograr un equilibrio
entre tamaño de archivo y calidad visual cuando se trata de exportar imágenes. En
Fireworks es posible optimizar los gráficos Web para reducir su tamaño de archivo y
cargarlos rápidamente en sitios Web. Asimismo, puede comparar la calidad en el área
de trabajo mediante Vista previa, 2 copias o 4 copias.

Las imágenes vectoriales y de mapa de bits

Los sistemas informáticos muestran las imágenes en formato de vectores o de mapa

de bits. Entender la diferencia entre los dos formatos ayuda a comprender el
programa, que contiene herramientas vectoriales y de mapa de bits y es capaz de abrir
e importar ambos formatos.

2
Las imágenes vectoriales
Los elementos gráficos vectoriales representan las
imágenes mediante líneas y curvas, denominadas
vectores, que incluyen información de color y posición. Por
ejemplo, la imagen de una hoja puede definirse por medio
de un conjunto de puntos que describen su contorno. El
color de la hoja queda determinado por el color de su
contorno (el trazo) y el del área que encierra este contorno
(el relleno).

Cuando se edita una imagen vectorial, se modifican las propiedades de las líneas y curvas que
describen su forma. Las imágenes vectoriales son independientes de la resolución, lo que
significa que es posible desplazar, cambiar el tamaño, alterar la forma y modificar el color de
una imagen vectorial, así como visualizarla en dispositivos de salida de diferente resolución, sin
que cambie la calidad de su aspecto.

Las imágenes de mapa de bits

Las imágenes de mapa de bits están formadas por puntos,
llamados píxeles, organizados en una cuadrícula. La pantalla
del equipo es una gran cuadrícula de píxeles. En la versión de
mapa de bits de la hoja, la imagen está determinada por la
posición y el valor de color de cada píxel de la cuadrícula.
Cada píxel tiene asignado un color. Cuando se presentan con
la resolución adecuada, los puntos encajan entre sí como las
teselas de un mosaico y forman la imagen.
Cuando se edita una imagen de mapa de bits, se modifican los píxeles, no las líneas y curvas.
Las imágenes de mapa de bits dependen de la resolución, es decir, los datos que las definen
están fijos en una cuadrícula que tiene un tamaño determinado.
Cuando se aumenta el tamaño de un elemento gráfico de mapa de bits, los píxeles se
redistribuyen en la cuadrícula, lo que puede dar lugar a que sus bordes queden desiguales.

Creación de un documento nuevo

Si se selecciona Archivo > Nuevo para crear un documento nuevo en Fireworks, se
crea un tipo de documento Portable Network Graphic (PNG). PNG es el formato de
archivo nativo de Fireworks. Después de crear
una imagen en Fireworks, ésta se puede
exportar o guardar como si tuviera otros
formatos gráficos para Web conocidos, por
ejemplo JPEG, GIF y GIF animado. Sean
cuales sean los parámetros de optimización
elegidos, el archivo PNG de Fireworks se
conserva para facilitar ediciones posteriores.
Para crear un gráfico Web en Fireworks,
primero es preciso configurar un documento
nuevo o abrir uno existente. Las opciones de
configuración pueden ajustarse después en el
Inspector de propiedades.
Para crear un documento nuevo:
1 Seleccione Archivo > Nuevo.
Se abre el cuadro de diálogo Nuevo documento.
2 Introduzca las medidas para la anchura y la altura del lienzo en píxeles, pulgadas o
centímetros.
3 Introduzca la resolución en píxeles por pulgada o en píxeles por centímetro.
4 Seleccione el color blanco, un color transparente u otro personalizado para el lienzo.
5 Haga clic en Aceptar para crear un documento nuevo.

3
El entorno de trabajo de Fireworks
Al abrir un documento en Fireworks por primera vez, Fireworks activa el entorno de
trabajo, en el que se incluye el panel Herramientas, el Inspector de propiedades, los
menús y los demás 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.
Después cambia para mostrar las propiedades de la herramienta o el objeto
seleccionados mientras se trabaja con el documento. Los paneles están inicialmente
acoplados en grupos a lo largo de la parte derecha de la pantalla.
La ventana de documento aparece en el centro de la aplicación.

Utilización del panel Herramientas

El panel Herramientas está organizado en seis categorías: Seleccionar, Mapa de
bits, Vector, Web, Colores y Ver.

Cambio de las opciones de herramientas

Cuando se elige una herramienta, el Inspector de propiedades muestra sus
opciones. Algunas opciones permanecen en pantalla mientras se trabaja con esa
herramienta.

Utilización del Inspector de propiedades

El Inspector de propiedades es un panel que varía según el contexto y que muestra las
propiedades de la selección actual, las opciones de la herramienta seleccionada o las

4
propiedades del documento. De forma predeterminada, el Inspector de propiedades
está acoplado en la parte inferior del área de trabajo.

Utilización de los paneles

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, símbolos, muestras de color
y otros. Los paneles pueden arrastrarse por separado, por lo que es posible agruparlos
en función de las necesidades propias.
Algunos paneles pueden aparecer agrupados de forma predeterminada y otros no. Los
siguientes paneles pueden contener otros paneles:
• Activos
• Colores
• Páginas, Capas, Fotogramas e Historial
• Optimizar y alinear
El panel Optimizar permite gestionar los parámetros que controlan el tamaño y el tipo
de archivo.
El panel Capas organiza la estructura de un documento y contiene opciones para
crear, eliminar y manipular capas.
El panel Biblioteca común muestra símbolos.
El panel Páginas muestra las páginas del archivo actual y contiene opciones para la
manipulación de páginas.
El panel Fotogramas muestra los fotogramas del archivo actual y contiene opciones
para la creación de animaciones.
El panel Historial incluye una lista de los nuevos comandos que puede deshacer y
rehacer de forma rápida.
El panel Formas automáticas contiene formas automáticas que no aparecen en el
panel Herramientas.
El panel Estilos permite almacenar y volver a utilizar combinaciones de
características de objetos o elegir un estilo entre los almacenados.
El panel Biblioteca contiene símbolos gráficos, de botón y de animación.
El panel URL permite crear bibliotecas que contienen URL que se utilizan con
frecuencia.
El panel Mezclador de colores permite crear colores nuevos y añadirlos a la paleta
de colores del documento actual o aplicar los objetos seleccionados.
El panel Muestras permite gestionar la paleta de colores del documento actual.
El panel Información 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
reacción que se produce en las zonas interactivas o las divisiones al mover el ratón.
El panel Buscar permite buscar y reemplazar elementos como texto, URL, fuentes y
colores en uno o varios documentos.
El panel Create Symbol Script automatiza la creación de archivos JavaScript para
símbolos gráficos que se pueden personalizar.
El panel Alinear contiene controles para alinear y distribuir objetos en el lienzo.
El panel Propiedades de forma automática permite realizar cambios en las
propiedades de una forma automática tras insertarla en un documento.

5
 PRACTICA DE CASA (En el cuaderno)

1. ¿Qué es Fireworks?
2. ¿Cuál es el archivo ejecutable y la extensión de los archivos de Fireworks?
3. ¿Cuál es la diferencia entre las imágenes vectoriales y de mapa de bits?
4. ¿Qué es el inspector de propiedades?
5. ¿Cómo se crea un archivo nuevo en Fireworks?
6. ¿Qué muestra el Panel Información?

Utilización de las fichas de documento

Cuando el documento está maximizado, puede elegir fácilmente cualquiera de los
documentos abiertos utilizando las fichas de documento que aparecen en la parte
superior de la ventana de documento. Todos los documentos abiertos muestran su
nombre en una ficha que aparece encima de los botones de vistas.

Utilización de los modos de visualización para gestionar el área de trabajo

Los botones de modo de visualización de la sección Ver del panel Herramientas se
utilizan para controlar la disposición del área de trabajo. Se pueden seleccionar tres
modos de visualización:
Modo Pantalla estándar es la vista de ventana de documento predeterminada.
Modo Pantalla completa con menús es la vista maximizada de la ventana de
documento sobre un fondo gris con los menús, barras de herramientas, barras de
desplazamiento y paneles visibles.
Modo Pantalla completa es la vista maximizada de la ventana de documento
sobre un fondo negro sin menús, barras de herramientas ni barras de título visibles.

Cambio del lienzo

Cuando se crea un nuevo documento en Fireworks por primera vez, es preciso

especificar las características del documento.
El tamaño y el color del lienzo, así como la resolución de la imagen, pueden cambiarse
en cualquier momento con el menú Modificar o el Inspector de propiedades. Conforme
trabaje con el documento, también podrá girar el lienzo y recortar las partes que no
desee.

Recorte o ajuste del lienzo

Cuando a un documento le sobra espacio alrededor del contenido del lienzo, éste se
puede recortar. El lienzo también puede expandirse hasta incluir todos los objetos que
sobrepasan sus límites

6
Utilización de la cuadrícula
La cuadrícula de Fireworks es un sistema de líneas horizontales y verticales
superpuesto en el lienzo. La cuadrícula resulta útil para colocar los objetos con
precisión. Además, la cuadrícula puede visualizarse, editarse y cambiar de tamaño y
color.
Nota: la cuadrícula no reside en una capa y no se puede exportar con un documento.
Es tan sólo una herramienta de diseño.
Para mostrar y ocultar la cuadrícula:
❖ Seleccione Ver > Cuadrícula > Mostrar cuadrícula.

Selección de objetos
Para manipular los objetos del lienzo, primero es preciso seleccionarlos. Esta regla es
válida para objetos vectoriales, trazados, puntos, bloques de texto, palabras, letras,
divisiones o zonas interactivas, instancias y objetos de mapa de bits.
Para seleccionar objetos puede utilizar cualquiera de los siguientes métodos:
El panel Capas muestra cada objeto. Cuando el panel está abierto y las capas
expandidas, basta con hacer clic en cualquier objeto de la lista para seleccionarlo.

La herramienta Puntero se utiliza para seleccionar objetos al hacer clic en ellos o arrastrar
el puntero para crear un área de selección a su alrededor.

La herramienta Subselección selecciona un solo objeto de un grupo o los puntos de un

objeto vectorial.

La herramienta Seleccionar detrás selecciona un objeto situado detrás de otro.

La herramienta Exportar área selecciona un área para exportarla en un archivo aparte.

Selección de píxeles
Es posible editar los píxeles de todo un lienzo o elegir una de las herramientas de
selección para limitar la edición a un área determinada de la imagen:
Las herramientas de selección de píxeles trazan recuadros de selección que definen el
área de píxeles seleccionada.
La herramienta Recuadro selecciona un área rectangular de píxeles de la imagen.

La herramienta Recuadro oval selecciona un área elíptica de píxeles de la imagen.

La herramienta Lazo selecciona un área de píxeles de estilo libre en la imagen.

La herramienta Lazo polígono selecciona un área de píxeles de estilo libre y bordes

rectos en la imagen.

La herramienta Varita mágica selecciona un área de píxeles de color similar en la imagen.

7
Opciones de las herramientas de selección de mapa de bits
Cuando se eligen las herramientas Recuadro, Recuadro oval, Lazo, Lazo polígono o
Varita mágica, el Inspector de propiedades muestra tres opciones para cada
herramienta:
Si activa la casilla de verificación Recuadro automático podrá cambiar los valores de
borde y la cantidad de fundido (si se ha especificado Fundido como opción de Borde)
para la selección de mapa de bits mientras utiliza la herramienta Recuadro, Recuadro
oval, Lazo, Lazo polígono y Varita mágica.
El Inspector de propiedades también muestra tres opciones de bordes para estas
herramientas:
Duro crea una selección de recuadro con un borde definido.
Suavizado evita la aparición de bordes dentados en la selección del recuadro.
Fundido permite fundir el borde de la selección de píxeles.
Cuando utilice una herramienta de selección, puede definir la opción Fundido antes de
crear una selección, y puede fundir las selecciones existentes activando la casilla de
verificación Recuadro automático.
Selección de áreas de color similar

La herramienta Varita mágica permite

seleccionar áreas de píxeles de color similar.
Para controlar el modo de seleccionar los
píxeles se utilizan las opciones Tolerancia y
Borde de la herramienta Varita mágica en el
Inspector de propiedades.

Píxeles seleccionados con tolerancia baja

(arriba) y con tolerancia alta (abajo)

Fundido de una selección de píxeles

El fundido crea una sensación de transparencia en los píxeles seleccionados. Cuando
se utiliza el comando Fundido, es posible practicar con varios niveles de fundido y ver
los resultados antes de anular la selección de los píxeles.

Para mover o copiar objetos seleccionados pegándolos:

1 Seleccione uno o varios objetos.
2 Elija Edición > Cortar o Edición > Copiar.
3 Elija Edición > Pegar.

Para duplicar uno o varios objetos seleccionados:

❖ Elija Edición > Duplicar.

Para clonar una selección:

❖ Elija Edición > Clonar.

Transformación y distorsión de objetos seleccionados y selecciones

Es posible transformar un objeto o grupo seleccionado, o una selección de píxeles,
con las herramientas Escala, Sesgar y Distorsión y con comandos de menú:

8
 Escala aumenta o reduce un objeto.

Sesgar inclina un objeto a lo largo del eje especificado.

Distorsión desplaza los lados o los ángulos de un objeto en la dirección en que se

arrastra el tirador de selección estando la herramienta activa. Esto resulta útil para crear un
aspecto tridimensional
Cuando se elige una herramienta de transformación o un comando
del menú Transformar, Fireworks muestra tiradores de objetos
alrededor de los objetos seleccionados

Organización de objetos
Cuando se trabaja con varios objetos en un único documento, es posible utilizar
diversas técnicas para organizar el documento:
• Agrupar objetos individuales para tratarlos como si fueran un solo objeto o proteger la
relación de cada objeto con otros objetos del grupo.
• Situar los objetos delante o detrás de otros objetos. La manera de organizar los
objetos se denomina orden de apilamiento .
• Alinear los objetos seleccionados respecto a un área del lienzo o respecto al eje
horizontal o vertical.

Agrupación de objetos
Es posible agrupar objetos individuales seleccionados y, a continuación, manipularlos
como si fueran un único objeto.
Para agrupar dos o más objetos seleccionados:
❖ Seleccione Modificar > Agrupar.
Para desagrupar objetos seleccionados:
❖ Seleccione Modificar > Desagrupar.

Apilamiento de objetos
Fireworks apila los objetos en una capa basándose en el orden en que se crearon y
sitúa los más recientes al principio de la pila. El orden de apilamiento de los objetos
determina la manera en que aparecen los objetos al superponerlos.
Para cambiar el orden de apilamiento de un objeto o grupo seleccionado en una
capa:
• Seleccione Modificar > Organizar > Traer al frente o Enviar al fondo para situar el
objeto o grupo en el primer plano o en el fondo del orden de apilamiento.
• Seleccione Modificar > Organizar > Traer hacia adelante o Enviar hacia atrás para
mover el objeto o grupo una posición hacia arriba o hacia abajo en el orden de
apilamiento.

Alineación de objetos
Los comandos Alinear del menú Modificar o las opciones del panel Alinear ofrecen una
gran variedad de opciones de organización, lo que permite realizar cualquiera de estas
acciones:

9
• Alinear objetos a lo largo de un eje horizontal o vertical.
• Alinear objetos seleccionados verticalmente a lo largo del centro o del borde derecho
o izquierdo, u horizontalmente a lo largo del centro o del borde superior o inferior.

Utilización de mapas de bits

Los mapas de bits son imágenes compuestas de pequeños cuadrados de color

denominados píxeles, que se combinan como las teselas de un mosaico para crear
una imagen. Algunos ejemplos de mapas de bits son fotografías, imágenes tomadas
con un escáner y elementos gráficos creados con programas de pintura. A veces
reciben el nombre de imágenes de trama.
Fireworks CS3 combina las ventajas de la edición fotográfica, el dibujo vectorial y las
aplicaciones de pintura. Las imágenes de mapa de bits se crean dibujando y pintando con
herramientas de mapa de bits, convirtiendo objetos vectoriales en imágenes de mapa de bits o
abriendo e importando imágenes.
Utilización de mapas de bits
La sección Mapa de bits del panel Herramientas contiene herramientas de selección y
edición de mapas de bits. Las herramientas de esta sección se utilizan para modificar
los píxeles de un mapa de bits del documento.
Creación de objetos de mapa de bits
Las imágenes de mapa de bits se crean con las herramientas de dibujo y pintura de
mapa de bits de Fireworks, con las funciones para cortar/copiar y pegar selecciones de
píxeles o mediante la conversión de imágenes vectoriales en objetos de mapa de bits.
Otro modo de crear un objeto de mapa de bits es insertar una imagen de mapa de bits
vacía en el documento y después dibujar o pintar en ella o rellenarla.

Para crear un nuevo objeto de mapa de bits:

1. Seleccione la herramienta Pincel o Lápiz en la sección Mapa de bits del panel
Herramientas.
2. Pinte o dibuje con la herramienta Pincel o Lápiz para crear objetos de mapa de
bits en el lienzo.

Supresión de objetos de mapa de bits

La herramienta Borrador sirve para eliminar píxeles. De forma
predeterminada, el puntero de la herramienta Borrador representa el tamaño
del borrador actual, pero es posible cambiar su tamaño y aspecto en el
cuadro de diálogo Preferencias.

Fundido de selecciones de píxeles

El fundido desenfoca los bordes de una selección de píxeles y ayuda a integrar el área
seleccionada en los píxeles circundantes.
Esta función es útil cuando se copia una selección para pegarla en otro fondo.

Para fundir los bordes de una

selección de píxeles a medida que
se seleccionan los píxeles:
1 Seleccione una herramienta de selección
de mapa de bits en el panel Herramientas.
2 Elija Fundido en el menú emergente
Borde del Inspector de propiedades.
3 Arrastre el deslizador para ajustar el
número de píxeles que desee desenfocar
en el borde de la selección.
4 Haga una selección

10
Retoque de mapas de bits
Fireworks ofrece una amplia variedad de herramientas para retocar las imágenes.
Permiten modificar el tamaño de la imagen, reducir o perfilar su enfoque o copiar una
parte de ella y “estamparla” en otra área.
La herramienta Sello permite copiar o clonar un área de una imagen en otra.

La herramienta Desenfocar reduce el enfoque de las áreas seleccionadas de una imagen.

La herramienta Difuminar mueve el color elegido en la dirección que arrastre la imagen.

La herramienta Perfilar mejora la nitidez de determinadas áreas de una imagen.

La herramienta Aclarar ilumina partes de una imagen.

La herramienta Oscurecer disminuye la luz de partes de una imagen.

La herramienta Eliminación de ojos rojos reduce el efecto de ojos rojos en las fotos

La herramienta Reemplazar color pinta un color sobre otro

Clonación de píxeles
La herramienta Sello clona un área de una imagen de mapa de bits para estamparla
en cualquier otro lugar de la imagen.
La clonación de píxeles es muy práctica para arreglar fotografías arañadas o eliminar el polvo
de una imagen; se puede copiar un área de píxeles de la fotografía y sustituir el arañado o la
partícula de polvo por el área clonada.

Desenfoque, perfilado y mancha de píxeles

Las herramientas Desenfocar y Perfilar afectan al enfoque de los píxeles. La
herramienta Desenfocar permite dar mayor o menor nitidez a determinadas partes de
una imagen desenfocando selectivamente los elementos, de forma muy similar a cómo
un fotógrafo controla la profundidad del campo. La herramienta Perfilar es útil para reparar
problemas en imágenes de escáneres o fotografías desenfocadas. La herramienta Difuminar
permite mezclar colores suavemente, como si creara el reflejo de una imagen.

Aclarado y oscurecimiento de píxeles

Para aclarar y oscurecer las partes de una imagen se utilizan las herramientas Aclarar
y Oscurecer respectivamente. Es igual a la técnica de añadir o quitar luz durante el revelado
de una fotografía.

Eliminación del efecto de ojos rojos en las fotos

En algunas fotografías, los ojos aparecen con
un matiz rojo poco natural. Para corregirlo,
utilice la herramienta Eliminación de ojos rojos.
Esta herramienta sólo reemplaza las partes rojas de
la fotografía con colores grises y negros.

Sustitución de colores
La herramienta Reemplazar color permite
seleccionar un color y pintarlo con otro diferente.

11
Ajuste de brillo y contraste
La función Brillo/Contraste modifica el
contraste o brillo de los píxeles de una
imagen. Este comando afecta a los
resaltados, medios tonos y sombras de la
imagen. Brillo/Contraste se utiliza
normalmente para corregir imágenes
demasiado oscuras o claras.

Para ajustar el brillo o el contraste:

1 Seleccione la imagen.
2 Siga uno de estos procedimientos para abrir el cuadro de diálogo Brillo/Contraste:
• En el Inspector de propiedades, haga clic en el botón Añadir filtros automáticos y, a
continuación, en el menú emergente Filtros, elija Ajustar color > Brillo/Contraste.
• Elija Filtros > Ajustar color > Brillo/Contraste.
3 Arrastre los deslizadores Brillo y Contraste para ajustar la configuración.
El rango de valores es de -100 a 100.
4 Haga clic en Aceptar.

Para invertir colores:

1 Seleccione la imagen.
2 Siga uno de estos procedimientos:
• En el Inspector de propiedades, haga clic en el botón Añadir filtros automáticos y, a
continuación, en el menú emergente Filtros, elija Ajustar color > Invertir.
• Elija Filtros > Ajustar color > Invertir.

Desenfoque y perfilado de mapas de bits

Fireworks posee un conjunto de opciones de desenfoque y perfilado que pueden
aplicarse como filtros permanentes e irreversibles o como filtros automáticos.
Desenfoque de una imagen
El desenfoque suaviza el aspecto de una imagen de mapa de bits. Fireworks ofrece
seis opciones de desenfoque:
Desenfocar suaviza el enfoque de los píxeles seleccionados.
Desenfocar más aplica el triple de desenfoque que el comando Desenfocar.
Desenfoque gaussiano aplica una media ponderada de desenfoque a cada
píxel, lo que produce un efecto de halo.
Desenfoque de movimiento produce un efecto de movimiento en la imagen.
Desenfoque radial produce un efecto de rotación en la imagen.
Desenfoque de zoom produce un efecto de movimiento de la imagen, de
forma que ésta pareciera acercarse o alejarse del espectador.

Cambio de un mapa de bits por un dibujo lineal

El filtro Buscar bordes altera los mapas de bits para que parezcan dibujos lineales al
identificar las transiciones de color de las imágenes y cambiarlas por líneas.

12
Cómo perfilar una imagen
La función Perfilar se emplea para corregir imágenes desenfocadas. En Fireworks hay
tres opciones de perfilado:
Perfilar ajusta el foco de una imagen borrosa mediante el incremento del
contraste de los píxeles adyacentes.
Perfilar más aumenta el contraste de los píxeles adyacentes casi tres veces
más que Perfilar.
Desperfilar máscara perfila la imagen mediante el ajuste del contraste de los
bordes de los píxeles. Esta opción es la que ofrece el mayor control, por lo que
suele ser la mejor opción para perfilar imágenes.

Incorporación de ruido a una imagen

La mayoría de las imágenes conseguidas mediante una cámara digital o un escáner
no tienen los colores perfectamente uniformes cuando se visualizan con niveles de
aumento grande. Los
colores que se ven se
componen de píxeles de
diversos colores distintos.
En la edición de imagen
"ruido" se refiere a estas
variaciones aleatorias del
color en los píxeles que
componen una imagen.

A veces, por ejemplo, cuando

se pega parte de una imagen en otra, la proporción de diferencia aleatoria del color en las dos
imágenes puede ser patente, lo cual evita que las imágenes se mezclen de forma óptima. En
tal caso, se puede añadir ruido a una o ambas imágenes para crear la ilusión de que las dos
proceden de la misma fuente. También se puede añadir ruido a una imagen como un elemento
creativo, por ejemplo, para simular una fotografía antigua o estática en la pantalla de un
televisor.

Utilización de objetos vectoriales

Un objeto vectorial es un elemento gráfico cuya forma se define mediante un trazado.
La forma de un trazado de vectores se determina por los puntos que atraviesa. El color
del trazo de los objetos vectoriales sigue su trazado y su relleno ocupa el área interior
del mismo. El trazo y el relleno determinan el aspecto del objeto cuando se imprime o
publica en la Web.
Fireworks CS3 8 tiene muchas herramientas que permiten dibujar y editar objetos
vectoriales mediante distintas técnicas.
Las herramientas de formas básicas permiten dibujar con rapidez líneas rectas, círculos y
elipses, cuadrados y rectángulos, estrellas y polígonos equiláteros de 3 a 360 lados.

13
Se pueden dibujar trazados de vectores de estilo libre con las herramientas Trazado
de vectores y Pluma. La herramienta Pluma permite dibujar formas complejas con
curvas suaves y líneas rectas punto a punto.

Dibujo de objetos vectoriales

Fireworks dispone de muchas herramientas para dibujar objetos vectoriales. Con ellas,
se pueden dibujar formas básicas, trazados de estilo libre y formas complejas punto a
punto. También es posible dibujar formas automáticas, que son grupos de objetos
vectoriales con controles especiales para ajustar sus atributos.

Dibujo de líneas, rectángulos y elipses básicas

Es posible utilizar las herramientas Línea, Rectángulo o Elipse para dibujar con
rapidez formas básicas. La herramienta Rectángulo dibuja los rectángulos como
objetos agrupados. Para desplazar un punto de esquina de un rectángulo, debe
desagrupar el rectángulo o utilizar la herramienta Subselección.

Dibujo de polígonos y estrellas básicas

Con la herramienta Polígono se pueden dibujar todo tipo de estrellas o polígonos
equiláteros, desde un triángulo hasta un polígono o estrella de 360 caras.
Para dibujar un polígono:
1 En la sección Vector del panel Herramientas, seleccione la herramienta Polígono, que es una
de las herramientas de dibujo de formas básicas.
2 En el Inspector de propiedades, siga uno de estos procedimientos para especificar el número
de lados del polígono:
• Utilice el deslizador emergente Lados para elegir entre 3 y 25 lados.
• Introduzca un número entre 3 y 360 en el cuadro de texto Lados.
3 Arrastre el ratón para trazar el polígono.

Para dibujar una estrella:

1 Seleccione la herramienta Polígono.
2 En el Inspector de propiedades, elija De estrella en el menú emergente Forma.
3 En el cuadro de texto Lados, escriba el número de puntas de la estrella.
4 En el cuadro de texto Ángulo, seleccione Automático o introduzca un valor. Los valores más
cercanos a 0 determinan puntas más largas y estrechas; por el contrario, cuanto más próximos
a 100, las puntas son más cortas y romas.
5 Arrastre el ratón por el lienzo para dibujar la estrella.

Dibujo de formas automáticas

Las formas automáticas son grupos de objetos vectoriales inteligentes que simplifican
la creación y edición de elementos visuales comunes. Las herramientas de formas
automáticas dibujan grupos de objetos. Al contrario que otros grupos de objetos, las
formas automáticas seleccionadas tienen puntos de control con forma de diamante
además 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 sólo se
altera la propiedad visual asociada. La mayoría de los puntos de control de las formas
automáticas tienen texto de ayuda que describen la forma en la que afectan a la forma
automática.

Las herramientas de formas automáticas crean formas con

orientaciones predefinidas. Por ejemplo, la herramienta
Flecha dibuja flechas horizontales. Puede transformar las
formas automáticas para cambiar su orientación.
Aunque cada herramienta de forma automática del panel
Herramientas utiliza el mismo método de dibujo sencillo, los
atributos editables de cada forma automática son distintos.
Flecha dibuja grupos de objetos que aparecen como
flechas sencillas de cualquier tamaño. Mediante los puntos de control puede ajustar la

14
agudeza de la punta, la longitud y anchura de la cola y la longitud de la punta.
Rectángulo biselado dibuja grupos de objetos que aparecen como rectángulos con
las esquinas biseladas. Mediante los puntos de control puede editar la cantidad de
biselado de todas las esquinas a la vez o cambiar cada esquina independientemente.
Rectángulo con chaflán dibuja grupos de objetos que aparecen como rectángulos
con chaflanes, es decir, esquinas redondeadas hacia el interior del rectángulo. Puede
editar el radio del chaflán de todas las esquinas a la vez o cambiar este radio en cada
esquina individualmente.
Línea de conexión dibuja grupos de objetos que aparecen como líneas conectoras de
tres segmentos, como las utilizadas para conectar los elementos de un diagrama de
flujo o diagrama organizativo. Mediante los puntos de control puede editar los
extremos de la primera y tercera sección de la línea de conexión, así como la
ubicación de la segunda sección, que conecta la primera y la última.
Donut dibuja grupos de objetos que aparecen como anillos sólidos. Mediante los
puntos de control, puede ajustar el perímetro interior o dividir la forma en trozos.
Forma de L dibuja grupos de objetos que aparecen como formas de esquina dobladas
hacia la derecha. Mediante los puntos de control, puede editar la longitud y anchura de
las secciones horizontal y vertical, así como la curvatura de la esquina.
Sección dibuja grupos de objetos que aparecen como gráficos de sectores. Mediante
los puntos de control puede dividir la forma en trozos.
Rectángulo redondeado dibuja grupos de objetos que aparecen como rectángulos
con las esquinas redondeadas. Mediante los puntos de control, puede editar la
redondez de todas las esquinas o cambiar la redondez de cada una individualmente.
Polígono inteligente dibuja grupos de objetos que aparecen como polígonos
equiláteros de entre 3 y 25 lados. Mediante los puntos de control puede cambiar el
tamaño y rotar el polígono, añadir o eliminar segmentos, aumentar o reducir el número
de lados o añadir un polígono interior a la forma.
Espiral dibuja grupos de objetos que aparecen como espirales abiertas. Mediante los
puntos de control puede editar el número de rotaciones de la espiral y establecer si la
espiral estará abierta o cerrada.
De estrella dibuja grupos de objetos que aparecen como estrellas con un número
cualquiera de puntas, desde 3 hasta 25. Mediante los puntos de control puede añadir o
eliminar puntas y ajustar los ángulos interiores y exteriores de las mismas.
Añadir sombra añade una sombra debajo del objeto seleccionado en función de sus
dimensiones. La sombra es en realidad una forma automática y como toda forma
automática contiene puntos de control que puede utilizar para manipular su apariencia.
Por ejemplo, puede pulsar la tecla Shift y arrastrar el punto de control de dirección
para restringir su movimiento a un ángulo de 45 grados. Al hacer clic en el punto de
control de dirección la sombra vuelve a la forma original.

Dibujo de segmentos de trazado curvos

Para dibujar segmentos de trazado curvos, basta con hacer clic y arrastrar el ratón
conforme se trazan los puntos. Al dibujar, el punto actual muestra tiradores de punto.
Todos los puntos de los objetos vectoriales, tanto si se
han dibujado con la herramienta Pluma o con cualquier
otra herramienta de dibujo de Fireworks, tienen tiradores
de punto. Sin embargo, estos tiradores sólo están
visibles en los puntos de curva.

Para dibujar un objeto con segmentos curvos:

1 Seleccione la herramienta Pluma en el panel Herramientas.
2 Haga clic para colocar el primer punto de esquina.

15
3 Sitúese en el punto siguiente, haga clic y arrastre para generar un punto de curva.
Cada vez que se hace clic y se arrastra, Fireworks extiende el segmento de línea
hasta el nuevo punto.

Ajuste de la forma de un segmento de trazado curvo

Puede cambiar la forma de un objeto vectorial arrastrando sus tiradores de punto con
la herramienta Subselección. Dichos tiradores determinan el grado de curvatura entre
los puntos fijos. Estas curvas se denominan curvas Bézier.
Para editar la curva Bézier de un segmento de trazado:
1 Seleccione el trazado con la herramienta Puntero o Subselección.
2 Haga clic en un punto de curva con la herramienta Subselección
para seleccionarlo.
Un punto de curva seleccionado aparece como un círculo azul sólido.
Los tiradores de punto se proyectan a partir del punto.
3 Arrastre los tiradores a otra posición. Para restringir el movimiento de los tiradores a
ángulos de 45°, pulse la tecla Shift mientras arrastra.
La presentación preliminar del trazado azul muestra dónde se
dibujará el nuevo trazado si se suelta el botón del ratón.

Conversión de segmentos de trazado en rectos o curvos

Los segmentos de trazado rectos quedan intersectados por puntos de
esquina. Los segmentos de trazado curvos contienen puntos de curva.

Los segmentos de trazado rectos pueden convertirse en segmentos

curvos, y viceversa, si se convierten sus puntos.

PRACTICA DE CASA (En el cuaderno)

1. ¿Cuántos modos de visualización existen en Fireworks y cuáles son?

2. ¿Para qué sirve la cuadrícula?
3. ¿Cuál es la utilidad de la herramienta Varita Mágica?
4. ¿Cómo se agrupan los objetos en Fireworks?
5. ¿Qué herramienta se utiliza para borrar pixeles?
6. ¿Qué es el fundido de selección de pixeles?
7. ¿Qué hace el desenfoque gaussiano?
8. ¿Cuál es la utilidad de la herramienta Sello?
9. ¿Qué permite hacer la herramienta Donut?
10. ¿Qué es un objeto vectorial?

16
PRACTICA EN CLASE

17