Introduccion Fireworks Cs5
Introduccion Fireworks Cs5
Introduccion Fireworks Cs5
1
FIREWORKS CS5
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.
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.
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.
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.
4
propiedades del documento. De forma predeterminada, el Inspector de propiedades
está acoplado en la parte inferior del área de trabajo.
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?
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.
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.
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
8
Escala aumenta o reduce un objeto.
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.
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 Eliminación de ojos rojos reduce el efecto de ojos rojos en las fotos
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.
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.
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.
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.
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.
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.
16
PRACTICA EN CLASE
17