Trabajando con la herramienta pluma

Dibujo de trazados marcando puntos

Un método de dibujar y editar objetos vectoriales en Fireworks es el de trazar puntos como si se estuviera realizando un dibujo de 'une-los-puntos'. Al hacer clic en cada punto con la herramienta Pluma, Fireworks dibuja automáticamente el trazado del objeto vectorial desde el último punto colocado con el ratón.

Además de conectar los puntos con segmentos rectos, la herramienta Pluma permite dibujar lo que se conoce como curvas Bézier, que son segmentos curvos calculados matemáticamente. Cada tipo de punto, ya sea punto de esquina o de curva, determina si las curvas adyacentes son líneas rectas o curvas.

Los segmentos de trazados rectos y curvos se pueden modificar arrastrando sus puntos. Los segmentos curvos se pueden editar aún más mediante el arrastre de sus tiradores de punto. Además los segmentos rectos se pueden convertir en curvos (y viceversa) por la conversión de sus puntos.

Dibujo de segmentos de trazado rectos

Para dibujar segmentos de línea recta con la herramienta Pluma basta con hacer clic para colocar los puntos. Con cada clic de la herramienta Pluma se traza un punto de esquina.

Para dibujar un trazado con segmentos de línea recta:

Seleccionar la herramienta Pluma..

Hacemos clic en el lugar del lienzo donde queramos comenzar a dibujar la figura. Luego hacemos clic en el siguiente punto y se dibujara entonces un segmento de recta uniendo estos los dos. Seguimos dibujando puntos que forewoks ira uniendo para formar nuestro trazado.

Para terminar, si queremos que sea una figura cerrada hacemos clic sobre el primer punto que dibujamos y si queremos que quiede abierta hacemos doble clic en el último punto (o seleccionamos otra herramienta)

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, tienen tiradores de punto, pero sólo están visibles en los puntos de curva.

Para dibujar trazados curvos el procedimiento es entonces parecido a los trazados rectos solo que luego de hacer click en el punto debemos "arrastrar" (sin soltar mover el mouse).

Cada vez que se hace clic y se arrastra, Fireworks extiende el segmento de línea hasta el nuevo punto.

Si hacemos clic y arrastramos un punto nuevo, se produce un punto de curva; si sólo hacemos clic, se crea un punto de esquina.

Si queremos trabar un punto (para que nuestro siguiente segmento no siga la forma dada desde el anterior) luego de arrastar, soltamos y hacemos click sobre el punto anterior.

Es posible cambiar temporalmente a la herramienta Subselección para modificar la posición de los puntos y la forma de las curvas mientras se dibuja. Para ello, pulse la tecla Control mientras arrastra un punto o un tirador de punto con la herramienta Pluma.

Una vez terminado el trazado siempre podemos retocarlo o editarlo, para ello podemos usar la herramienta de subseleción (la flechita blanca) con la cual podemos elegir un punto y modificarlo o borrarlo. También, con la herramienta pluma podemos agregar nuevos puntos a nuestro trazado o tranformar esquinas rectas en curvas arrastrando los puntos.

Fuente: Ayuda en linea de Fireworks

Unir texto a un trazado

Lo primero que precisamos es un texto y un trazado, puede ser tanto una línea, una curva o una figura tipo polígono, elipse, etc. Seleccionamos ambas capas (haciendo click sobre ellas con el shift apretado).
Vamos al menú "Texto" y allí "Unir al trazado" (también podemos apretar las teclas Ctrl+Shift+Y)
Y listo! este es el resultado que obtenemos:

Ahora podemos definir la orientación del texto y la dirección:

y definir la posición del texto en el trazado desde el panel de propiedades:

Propiedades en el texto

Ahora vamos a investigar un poco las propiedades cuando trabajamos con texto en Fireworks.

Fuente que queremos usar y su tamaño.

Color de nuestro texto, y si queremos que sea en negrita, en cursiva o subrayado

Ajuste entre caracteres, nos permite juntar las letras o separarlas.

Sangría del párrafo.

Escala horizontal, con esto podemos estirar o apretar los caracteres.

Interlineado en pixeles o en porcentaje.

Espacio antes y después del párrafo.

Orientación del texto (horizontal - vertical, de izquierda a derecha - de derecha a izquierda) y la alineación (a la izquierda, centrado, a la derecha y expandido)

Propiedades de un rectángulo

Acá vamos a ver algunas de las propiedades que podemos darle a un rectángulo en fireworks. Vale aclarar que muchas de estas propiedades también se aplican para otras formas.

Lo primero que vemos de izquierda a derecha es una pequeña previsualización de la forma con la que estamos trabajando seguido por un espacio para ponerle nombre a la capa (que en este caso quedó vacía). Luego nos encontramos más abajo con los datos de tamaño y posición en pixeles (la posición se define como los puntos de las gráficas, con coordenadas de X-Y).

Ahora viene lo interesante... un poco más hacia al derecha estas las opciones de relleno. Lo primero es el color y al lado la categoría del relleno.

Dentro de las categorías de relleno tenemos varias posibilidades:

• ninguno (sin relleno),
  
• sólido (un solo color de fondo),
  
• tramado web (color seguro que no varíe cuando se exporte),
  
• degradado (distrintos tipos de degradado en base a formas),
  
• patrón (rellenar con un gráfico de mapa de bits),
  

Luego tenemos el borde del relleno que puede ser duro, suvizado o fundido. Y la textura del relleno donde podemos elegir de una serie de texturas, que tan texturizado queremos el relleno y si queremos que la textura sea transparente.

Ahora vamos con el contorno y los efectos!

Para las propiedades del contorno se repiten muchas de las opciones. Tenemos para elegir el ancho del contorno y la categoría del trazo ( hay muchas posibilidades para experimentar) Luego donde dice "borde" definimos la suavidad del borde. También podemos jugar con texturas para el contorno.
Como yo estoy trabajando en base a un rectángulo me aparece la opción "redondez del rectángulo", con esta opción podemos suavizar los vértices transformandolos en curvas.

Opacidad, por defecto viene en 100 y es lo opuesto a transparencia, osea 100 de opacidad=nada de transparencia, si se baja la opacidad la capa empieza a transparentar.
Modo de mezcla ver más infomación.

Efectos es posible aplicar uno o más efectos automáticos a los objetos seleccionados. Cada vez que se añade 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.

Fuente: Adobe livedocs

Herramientas Vector

Línea dibuja una línea recta entre dos puntos
Pluma nos permite dibujar una serie de líneas y/o curvas como puntos Bezier (segmentos curvos calculados matemáticamente)
Trazado vectores nos permite dibujar vectores de estilo libre además permite cambiar los atributos de trazo y relleno de los trazados.
Rectángulo, elipse, polígono, etc. dibujan formas automáticas, que son grupos de objetos vectoriales con controles especiales para ajustar sus atributos.
Texto introduce un texto en el lienzo.
Estilo libre cambia la forma de trazados existentes
Remodelar área permite ampliar el área de todos los trazados seleccionados dentro del círculo exterior del cursor de esta herramienta.
Depurador de trazados permite modificar del aspecto de un trazado mediante la variación de la presión y la velocidad.
Cuchilla permite dividir un trazado en dos o más trazados.

Fuente: Ayuda de fireworks

Herramientas Mapa de Bits

Recuadro sirven para seleccionar un área de la imagen, para copíarla, o para trabajar en ella sin modificar el resto.
Lazo y Lazo Polígono son variantes de Recuadro, y sirven para seleccionar áreas a mano alzada o poligonales.
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. ver más información
Pincel puede emplearse para trazar pinceladas con el color seleccionado en el cuadro Color de trazo. En sus propiedades podemos definir una categoría y una textura del trazado además de el ancho en pixeles y el borde
Lápiz para dibujar líneas de 1 píxel, de estilo libre o fijo y líneas rectas. Con la herramienta Lápiz también es posible ampliar un mapa de bits y editar los píxeles por separado.
Borrador sirve para eliminar píxeles. Podemos cambiar el tamaño y aspecto del puntero en el cuadro de preferencias.
Sello permite copiar o clonar un área de una imagen en otra.
Eliminación de ojos rojos reduce el efecto de ojos rojos en las fotos
Reemplazar color pinta un color sobre otro
Desenfocar reduce el enfoque de las áreas seleccionadas de una imagen.
Difuminar mueve el color elegido en la dirección que arrastre la imagen.
Perfilar mejora la nitidez de determinadas áreas de una imagen.
Aclarar ilumina partes de una imagen.
Oscurecer disminuye la luz de partes de una imagen.
Cuentagotas nos permite muestrear un color de una imagen para designar un nuevo color de trazo o de relleno. En sus propiedades podemos definir si muestrear el color de un solo píxel y promediar valores de color de un área de 3x3 píxeles o de un área de 5x5.
Cubo de pintura puede utilizarse para cambiar el color de los píxeles seleccionados por el color del cuadro Color de relleno.
Degradado se rellenan objetos de mapa de bits o vectoriales con una combinación de colores y motivos ajustables.

Fuentes: Programatium, Ayuda de Fireworks

Herramientas Seleccionar

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.
Subselección selecciona un solo objeto de un grupo o los puntos de un objeto vectorial.
Escalar sirve para modificar proporcionalmente el tamaño de los elementos. Las herramientas de Inclinar y Distorsionar sirven para distorsionar la forma del elemento seleccionado.
Recortar sirve para seleccionar un área que será cortada, y la herramienta que lo acompaña sirve para seleccionar unárea determinada y exportarla independientemente del resto de una imagen.

Fuentes: Programatium, Ayuda de Fireworks

Herramientas de vectores y mapa de bits

Estas son las herramientas para trabajar con vectores en fireworks.

Y estas son las herramientas para trabajar con con mapa de bits.

Imágenes vectoriales y 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.

Los gráficos vectoriales

• Representan las imágenes mediante líneas y curvas, denominadas vectores, que incluyen información de color y posición.
  
• 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, modificar su color y visualizarlas en dispositivos de salida de diferente resolución, sin que cambie la calidad de su aspecto.

Las imágenes de mapa de bits

• Están formadas por puntos, llamados píxeles, organizados en una cuadrícula.
  
• 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.

Fireworks le permite experimentar con las herramientas de mapa de bits y vectoriales en un lienzo vacío para ver la diferencia entre los dos formatos.

Pueden ampliar infomación y ejemplos acá

Fuente: Live docs de Adobe

Crear un lienzo

Para crear un documento nuevo:
1 Elegimos Archivo > Nuevo (en la barra de menúes).
Se abre el cuadro de diálogo Nuevo documento.2 Introducimos las medidas para el ancho y la altura del lienzo en píxeles, pulgadas o centímetros.
3 Introducimos la resolución en píxeles por pulgada o en píxeles por centímetro.
4 Seleccionamos el color blanco, un color transparente u otro personalizado para el lienzo.
5 Le damos Aceptar para crear un documento nuevo.