Professional Documents
Culture Documents
Para crear un documento nuevo del mismo tamaño que un objeto existente:
1) Copie un objeto en el Portapapeles de:
• Otro documento de Fireworks
• Un navegador Web
9
Unidad N°1. Diseño de Páginas Web Avanzado
10
Unidad N°1. Diseño de Páginas Web Avanzado
11
Unidad N°1. Diseño de Páginas Web Avanzado
12
Unidad N°1. Diseño de Páginas Web Avanzado
13
Unidad N°1. Diseño de Páginas Web Avanzado
14
Unidad N°1. Diseño de Páginas Web Avanzado
♦ Pegado en Fireworks
Puede utilizar el Portapapeles para cortar y pegar cualquiera de los formatos
siguientes:
• FreeHand 7 o posterior
• Illustrator
• PNG
15
Unidad N°1. Diseño de Páginas Web Avanzado
• PICT (Macintosh)
• DIB (Windows)
• BMP (Windows)
• Texto ASCII
• EPS
• WBMP
Al pegar en Fireworks un objeto copiado de otra aplicación, éste queda
centrado en el documento activo.
Cada modo de edición gestiona los datos pegados de manera diferente:
• En el modo de vectores, la copia de una selección de píxeles produce un
objeto de mapa de bits rectangular, que utiliza transparencia alfa para
preservar el aspecto de la selección. Los objetos vectoriales mantienen los
atributos vectoriales.
• En el modo de mapa de bits, copiar un gráfico vectorial u objeto de imagen
hace que la selección de píxeles siga flotando hasta que se anule la
selección.
Una vez anulada, la selección pasa a formar parte de la imagen.
16
Unidad N°1. Diseño de Páginas Web Avanzado
17
Unidad N°1. Diseño de Páginas Web Avanzado
18
Unidad N°1. Diseño de Páginas Web Avanzado
19
Unidad N°1. Diseño de Páginas Web Avanzado
♦ Uso de reglas
Las reglas ayudan a organizar y planificar la disposición del trabajo. Las
reglas siempre realizan la medición en píxeles, independientemente de la
unidad de medida utilizada al crear el documento.
Para mostrar y ocultar las reglas: Elija Ver > Reglas.
En los márgenes del documento aparece una regla horizontal y otra vertical.
♦ Uso de guías
Las guías son líneas que se arrastran de las reglas al lienzo del documento.
Se utilizan como ayuda cuando se dibuja y facilitan la colocación y alineación
de los objetos. Utilice las guías para comenzar o para marcar las partes más
importantes de un documento, por ejemplo los márgenes, el punto central del
documento y las áreas donde vaya a realizar una tarea especial. También se
puede exportar la imagen como tabla HTML que está dividida a lo largo de
las guías.
Para facilitar la alineación de los objetos, Fireworks permite ajustar los
objetos en las guías.
Para evitar activar las guías de forma accidental, bloquéelas.
20
Unidad N°1. Diseño de Páginas Web Avanzado
♦ Uso de la cuadrícula
Utilice la cuadrícula para visualizar un sistema de líneas horizontales y
verticales en el lienzo. La cuadrícula es útil para colocar los objetos con
precisión. Se puede ver, editar, cambiar el tamaño y el color de la cuadrícula.
21
Unidad N°1. Diseño de Páginas Web Avanzado
22
Unidad N°1. Diseño de Páginas Web Avanzado
23
Unidad N°1. Diseño de Páginas Web Avanzado
Uso de Herramientas
♦ Puntero
La herramienta Puntero permite seleccionar objetos al hacer clic o al
arrastrar un área de selección alrededor de parte o de la totalidad de los
24
Unidad N°1. Diseño de Páginas Web Avanzado
♦ Subselección
La herramienta Subselección, al igual que la herramienta Puntero, permite
seleccionar objetos al hacer clic o cuando se arrastra un área de selección
alrededor de los mismos. Sin embargo, la herramienta Subselección permite:
• Seleccionar y mover puntos.
• Editar los trazados adyacentes a los puntos mediante el arrastre de
selectores de punto.
• Seleccionar y modificar un objeto situado en un grupo o trazado compuesto.
Para cambiar de la herramienta Puntero a la herramienta Subselección y
viceversa, pulse Alt (Windows) u Opción (Macintosh).
♦ Seleccionar detrás
Cuando se trabaja con gráficos que contienen varios objetos, utilice la
herramienta Seleccionar detrás para seleccionar un objeto oculto u ocultado
por otros objetos. Para seleccionar un objeto detrás de otros objetos: Haga
25
Unidad N°1. Diseño de Páginas Web Avanzado
Herramientas Transformar
26
Unidad N°1. Diseño de Páginas Web Avanzado
27
Unidad N°1. Diseño de Páginas Web Avanzado
Rotación de objetos
Cuando se hace rotar un objeto, éste gira sobre su centro. Un objeto se
puede rotar arrastrando sus selectores de transformación o eligiendo un
ángulo preestablecido.
♦ Para rotar un objeto seleccionado 90 o 180 grados:
Elija Modificar > Transformar y elija el comando Rotación en el submenú.
♦ Para rotar un objeto seleccionado arrastrándolo:
1) Elija cualquiera de las herramientas de transformación.
2) Mueva el cursor fuera del objeto hasta que aparezca el cursor de rotación.
28
Unidad N°1. Diseño de Páginas Web Avanzado
Inclinación de objetos
La inclinación transforma un objeto tumbándolo a lo largo del eje horizontal,
vertical o ambos. Un objeto se puede inclinar arrastrándolo.
Distorsión de objetos
Al distorsionar un objeto, sus lados o esquinas se mueven en la dirección en
la que se arrastra la herramienta Distorsionar.
Para distorsionar un objeto seleccionado:
29
Unidad N°1. Diseño de Páginas Web Avanzado
30
Unidad N°1. Diseño de Páginas Web Avanzado
31
Unidad N°1. Diseño de Páginas Web Avanzado
• Es posible crear una selección flotante de píxeles que puede editar, mover,
cortar o copiar si hace clic dentro del recuadro.
Cuando está activa una herramienta de recuadro de selección, se puede
mantener pulsadas las teclas Control (Windows) o Comando (Macintosh)
para pasar provisionalmente a la herramienta Puntero y arrastrar el recuadro
para crear una selección de píxeles flotante.
32
Unidad N°1. Diseño de Páginas Web Avanzado
33
Unidad N°1. Diseño de Páginas Web Avanzado
34
Unidad N°1. Diseño de Páginas Web Avanzado
USO DE TEXTOS
Introducción de textos
Introduzca, asigne formato y modifique el texto de los gráficos utilizando la
herramienta Texto y el Editor de texto.
Herramienta Texto
Editor de texto
35
Unidad N°1. Diseño de Páginas Web Avanzado
Edición de texto
Dentro de un bloque de texto se pueden cambiar todos los aspectos, como el
tamaño, fuente, espaciado, interlineado y línea de base del texto.
Los atributos de un bloque de texto pueden cambiarse con el menú Texto o
con el Editor de texto. El menú Texto ofrece un método rápido para cambiar
atributos. Si necesita realizar modificaciones detalladas, mejor utilice el Editor
de texto.
36
Unidad N°1. Diseño de Páginas Web Avanzado
37
Unidad N°1. Diseño de Páginas Web Avanzado
38
Unidad N°1. Diseño de Páginas Web Avanzado
39
Unidad N°1. Diseño de Páginas Web Avanzado
40
Unidad N°1. Diseño de Páginas Web Avanzado
41
Unidad N°1. Diseño de Páginas Web Avanzado
42
Unidad N°1. Diseño de Páginas Web Avanzado
43
Unidad N°1. Diseño de Páginas Web Avanzado
44
Unidad N°1. Diseño de Páginas Web Avanzado
45
Unidad N°1. Diseño de Páginas Web Avanzado
46
Unidad N°1. Diseño de Páginas Web Avanzado
Panel Muestras
Para abrir el panel Muestras:
Elija Ventana > Muestras.
47
Unidad N°1. Diseño de Páginas Web Avanzado
Aplicación de colores
Para aplicar colores al trazo o relleno de los objetos de un trazado se puede
utilizar el panel Muestras o una ventana emergente de cuadros de color.
Muestreo de colores
Se puede tomar un color de cualquier parte de la pantalla, incluidos otros
documentos abiertos de Fireworks, y aplicarlo a los objetos seleccionados.
Este proceso se denomina muestreo y permite identificar y utilizar
exactamente los colores necesarios para editar e integrar elementos gráficos.
También se puede identificar el valor hexadecimal de cualquier color antes o
después de aplicarlo a los objetos seleccionados.
Nota: Para ello, debe de utilizarse el modo de color de 24 ó 32 bits.
48
Unidad N°1. Diseño de Páginas Web Avanzado
49
Unidad N°1. Diseño de Páginas Web Avanzado
50
Unidad N°1. Diseño de Páginas Web Avanzado
51
Unidad N°1. Diseño de Páginas Web Avanzado
52
Unidad N°1. Diseño de Páginas Web Avanzado
Aplicación de trazos
Los atributos de trazo de las herramientas Pluma, Lápiz y Pincel pueden
cambiarse con el fin de aplicar los nuevos atributos al siguiente objeto que se
dibuje; también es posible aplicar atributos a los objetos una vez dibujados.
Solo pueden aplicarse trazos a objetos de texto o de vectores.
El color de trazo vigente aparece en el cuadro de color del trazo del panel
Herramientas. Si desea cambiar el color de trazo de una herramienta de
dibujo, utilice el panel Herramientas.
El color de trazo, así como otros atributos del trazo, también puede
cambiarse en el panel Trazo. Asimismo, se puede elegir entre gran variedad
de puntas de pincel y tamaños de punta.
53
Unidad N°1. Diseño de Páginas Web Avanzado
54
Unidad N°1. Diseño de Páginas Web Avanzado
55
Unidad N°1. Diseño de Páginas Web Avanzado
Panel Efecto
56
Unidad N°1. Diseño de Páginas Web Avanzado
57
Unidad N°1. Diseño de Páginas Web Avanzado
58