Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Regresar
Imgenes Vectoriales
Mapas de Bits
Las imgenes de mapa de bits estn formadas por puntos, llamados pxeles,
organizados en una cuadrcula. La pantalla del ordenador es una gran cuadrcula de
pxeles.
Regresar
Una vez que el documento est terminado, se puede exportar como archivo HTML.
Si el objetivo es utilizarlo en la Web, o como archivo de Photoshop o Illustrator se
precisa continuar trabajando con l.
Los objetos Web son los pilares sobre los que Fireworks crea pginas Web
interactivas. Los objetos Web son zonas interactivas o divisiones. Las divisiones
cortan la imagen en varias secciones, y permiten aplicar, animacin y URL (Uniform
Resource Locator) a las distintas partes de la imagen. Las divisiones permiten
exportar las secciones con ajustes de configuracin diferentes. Las zonas
interactivas permiten asignar un vnculo de URL a parte o a toda la imagen, as
como ciertos comportamientos.
Regresar
ENTORNO DE TRABAJO
Regresar
Nota: para mostrar el documento PNG original, en la ventana del documento, haga
clic en la ficha Original.
Regresar
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 se pueden
arrastrar por separado, por lo que es posible agrupar los paneles en funcin de las
necesidades propias.
INSPECTOR DE PROPIEDADES
Arrastre el asa del ngulo superior izquierdo a otra parte del espacio
de trabajo.
Para acoplar el Inspector de propiedades en la parte inferior del espacio de
trabajo:
PANEL DE HERRAMIENTAS
PANEL HISTORIAL
Incluye una lista de los ltimos comandos utilizados, lo que permite deshacerlos y
repetirlos rpidamente. Adems, es posible seleccionar varias acciones y despus
guardarlas y volver a usarlas como comandos.
El panel Historial permite ver, modificar y repetir las acciones realizadas para crear
el documento. En este panel se enumeran las ltimas acciones realizadas en
Fireworks hasta el nmero especificado en Pasos de Deshacer en el cuadro de
dilogo Preferencias.
PANEL INFORMACIN
PANEL COMPORTAMIENTOS
PANEL OPTIMIZAR
PANEL URL
Permite crear bibliotecas que contengan valores URL utilizados con frecuencia.
Permite buscar y reemplazar elementos como texto, valores URL, fuentes y colores
en uno o varios documentos.
PANEL HISTORIAL DEL PROYECTO
PANEL RESPUESTAS
Arrastre hacia la izquierda el asa del panel del ngulo superior izquierdo para
alejarlo del rea de acoplamiento de la derecha de la pantalla.
Haga clic en la flecha de ampliacin del ngulo superior izquierdo del panel o
grupo de paneles.
Arrastre el asa del panel al rea situada debajo del nombre del grupo de
paneles.
Haga clic en el botn Cerrar de la barra de ttulo del panel cuando est
desacoplado.
Elija Ver > Ocultar paneles. Para ver los paneles ocultos, vuelva a
elegir Ver > Ocultar paneles.
2. Modifique el valor:
2. Escriba un valor.
3. Pulse Intro.
Cada panel y grupo de paneles tiene un men de opciones que indica las opciones
propias del panel o grupo de paneles activo. En el Inspector de propiedades
tambin hay un men de opciones (excepto cuando el Inspector de propiedades
est desacoplado).
Para elegir una opcin en el men de opciones de un panel o grupo de
paneles:
Haga clic con el botn derecho del ratn sobre el elemento seleccionado en
la ventana del documento.
Regresar
Regresar
Cuando se abre un formato de archivo distinto a PNG mediante Archivo > Abrir,
se crea un documento nuevo de Fireworks. El nuevo documento es un archivo PNG,
el archivo original no se modifica.
El GIF animado se puede abrir como un archivo GIF normal. Cada elemento
del GIF se coloca en su propio fotograma de Fireworks como imagen
independiente. En Fireworks, la imagen se puede convertir en un smbolo de
animacin.
Fireworks abre los archivos EPS como imgenes de mapa de bits allanados si no
puede abrirlos como un vector. Al importar un archivo EPS a un documento
existente, se abre el cuadro de dilogo Opciones de archivos EPS.
Fireworks abre la mayora de los archivos EPS, entre ellos los archivos EPS de
PhotoShop, como imgenes planas de mapa de bits, en las que todos los objetos se
combinan en una sola capa. No obstante, algunos archivos EPS exportados de
Illustrator conservan la informacin vectorial.
Fireworks permite abrir archivos WBMP. Dichos archivos son de 1 bit (monocromo)
optimizados para dispositivos informticos mviles. Este formato se utiliza en
pginas WAP (Wireless Application Protocol). Los archivos WBMP se pueden abrir
directamente con Archivo > Abrir o importar con Archivo > Importar.
Nota: Los efectos de capa y los efectos automticos pueden variar de aspecto
ligeramente.
Los modos de mezcla para capas se convierten en modos de mezcla de Fireworks
para los objetos correspondientes, si Fireworks admite esos modos de mezcla.
El primer canal alfa de la paleta Canales se convierte en reas transparentes en la
imagen de Fireworks. Fireworks no permite trabajar con canales alfa adicionales de
Photoshop. Fireworks no admite las capas, grupos de recorte ni trazados de ajuste
de Photoshop. Fireworks omite estas caractersticas al importar archivos de
Photoshop.
Nota: Los nombres de archivo de Photoshop deben incluir la extensin PSD para
que Fireworks reconozca correctamente este tipo de archivos.
El escner o la cmara digital debe ser compatible con TWAIN para poder importar
imgenes. Las imgenes de un escner o una cmara digital que se importan en
Fireworks se abren como documentos nuevos.
Notas:
Regresar
FreeHand 7 o posterior
Flash 3 o posterior
Photoshop 4 o posterior
Illustrator 7 o posterior
CorelDRAW 7 o posterior
Para arrastrar y colocar en Fireworks:
FreeHand 7 o posterior
Illustrator
PNG
PICT (Macintosh)
DIB (Windows)
BMP (Windows)
Texto ASCII
EPS
WBMP
TXT
RTF
Nota: la capa de web es una capa especial que contiene todos los objetos web y
que siempre permanece al principio del panel Capas.
Regresar
Los botones de modo de visualizacin del rea Ver del panel Herramientas permiten
elegir entre tres modos para controlar la disposicin del espacio de trabajo:
Para volver a modo de pantalla estndar, haga clic con el botn derecho del
ratn en la ventana de documento y seleccione Salir del Modo de pantalla
completa, o haga clic en el botn Modo Pantalla estndar del panel
Herramientas.
Es posible utilizar varias vistas para ver un documento con diferentes niveles
de aumento a la vez. Los cambios introducidos en una vista se reflejan
automticamente en las dems vistas del mismo documento.
Regresar
Conforme trabaje con el documento, tambin podr girar el lienzo y recortar las
partes que no desee.
Haga clic en el botn Anclaje para especificar los lados del lienzo que se van
a ampliar o reducir en Fireworks y a continuacin haga clic en Aceptar.
Elija Modificar > Lienzo > Color del lienzo. Puede elegir entre Blanco,
Transparente o Personalizado. Si elige Personalizado, haga clic en un color
de la ventana emergente de muestras.
Dado que los atributos de los objetos vectoriales de Fireworks se ven como pxeles,
algunos trazados o rellenos pueden parecer algo distintos despus del nuevo
muestreo, ya que es preciso volver a dibujar los pxeles del trazado o relleno.
Nota: cuando se cambia el tamao de un documento, las guas, los objetos de zona
interactiva y los objetos de divisin tambin cambian de tamao.
El hecho de tener que volver a muestrear objetos de mapa de bits plantea siempre
el mismo problema: debo aadir o suprimir pxeles para cambiar el tamao de la
imagen, o cambio el nmero de pxeles por pulgada o centmetro?
Cuando a un documento le sobra espacio alrededor del contenido del lienzo, este se
puede recortar. Tambin es posible recortar el documento para borrar el espacio
vaco del lienzo.
Las porciones del lienzo que sobrepasan los pxeles externos del documento
se eliminan automticamente. Cada borde del lienzo se recorta hasta los
bordes del objeto u objetos del documento. Si el documento contiene ms
de un fotograma, la opcin Recortar el lienzo aplica el recorte a todos los
objetos de todos los fotogramas, no slo al fotograma actual.
Recorte de un documento
De forma predeterminada, el recorte elimina los objetos que sobrepasan los lmites
del lienzo, pero es posible conservar los objetos del exterior del lienzo cambiando
una preferencia antes de la operacin.
3. Haga doble clic dentro del cuadro delimitador o pulse Intro para
recortar el documento. El tamao del lienzo se ajusta al rea definida
y los objetos situados fuera de los bordes del lienzo se eliminan.
Sugerencia: si desea conservar los objetos situados en el exterior del lienzo, antes
de recortar desactive la opcin Eliminar objetos al recortar en la ficha Edicin del
cuadro de dilogo Preferencias.
Regresar
Para disponer los objetos con la mayor precisin posible y facilitar el dibujo, utilice
las reglas y las guas. Coloque las guas en el documento y encaje los objetos en
dichas guas, o bien active la cuadrcula de Fireworks y encaje los objetos en dicha
cuadrcula.
Las reglas ayudan a medir, organizar y planificar la disposicin del trabajo. Teniendo
en cuenta que las imgenes de Fireworks se van a utilizar en la web, donde los
elementos grficos se miden en pxeles. Las reglas de Fireworks siempre miden en
pxeles sea cual sea la unidad de medida empleada al crear el documento.
Las guas son lneas que se arrastran al lienzo del documento a partir de las reglas.
Se utilizan como ayuda de dibujo y facilitan la colocacin y alineacin de los
objetos. Se pueden emplear para marcar partes importantes del documento, como
los mrgenes, el punto central del documento y las reas donde se va a realizar
una tarea de precisin.
Para facilitar la alineacin de los objetos, Fireworks permite ajustar los objetos en
las guas. Si desea evitar que las guas se activen de forma accidental, bloquelas.
Uso de La Cuadrcula
Elija Ver > Cuadrcula > Mostrar cuadrcula. Aparece la cuadrcula como
se muestra a continuacin:
Regresar
Actividad Prctica
INTRODUCCIN
Regresar
SELECCIN DE OBJETOS
Para manipular los objetos del lienzo, primero es preciso seleccionarlos. Esta regla
es vlida para objetos vectoriales, trazados, puntos, bloques de texto, palabras,
letras, divisiones o zonas interactivas, instancias y objetos de mapa de bits.
El panel Capas muestra todos los objetos. Cuando el panel est abierto y las capas
expandidas, basta con hacer clic en cualquier objeto de la lista para seleccionarlo.
Mantenga pulsada la tecla Mays al mismo tiempo que hace clic en otros
objetos con la herramienta Puntero, Subseleccin o Seleccionar detrs.
Mantenga pulsada la tecla Mays al mismo tiempo que hace clic en el objeto
seleccionado.
Nota: para seleccionar todos los objetos visibles de todas las capas del
documento es preciso desactivar la preferencia Editar slo una capa.
Cuando Editar slo una capa est activa, slo se seleccionan los objetos de
la capa actual.
Nota: cuando el contorno y los puntos estn ocultos, puede utilizar el panel
Capas o el Inspector de propiedades para identificar el objeto seleccionado.
Nota: cuando la barra de estado est activa (slo Windows), los objetos
seleccionados tambin se identifican en la barra de estado situada en la
parte inferior de la ventana de documento.
Regresar
SELECCIN DE PXELES
Es posible editar los pxeles de todo un lienzo o elegir una de las herramientas de
seleccin para limitar la edicin a un rea determinada de la imagen:
Cuando se eligen las herramientas Recuadro, Recuadro oval, Lazo, Lazo polgono o
Varita mgica, el Inspector de propiedades muestra tres opciones de bordes para
cada una:
Nota: la opcin Fundido se debe activar antes de fundir selecciones con una
herramienta de seleccin. Las selecciones ya realizadas se pueden fundir con el
comando Fundido del men Seleccionar.
Las herramientas Recuadro, Recuadro oval y Lazo de la seccin Mapa de bits del
panel Herramientas permiten seleccionar reas de pxeles especficas de una
imagen de mapa de bits dibujando un recuadro a su alrededor.
Regresar
3. Haga doble clic en la ventana o pulse Intro para aplicar los cambios.
Rotacin de Objetos
Cuando se hace rotar un objeto, este gira sobre su centro. Para girar un objeto,
basta con arrastrar sus selectores de transformacin o elegir un ngulo
preestablecido.
Reflejado de Objetos
Un objeto se puede voltear sobre su eje vertical u horizontal sin cambiar su posicin
relativa en el lienzo.
Inclinacin de Objetos
3. Haga doble clic en la ventana o pulse Intro para eliminar los tiradores
de transformacin.
Distorsin de Objetos
3. Haga doble clic en la ventana o pulse Intro para aplicar los cambios.
Regresar
ORGANIZACIN DE OBJETOS
Agrupacin de Objetos
Apilamiento de Objetos
Fireworks apila los objetos en una capa basndose en el orden en que se crearon,
situando los ms recientes al principio de la pila. El orden de apilamiento de los
objetos determina la manera en que aparecen los objetos al superponerlos.
Elija Modificar > Organizar > Traer al frente o Enviar al fondo para
desplazar el objeto o el grupo al principio o al final del orden de apilamiento.
Elija Modificar > Organizar > Traer hacia adelante o Enviar hacia
atrs para desplazar el objeto o grupo una posicin hacia arriba o hacia
abajo en el orden de apilamiento.
Si hay varios objetos o grupos seleccionados, los objetos se sitan delante o detrs
de todos los objetos no seleccionados, pero conservan el orden relativo entre s.
Alineacin de Objetos
Los comandos Alinear del men Modificar ofrecen una gran variedad de opciones
de organizacin, lo que permite realizar cualquiera de estas acciones:
Nota: los bordes se determinan mediante cuadros delimitadores que abarcan cada
objeto seleccionado.
Distribuir objetos seleccionados: para que los centros y los bordes tengan una
separacin uniforme.
A los objetos seleccionados se les puede aplicar uno o varios comandos Alinear.
Para alinear objetos seleccionados, siga uno de estos procedimientos:
Elija Modificar > Alinear > Izquierdos para alinear los objetos con el
objeto seleccionado situado ms a la izquierda.
Elija Modificar > Alinear > Centrar verticalmente para alinear los
puntos centrales de los objetos en el eje vertical.
Elija Modificar > Alinear > Derecha para alinear los objetos con el objeto
seleccionado situado ms a la derecha.
Elija Modificar > Alinear > Superior para alinear los objetos con el objeto
seleccionado situado ms arriba.
Elija Modificar > Alinear > Centrar horizontalmente para alinear los
puntos centrales de los objetos en el eje horizontal.
Elija Modificar > Alinear > Inferior para alinear los objetos con el objeto
seleccionado situado ms abajo.
Elija Modificar > Alinear > Distribuir anchos o Modificar > Alinear >
Distribuir altos.
Regresar
Las imgenes 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 pxeles o mediante la conversin de imgenes 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 vaca en el documento y despus dibujar o pintar en ella o rellenarla.
Tambin es posible crear un nuevo mapa de bits vaco y despus dibujar o pintar
pxeles en su interior.
A la capa actual del panel Capas se aade un mapa de bits vaco. Si se anula
la seleccin del mapa de bits vaco antes de dibujar, importar o colocar
pxeles en su interior, el objeto de mapa de bits vaco desaparece
automticamente del panel Capas y del documento.
Elija Editar > Insertar > Mapa de bits mediante Copiar para
copiar la seleccin actual en otro mapa de bits.
Elija Editar > Insertar > Mapa de bits mediante Cortar para
cortar la seleccin actual y colocarla en otro mapa de bits.
Nota: tambin puede hacer clic con el botn derecho del ratn en un
recuadro de seleccin de pxeles y elegir la opcin de cortar o copiar
en el men contextual.
La herramienta Pincel se puede emplear para trazar pinceladas con el color del
cuadro de color de trazo; la herramienta Cubo de pintura se puede utilizar para
cambiar el color de los pxeles seleccionados por el color del cuadro de color de
relleno. Con la herramienta Degradado se rellenan objetos de mapa de bits o
vectoriales con una combinacin de colores y motivos ajustables.
Para cambiar el color de los pxeles por el color del cuadro de color de
relleno:
1. Realice la seleccin.
Herramienta Borrador
Para eliminar pxeles de un objeto de mapa de bits seleccionado o una
seleccin de pxeles:
Fireworks ofrece una amplia variedad de herramientas para retocar las imgenes.
Permiten modificar el tamao de la imagen, reducir o perfilar su enfoque o copiar
una parte de ella y estamparla en otra rea.
Clonacin de Pxeles
La herramienta Sello clona un rea de una imagen de mapa de bits para poder
estamparla en cualquier otro lugar de la imagen. La clonacin de pxeles es muy
prctica para arreglar fotografas araadas o eliminar el polvo de una imagen; se
puede copiar un rea de pxeles de la fotografa y sustituir el araado o la partcula
de polvo por el rea clonada.
Para aclarar y oscurecer partes de una imagen se utilizan las herramientas Aclarar y
Oscurecer, respectivamente.
Para recortar una imagen de mapa de bits sin que afecte a los dems
objetos del documento:
Cuadro delimitador
4. Haga doble clic dentro del cuadro delimitador o pulse Intro para
recortar la seleccin.
Todos los pxeles del mapa de bits seleccionado que quedan fuera del
cuadro delimitador desaparecen; los dems objetos del documento se
conservan.
Los filtros del men Filtros se pueden aplicar a selecciones de pxeles, no as los
efectos automticos. No obstante, es posible definir un rea en un mapa de bits,
crear un mapa de bits independiente a partir de l y a continuacin aplicarle efectos
automticos.
1. Seleccione la imagen.
El efecto automtico Relleno de color se puede utilizar para cambiar con rapidez el
color de los objetos, ya sea reemplazando todos los pxeles por un color
determinado o mezclando un color en un objeto existente. Si se opta por la mezcla,
el color se aade encima del objeto.
Para cambiar los colores de una imagen por su color inverso de la rueda de colores
se puede utilizar Invertir.
Imagen en blanco y
La imagen invertida
negro
Imagen en color La imagen invertida
1. Seleccione la imagen.
Regresar
Actividad prctica
1. Tome la siguiente imagen y relice una seleccin poligonal de tal forma que
slo quede seleccionado el pez. Luego tmelo y realice un montaje
incluyndolo en la siguiente imagen.
Se puede 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 lneas rectas punto a punto.
Los comandos del men Modificar proporcionan opciones para la edicin de objetos,
como la creacin de un objeto mediante la combinacin de otros o a partir de la
interseccin de varios, o la expansin de los trazos de un objeto. Tambin es
posible importar grficos y manipularlos mediante estos comandos.
Regresar
Los cuadrados, rectngulos, crculos, valos, estrellas y otros polgonos son muy
fciles de dibujar con las herramientas de formas bsicas. Es posible dibujar un
rectngulo con esquinas redondeadas y ajustar el radio de estas despus de
dibujarlo. Tambin se puede dibujar gran variedad de estrellas, desde pequeas y
con puntas afiladas hasta gruesas y romas.
Lados .
Dibujo de estrellas
Los trazados vectoriales de estilo libre se pueden dibujar con la herramienta Vector,
casi del mismo modo que se hara con un rotulador o una cera.
Regresar
Aunque los trazos pueden parecer pintura o tinta, cada uno tiene los puntos y
trazados de un objeto vectorial. Ello implica que se puede cambiar la forma del
trazo utilizando cualquiera de las diversas tcnicas de edicin de vectores. Tras
remodelar el trazado, su trazo vuelve a dibujarse automticamente.
Arrastre el ratn por el lienzo para dibujar. Para restringir el trazado a una
lnea vertical u horizontal, mantenga pulsada la tecla Mays mientras
arrastra el ratn.
Suelte el botn del ratn para terminar el trazado. Para cerrar el trazado,
suelte el botn del ratn cuando el cursor haya regresado al punto de inicio
del trazado.
Regresar
Regresar
Para dibujar segmentos de lnea 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 segmentos de trazado curvo, basta con hacer clic y arrastrar el ratn
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 slo estn visibles en los puntos
de curva.
Regresar
Nota: para editar los tiradores del punto, elija la herramienta Subseleccin o pulse
la tecla Control mientras la herramienta Pluma est activa.
Regresar
SELECCION DE PUNTOS
Con la herramienta Pluma, haga clic en cualquier lugar del trazado en que
no haya un punto.
Regresar
Para crear un trazado cerrado que abarque el rea comn a todos los
trazados cerrados seleccionados:
Recorte de un trazado
Inicio Regresar
UTILIZACIN DE TEXTO
Introduccin
Herramienta Texto
Creacin de Bloques de Texto
Edicin de Texto
Seleccin de atributos de texto
Definicin de caractersticas del texto
Suavizado de los bordes del texto
Expansin y contraccin de carcteres
Aplicacin de trazos, rellenos, efectos y estilos
Transformacin del texto
Importacin del texto
Editor de texto
INTRODUCCIN
Macromedia Fireworks MX permite crear texto con una gran variedad de fuentes y
tamaos, as como ajustar su acercamiento, espaciado, color, interlineado,
desplazamiento de lnea de base y otras caractersticas. La combinacin de las
funciones de edicin de texto de Fireworks con la amplia variedad de trazos,
rellenos, efectos y estilos permite que el texto se convierta en un elemento vivo de
los diseos grficos. Adems, se puede utilizar el revisor ortogrfico de Fireworks
para corregir la ortografa del texto.
Es posible importar texto sin que pierda sus atributos de formato enriquecido.
Adems, cuando se importa un documento de Photoshop, el texto que contenga
sigue siendo editable. Fireworks se ocupa de las fuentes no instaladas al realizar
una importacin solicitando al usuario que elija una fuente de sustitucin o
permitindole importar el texto como una imagen esttica.
Regresar
HERRAMIENTA TEXTO
Los bloques de texto de anchura fija permiten controlar la anchura del flujo de
texto. Los bloques de este tipo se crean de forma predeterminada al arrastrar el
ratn para dibujar un bloque de texto con la herramienta Texto.
Regresar
EDICIN DE TEXTO
Regresar
Haga clic en el icono situado junto al cuadro Color de relleno del panel
Herramientas, elija la herramienta Cuentagotas y haga clic en un color de
muestra en cualquier lugar de cualquier documento abierto.
El color del cuadro Color de relleno del panel Herramientas cambia para
reflejar el color de muestra elegido con el puntero de cuentagotas o con la
herramienta Cuentagotas; tambin cambia el color del texto seleccionado.
Para aplicar color slo al texto resaltado dentro de un bloque, realice una
de las acciones siguientes:
Regresar
1. Seleccione el texto.
Regresar
Para que se alise el borde del texto, se aplica la tcnica de suavizado. De este modo
los bordes del texto se funden con el fondo y el texto aparecer ms claro y legible
cuando tenga un gran tamao.
Regresar
Regresar
Despus de crear texto, sigue siendo editable en Fireworks. Los trazos, rellenos,
efectos y estilos se actualizan automticamente cuando se edita el texto.
4. Elija las propiedades que desea que formen parte del nuevo estilo y
asgnele un nombre.
2. Edite el trazado.
Regresar
TRANSFORMACIN DE TEXTO
Es posible transformar los bloques de texto de la misma manera que otros objetos.
El texto se puede escalar, rotar, inclinar y reflejar para crear efectos originales. El
texto transformado contina siendo editable, pero transformaciones drsticas
pueden dificultar su legibilidad. La transformacin del texto no cambia su tamao
en puntos. Cuando se transforma un bloque de texto y el resultado implica un
cambio del tamao o la escala del texto, el Inspector de propiedades muestra el
mismo tamao de fuente que antes de la transformacin cuando el texto est
seleccionado. La modificacin posterior del tamao de la fuente del texto
transformado cambiar el tamao del texto, pero slo con respecto a la
transformacin.
Conversin de texto en trazados
Regresar
IMPORTACIN DE TEXTO
Para utilizar texto de otros documentos, es posible arrastrarlo y colocarlo o copiarlo
y pegarlo del documento de origen en el documento actual de Fireworks. Tambin
se puede abrir o importar un archivo de texto completo en Fireworks.
Fireworks puede importar los tipos de texto RTF (con formato) y ASCII (sin
formato).
Regresar
El Editor de texto es til para trabajar con texto que puede ser difcil de editar en
pantalla, como los bloques de texto grandes, el texto amoldado a un trazado o el
texto con fuentes y tamaos apenas legibles. Existe la opcin de mostrar el texto
en la fuente del sistema y en el tamao predeterminado para facilitar su edicin.
Actividad prctica
Haga un dibujo que involucre las formas bsicas. Dibuje los rectngulos con
las esquinas redondeadas.
INTRODUCCIN
Un documento puede estar compuesto por muchas capas y cada una contener
muchos objetos. En Fireworks, el panel Capas muestra una lista de las capas y los
objetos contenidos en cada capa.
Las capas de Fireworks son similares a los conjuntos de capas de Photoshop 6. Las
capas de Photoshop equivalen a los objetos individuales de Fireworks.
El enmascaramiento aporta control creativo sobre las capas y los objetos. Las
mscaras y los modos de mezcla se pueden aplicar desde el panel Capas. Tambin
se puede crear mscaras mediante las opciones de los mens Seleccionar y
Modificar. Es posible utilizar un objeto vectorial o de mapa de bits para tapar parte
de la imagen subyacente. Por ejemplo, para ocultar parte de una fotografa de
manera que aparezca rodeada por un marco ovalado, es posible pegar una forma
elptica como mscara encima de la fotografa. Todas las reas situadas fuera de la
elipse desaparecen como si se hubieran recortado, y slo se muestra la parte de la
imagen situada dentro del valo.
Las tcnicas de mezcla ofrecen otro nivel de control creativo. La mezcla de los
colores de objetos superpuestos permite crear efectos nicos. Fireworks dispone de
varios modos de mezcla para facilitar la consecucin del aspecto deseado.
Regresar
Cada objeto de un documento reside en una capa. Es posible crear capas antes de
dibujar o aadirlas cuando se vayan necesitando. El lienzo est situado debajo de
todas las capas, aunque en s mismo no sea una capa.
El panel Capas muestra el estado actual de todas las capas del fotograma actual de
un documento.
Para ver otros fotogramas, se puede utilizar el panel Fotogramas o elegir una
opcin en el men emergente de fotogramas de la parte inferior del panel Capas.
Las mscaras tambin se muestran en el panel Capas. Para editar una mscara, es
posible seleccionar su miniatura. En el panel Capas, tambin se puede crear
mscaras nuevas.
Activacin de capas
Cuando se hace clic en una capa o en un objeto situado en ella, esa capa se
convierte en la activa. Los objetos que se dibujen, peguen o importen, residen
inicialmente en la capa activa.
Por medio del panel Capas, es posible aadir capas nuevas, eliminar las que no se
deseen y duplicar capas y objetos existentes.
Al crear una nueva capa, se inserta una capa vaca encima de la que est
seleccionada actualmente. La nueva capa pasa a ser la activa y aparece resaltada
en el panel Capas. Al eliminar una capa, la situada encima se convierte en la activa.
La creacin de una capa duplicada aade una nueva capa que contiene los mismos
objetos que la actualmente seleccionada. Los objetos duplicados conservan la
opacidad y los modos de mezcla de los que se copiaron. Los cambios realizados en
los objetos duplicados no afectan a los originales.
Para aadir una capa, siga uno de estos procedimientos:
Haga clic en el botn Capa nueva/duplicada sin que haya ninguna capa
seleccionada.
Elija Nueva capa en el men de opciones del panel Capas y haga clic
en Aceptar.
Arriba: sita la nueva capa o capas al principio del panel Capas. La capa de
Web siempre es la capa superior, por lo que elegir Arriba coloca la capa
duplicada debajo de la capa de Web.
Visualizacin de capas
El panel Capas muestra los objetos y las capas en una estructura jerrquica. Si un
documento contiene muchos objetos y capas, el panel puede resultar confuso e
incmodo. Para simplificarlo, es posible contraer la visualizacin de capas. Cuando
se necesite ver o seleccionar objetos especficos de una capa, basta con expandirla.
Tambin es posible expandir o contraer todas las capas al mismo tiempo.
Haga clic con la tecla Alt en el signo ms o menos (Windows) o con la tecla
Opcin en el tringulo (Macintosh) a la izquierda del nombre de la capa en el
panel Capas.
Nota: cuando se sube o se baja una capa o un objeto ms all de los lmites del
rea visible, la visualizacin del panel Capas se desplaza automticamente.
Para mover todos los objetos seleccionados de una capa a otro lugar:
Para copiar todos los objetos seleccionados de una capa a otro lugar:
Regresar
Elija Editar slo una capa en el men de opciones del panel Capas. Una
marca de verificacin indica que la opcin est activada.
Arrastre el puntero por la columna del icono de ojo del panel Capas.
Regresar
El resultado es un solo objeto de mapa de bits. Una vez fusionados, los objetos
vectoriales y de mapa de bits no se pueden editar por separado, y se pierde la
posibilidad de editar los vectoriales.
Regresar
Para compartir una capa seleccionada entre los fotogramas, realice una de
estas acciones:
Regresar
La capa de Web es una capa especial que aparece como la capa superior de cada
documento.
Contiene objetos web, como divisiones y zonas interactivas que se utilizan para
asignar interactividad a los documentos de Fireworks exportados.
Tampoco se permite fusionar los objetos que residen en ella. Esta capa se comparte
siempre en todos los fotogramas y los objetos web son visibles en todos ellos.
Regresar
ENMASCARAMIENTO DE IMGENES
Es posible crear una mscara que acte como molde de galletas sobre otros
objetos, cortando o recortando los objetos o imgenes que haya debajo con su
trazado.
Tambin se puede crear una mscara que acte como una ventana empaada y que
muestre u oculte partes de los objetos situados debajo dibujando sobre la mscara.
Este tipo de mscara utiliza los tonos de su aspecto en escala de grises para
determinar el grado de visibilidad de los objetos seleccionados. Tambin se puede
crear una mscara que utilice su propia transparencia para regular la visibilidad.
Es posible crear una mscara mediante el panel Capas o los mens Editar,
Seleccionar o Modificar. Una vez creada, se puede ajustar la posicin de la seleccin
enmascarada en el lienzo o modificar el aspecto de una mscara editando el objeto
de mscara. Tambin se puede aplicar transformaciones a la mscara como un todo
o a sus componentes individualmente.
Cuando se crea una mscara de vectores, el panel Capas muestra una miniatura
con un icono de pluma para indicar que se ha creado una mscara de este tipo.
Quien haya utilizado Photoshop es probable que est familiarizado con las mscaras
de capa. Las mscaras de mapa de bits de Fireworks se parecen a las de capa en
que los pxeles de la mscara afectan la visibilidad de los objetos subyacentes. Sin
embargo, las de mapa de bits de Fireworks son mucho ms verstiles, ya que es
fcil cambiar cmo se aplican, tanto si se utiliza el aspecto de escala de grises o su
propia transparencia. Adems, el Inspector de propiedades de Fireworks permite un
acceso ms rpido a las propiedades de las mscaras y a las opciones de las
herramientas de mapa de bits, por lo que se simplifica considerablemente el
proceso de edicin de las mscaras.
Regresar
Es posible crear una mscara a partir de un objeto existente. Cuando se usa como
mscara, el contorno del trazado de un objeto vectorial puede recortar otros
objetos. Si se trata de un objeto de mapa de bits, el brillo de sus pxeles o su
transparencia afectan a la visibilidad de otros objetos.
3. Elija Editar > Cortar para cortar el objeto u objetos que va a utilizar
como mscara.
2. Coloque el objeto u objetos encima del objeto dentro del que desea
pegar el contenido.
El panel Capas ofrece la forma ms rpida de aadir una mscara de mapa de bits
transparente y vaca. Este panel aade una mscara blanca a un objeto que se
puede personalizar dibujando encima con las herramientas de mapa de bits.
El submen Modificar > Mscara tiene varias opciones para aplicar mscaras
vacas de mapa de bits a los objetos:
Mostrar todo aplica una mscara transparente vaca a un objeto que lo muestra
por completo. Este comando produce el mismo efecto que hacer clic en el
botn Aadir mscara del panel Capas.
Ocultar todo aplica una mscara opaca vaca a un objeto, que lo oculta por
completo.
Para utilizar los comandos Mostrar todo y Ocultar todo para crear una
mscara:
Para utilizar los comandos Mostrar seleccin y Ocultar seleccin para crear
una mscara:
Se aplica una mscara de mapa de bits usando la seleccin de pxeles. Con las
herramientas de mapa de bits del panel Herramientas, se puede editar an ms la
mscara para mostrar u ocultar los dems pxeles del objeto enmascarado. Para
ms informacin sobre la modificacin del aspecto de una mscara de mapa de bits
dibujando encima de ella.
Regresar
Es posible agrupar dos o ms objetos para crear una mscara. El objeto superior se
convierte en el objeto de la mscara.
Los objetos se pueden agrupar como mscaras de mapa de bits o como mscaras
de vectores. El orden de apilamiento determina el tipo de mscara que se aplica. Si
el objeto superior es vectorial, el resultado es una mscara de vectores. Si es un
objeto de mapa de bits, la mscara tambin es de mapa de bits.
Regresar
EDICIN DE MSCARAS
Para alterar una mscara, tambin es posible aadir otros objetos de mscara.
Adems, las herramientas de transformacin aportan otro mtodo de modificar las
mscaras.
Si se aplica una mscara de mapa de bits por su canal alfa, es posible crear una
mscara que parezca una mscara vectorial aplicada por su contorno de trazado.
Cuando una mscara se aplica por su canal alfa, la transparencia del objeto de
mscara afecta a la visibilidad del objeto que se enmascara.
Tanto las mscaras de mapa de bits como las de vectores se pueden aplicar
utilizando su aspecto de escala de grises. De forma predeterminada, las mscaras
de mapa de bits se aplican usando su aspecto en escala de grises. En tal caso la
claridad de sus pxeles determina el grado en que se muestra el objeto
enmascarado. Los pxeles claros muestran el objeto enmascarado. Los pxeles ms
oscuros de la mscara oscurecen la imagen y muestran el fondo. La aplicacin de
mscaras por su aspecto en escala de grises crea efectos interesantes si el objeto
de mscara contiene un relleno de patrn o degradado.
Mscara de vectores con un relleno de patrn, aplicada por su aspecto de escala de
grises
Regresar
MEZCLA Y TRANSPARENCIA
Componer es el proceso de variar la transparencia o la iteracin de color de dos o
ms objetos solapados. En Fireworks, los modos de mezcla permiten crear
imgenes compuestas. Asimismo, amplan el control de la opacidad de los objetos y
las imgenes.
Cuando se agrupan objetos con distintos modos de mezcla, el modo de mezcla del
grupo prevalece sobre los definidos para cada objeto. Estos se restablecen al
desagrupar los objetos.
Color base es el color de los pxeles situados debajo del color de mezcla.
Color resultante es el resultado del efecto del modo de mezcla sobre el color
base.
Multiplicar multiplica el color base por el color de mezcla, lo cual produce colores
ms oscuros.
Pantalla multiplica el inverso del color de mezcla por el color base, lo cual produce
un efecto blanqueador.
Oscurecer selecciona el color ms oscuro del color de mezcla y el color base para
utilizarlo como color resultante. Este modo slo reemplaza los pxeles que son ms
claros que el color de mezcla.
Aclarar selecciona el color ms claro entre el color de mezcla y el color base para
utilizarlo como color resultante. Este modo slo reemplaza los pxeles que son ms
oscuros que el color de mezcla.
Diferencia resta el color de mezcla del color base o el color base del color de
mezcla. El color con menos brillo se resta del que tiene ms brillo.
Suprimir elimina todos los pxeles del color base, incluso los de la imagen de
fondo.
Nota: las opciones de mezcla y opacidad no estn disponibles para todas las
herramientas.
Regresar
Actividad prctica
Aplicar una sencilla mscara de mapa de bits a una imagen. Despus la modificar
con un relleno degradado, de tal manera que los pxeles de la mscara mostrarn u
ocultarn la imagen, segn el valor de escala de grises.
Tambin va a pintar la mscara para que la imagen del coche parezca desvanecerse
en el fondo.
Fireworks tambin incluye el Editor de mens emergentes que permite crear rpida
y fcilmente mens emergentes horizontales y verticales. La ficha Avanzado del
Editor de mens emergentes le ofrece un control creativo sobre el espaciado,
relleno y bordes de celdas, la sangra del texto y otras propiedades.
Los botones constituyen los elementos de navegacin de una pgina web. Los
botones creados en el Editor de botones tienen las caractersticas siguientes:
Un botn puede tener hasta cuatro estados diferentes. Cada estado representa el
aspecto del botn en respuesta a un evento del ratn:
El estado Abajo es a menudo una imagen del botn con el aspecto de estar
"presionado", representa el botn despus de hacer clic sobre l. Este estado de
botn representa normalmente la pgina web actual en la barras de navegacin con
varios botones.
1. Elija Editar > Insertar > Nuevo botn para abrir el Editor de
botones. Se abre el Editor de botones con la ficha del estado Arriba.
Haga clic en Copiar grfico Arriba para pegar una copia del
elemento grfico del estado Arriba en la ventana del estado
Sobre y modifquelo para cambiar su aspecto.
Cuando cree un botn, puede aadir, adems de los estados Arriba y Sobre, los
estados Abajo y Sobre y Abajo. Estos estados aaden indicaciones visuales para los
usuarios de la pgina web.
Es posible crear una bar nav que utilice dos estados o incluso botones de un estado,
pero slo un botn con los cuatro estados se puede considerar un verdadero botn
de bar nav en Fireworks. Fireworks incluye varios comportamientos de bar nav para
que los botones acten como si estuvieran relacionados unos con otros. Por
ejemplo, puede crear botones de bar nav que actan como pulsadores de una radio
de coche antiguo: al hacer clic en un botn, permanece pulsado hasta hacer clic en
otro botn.
Aunque no es necesario crear botones de cuatro estados para crear una bar nav, si
los utiliza podr sacar partido de los comportamientos de Bar Nav en Fireworks.
Haga clic en Copiar grfico Sobre para pegar una copia del
elemento grfico del estado Sobre en la ventana del estado
Abajo y modifquelo para cambiar su aspecto.
Haga clic en Copiar grfico Abajo para pegar una copia del
elemento grfico del estado Abajo en la ventana del estado
Sobre y Abajo y modifquelo para cambiar su aspecto.
Al crear grficos para cada estado de botn, puede aplicar Efectos automticos
preestablecidos para crear el aspecto comn de cada estado. Por ejemplo, si se
desea crear un botn de cuatro estados, puede utilizar el efecto Elevado en el
grfico del estado Arriba, el efecto Resaltado para el estado Abajo, etc.
Los smbolos de botn del panel Biblioteca son especficos del documento. Si ha
abierto un documento con smbolos en el panel Biblioteca y crea un nuevo
documento, el panel Biblioteca del nuevo documento estar vaco. Sin embargo,
existen varios mtodos que puede utilizar para importar smbolos de botn en el
panel Biblioteca de un documento, ya sea desde una biblioteca o desde otro
documento de Fireworks.
Las modificaciones del aspecto grfico como el color y tipo de trazo, el color
y tipo de relleno, forma del trazado y las imgenes.
Cuando crea un smbolo de botn, Fireworks crea de forma automtica una divisin
lo suficientemente grande como para abarcar todos los estados del botn. Slo
puede editar una divisin de botn en la ficha rea activa del Editor de botones.
Cada botn slo puede tener una divisin. Si dibuja una divisin mediante una
herramienta de divisin en el rea activa, la divisin anterior se sustituye por la
nueva divisin. Puede dibujar objetos de zona interactiva en la ficha rea activa,
pero slo puede editar dichas zonas interactivas en el Editor de botones.
Nota: los objetos web que definen el rea activa del smbolo de botn aparecen en
el documento cuando las divisiones y las zonas interactivas no se encuentran
ocultas. Sin embargo, los objetos web de botones no aparecen en el panel Capas y
no se pueden editar en el espacio de trabajo.
Para editar una divisin o zona interactiva en el rea activa del smbolo de
botn:
Un valor URL (Uniform Resource Locator) es un vnculo a otra pgina web, sitio web
o punto de anclaje en la misma pgina web. El valor URL puede ser una propiedad
de smbolo o de instancia. Puede incorporar un valor URL a la instancia seleccionada
de botn en el Inspector de propiedades o en el panel URL.
Es posible incorporar un valor URL a un smbolo, de este modo, para cada instancia,
aparecer el mismo valor URL en el cuadro de texto Vnculo del Inspector de
propiedades. Esto resulta til cuando introduce valores URL absolutos dentro de un
sitio, slo necesita modificar la ltima parte del valor URL en el cuadro de texto
Vnculo de cada instancia en el Inspector de propiedades para vincular las
instancias de botn.
Nota: la aplicacin de ayuda a las personas con problemas de visin, leen el texto
alternativo de los grficos de la pginas web en un navegador. Se recomienda que,
siempre que sea posible, utilice texto alternativo conciso y significativo.
Regresar
Regresar
Los mens emergentes son mens que aparecen en un navegador como respuesta
al movimiento del puntero (o en respuesta a la accin de hacer clic) sobre objetos
web de activacin como una divisin o zona interactiva. Los elementos de los
mens emergentes pueden incluir vnculos URL para la navegacin. Por ejemplo,
puede utilizar los mens emergentes para organizar diferentes opciones de
navegacin que estn relacionadas con un botn en una barra de navegacin.
Puede crear submens en los mens emergentes con el nmero de niveles que
desee.
Cada elemento de un men emergente aparece como una celda HTML o de imagen,
con un estado Arriba, un estado Sobre y texto en ambos estados. Para ver una
presentacin preliminar de un men emergente en un navegador debe pulsar F12.
Las vistas previas del espacio de trabajo de Fireworks MX no muestran los mens
emergentes.
Contenido tiene opciones que determinan la estructura bsica del men, as como
el texto, vnculo URL y el valor de destino de cada elemento de men.
Posicin contiene opciones que determinan la ubicacin del men y del submen:
En funcin del diseo del men emergente, es posible que no pueda utilizar todas
las fichas u opciones del Editor de mens emergentes. Puede modificar los ajustes
en cualquier ficha en todo momento, pero debe aadir al menos un elemento de
men en la ficha Contenido para crear un men que pueda ver en un navegador.
Gracias a los botones Sangrar men y Men con sangra inversa de la ficha
Contenido del Editor de mens emergentes puede crear submens que son mens
emergentes que aparecen cuando el puntero se encuentra (o se hace clic) sobre
otro elemento de men emergente. Puede crear tantos niveles de submens como
desee.
Puede sangrar los elementos de submens para lograr los niveles que
desee.
Tras crear un men bsico y los submens opcionales, puede dar formato al texto,
aplicar estilos de grfico para los estados Sobre y Arriba y elegir la orientacin
vertical u horizontal en la ficha Aspecto del Editor de mens emergentes.
Para establecer la orientacin de un men emergente:
Nota: tenga cuidado al escoger una fuente. Si los usuarios que ven
su pgina web no tienen instalada la fuente que ha elegido, se
utilizar una fuente de sustitucin en su navegador web.
Fireworks genera todo el cdigo JavaScript necesario para ver mens emergentes
en un navegador Web. Cuando un documento Fireworks que contiene mens
emergentes se exporta a HTML, se crea un archivo JavaScript denominado
mm_menu.js en la misma ubicacin que el archivo HTML.
Regresar
Actividad prctica
Cree una barra de navegacion con 4 botones ubicados en forma vertical con
los textos: Futbol Colombiano, futbol Internacional, Basketbol, otros
deportes.
INTRODUCCIN
Regresar
Existen tres razones por las que resulta til realizar este paso:
Optimizacin: uno de los retos del diseo grfico para la web es el mantener las
imgenes lo suficientemente pequeas para que se descarguen rpidamente sin
sacrificar la calidad. Las divisiones permiten optimizar cada divisin individual con el
formato de archivo y los ajustes de compresin ms adecuados.
Interactividad: puede crear divisiones para crear reas que se activen cuando el
puntero del usuario pase sobre ellas o haga clic.
Regresar
Las lneas que se extienden desde el objeto de divisin son las guas de divisin,
determinan los lmites de los distintos archivos de imagen en los que se dividir el
documento durante la exportacin. De forma predeterminada, estas guas son de
color rojo.
Regresar
Una divisin HTML designa el rea de una imagen dividida donde se presenta texto
HTML estndar en el navegador. Una divisin HTML no exporta datos de imgenes
en pxeles; exporta el texto HTML que aparece en la celda de la tabla definida por la
divisin.
Las divisiones HTML son muy tiles para actualizar texto que aparece en el sitio
web sin tener que crear otros elementos grficos.
Regresar
3. Elija Editar > Insertar > Divisin. Se genera una divisin segn la
forma del objeto de vectores
Regresar
La capa de web muestra todos los objetos web presentes en el documento de forma
que puede seleccionar y ver cada uno de ellos.
Para ocultar o mostrar todas las zonas interactivas, divisiones y guas, siga
uno de estos procedimientos:
Herramientas .
Haga clic en el icono de ojo junto a la capa de web del panel Capas.
Para ocultar o mostrar las guas de divisin en todas las vistas de
documento:
Regresar
EDICIN DE DIVISIONES
En Fireworks un diseo de divisiones se manipula como una tabla en un procesador
de textos. Cuando arrastra una gua para cambiar el tamao de una divisin, todas
las divisiones rectangulares adyacentes tambin cambian automticamente de
tamao. Adems, puede utilizar el panel Herramientas para cambiar el tamao y
transformar divisiones como lo hara con los objetos de vectores y de mapa de bits.
Las guas de divisin definen el permetro y la posicin de las divisiones. Las guas
de divisin que se extienden ms all de los objetos de divisin definen como se
dividir el resto del documento durante la exportacin. La forma de un objeto de
divisin rectangular se puede cambiar arrastrando las guas que lo rodean. No es
posible cambiar el tamao de los objetos de divisin no rectangulares al mover las
guas de divisin.
Nota: cuando se arrastran las guas de divisin que rodean un botn de Fireworks
en la ventana de documento, se cambiar el tamao de la divisin que define el
rea activa (o divisin) de dicho botn. Sin embargo, al arrastrar las guas de
divisin que rodean a un botn de Fireworks no es posible eliminar el rea activa
guas .
Regresar
ADICIN DE INTERACTIVIDAD EN LAS DIVISIONES
Cuando se selecciona una divisin aparece un crculo con una cruz en el centro. Se
trata del denominado tirador de comportamiento.
Regresar
Todos los rollovers funcionan del mismo modo. Un grfico activa la visualizacin de
otro cuando se sita el puntero sobre el primero. El elemento activador siempre es
un objeto web: una divisin, zona interactiva o un botn.
Un rollover simple intercambia una imagen con otra en un fotograma bajo el mismo
objeto web. Un rollover simple requiere slo una divisin o zona interactiva.
2. Elija Editar > Insertar > Divisin para crear una divisin sobre la
imagen u objeto.
4. Cree, pegue o importe una imagen para utilizarla como una imagen
de intercambio. Site la imagen debajo de la divisin que cre en el
paso 2, debe estar visible aunque no est en el fotograma 2. Las
divisiones son visibles en todos los fotogramas.
Un rollover desunido intercambia una imagen bajo un objeto web cuando el puntero
se sita sobre otro objeto web. En respuesta a la accin de colocar el cursor o
puntero sobre el rea o a la accin de hacer clic en la imagen de activacin,
aparece otra imagen en una ubicacin distinta de la pgina web. La imagen sobre la
que se sita el cursor se considera el elemento activador; la imagen que cambia se
considera el elemento destino.
Al igual que en el caso de los rollovers simples de slo una divisin, primero debe
configurar la divisin del elemento activador y la divisin destino con el fotograma
en el que reside la imagen de intercambio. Despus, debe vincular el rea de
activacin y la divisin destino con una lnea de comportamiento.
1. Elija Editar > Insertar > Divisin para incluir una divisin en la
imagen de activacin.
Regresar
USO DEL PANEL COMPORTAMIENTOS PARA AADIR INTERACTIVIDAD EN
LAS DIVISIONES
Bar Nav Sobre especifica el estado Sobre para la divisin seleccionada cuando
forma parte de una barra de navegacin y tambin puede especificar el estado
Sobre y Abajo.
Bar Nav Abajo especifica el estado Abajo para la divisin seleccionada cuando
forma parte de una barra de navegacin.
Restaurar Bar Nav hace que las otras divisiones de la barra de navegacin
vuelvan a su estado Arriba.
Asociacin de comportamientos
Gracias al panel Comportamientos puede asociar un comportamiento a una divisin.
Tambin es posible asociar ms de un comportamiento.
Edicin de comportamientos
Puede utilizar una imagen externa al documento actual de Fireworks como imagen
original para un estado de rollover. Es posible utilizar archivos GIF, GIF animados,
JPEG y PNG. Si elige un archivo externo como origen del rollover, dicho archivo se
intercambia con la divisin destino cuando se activa el rollover en un navegador
web.
Regresar
La divisin corta una imagen en varios trozos. Cada porcin de cada fotograma se
exporta como un archivo independiente que debe tener un nombre.
Los espaciadores son imgenes que permiten alinear correctamente las celdas de
tabla al mostrarse en un navegador.
Una tabla anidada es una tabla dentro de otra tabla. Las tablas anidadas no
utilizan espaciadores. Pueden tardar ms en cargarse en un navegador, pero la
edicin del cdigo HTML resulta ms fcil al no haber espaciadores.
Regresar
Actividad prctica
En FireWorks crear 2 Divisiones para lograr los efectos de Rollover Simple y Rollover
Desunido, luego importamos una imagen cualquiera para crear Zonas Interactivas
que nos enlacen a diferentes pginas.
NTRODUCCIN
Una zona interactiva es un rea de un grfico web que est vinculada a una
direccin URL. Un mapa de imagen no es ms que un grfico sobre el que se han
colocado varias zonas interactivas.
Las zonas interactivas resultan convenientes cuando se desea vincular reas de una
imagen con otras pginas web, pero no necesita resaltar estas reas ni producir
efectos de rollover en respuesta a los movimientos o acciones del ratn. Las zonas
interactivas y los mapas de imagen tambin son convenientes cuando el grfico en
el que ha insertado las zonas interactivas se exporta mejor como un nico archivo
de imagen, es decir, utilizando un mismo formato de archivo y la misma
configuracin de optimizacin.
Regresar
Despus de identificar las reas del grfico origen que podran servir como zonas
interactivas, puede crear estas zonas y asignar vnculos URL. Existen dos formas de
crear zonas interactivas:
Las zonas interactivas pueden tener formas que no sean rectngulos ni crculos.
Tambin puede crear zonas interactivas poligonales que consten de muchos puntos.
Esto puede ser necesario cuando se trabaje con imgenes complejas.
Regresar
Las zonas interactivas son objetos web y, al igual que otros muchos objetos, se
pueden modificar mediante las herramientas Puntero, Subseleccin y Transformar.
Para ms informacin sobre el uso de las herramientas para editar un objeto web,
consulte Uso de herramientas para editar objetos de divisin.
Las propiedades de una zona interactiva se asignan del mismo modo que las
propiedades de una divisin.
Regresar
Una vez que ha aadido varias zonas interactivas sobre una imagen, es preciso
exportar la imagen para que funcione como un mapa de imagen en un navegador
web. Cuando se exporta un mapa de imagen, se genera el archivo grfico y el
archivo HTML que contiene la informacin de mapa para las zonas interactivas y los
vnculos URL correspondientes.
Regresar
Nota: una zona interactiva slo puede activar un rollover desunido. No puede ser el
elemento destino de un rollover que provenga de otra zona interactiva o divisin.
Despus de crear un rollover desunido con una zona interactiva, la lnea azul de
conexin permanece visible al seleccionar la zona interactiva.
Puede colocar una zona interactiva sobre una divisin para activar una accin o
comportamiento. Esto es conveniente si tiene una gran imagen y slo desea que
una pequea porcin acte como activador de una accin.
Por ejemplo, si tiene un grfico grande con texto sobre el mismo y desea que slo
el texto active una accin o comportamiento, como un efecto rollover. Puede colocar
una divisin sobre el grfico y despus una zona interactiva sobre el texto. Al situar
el cursor sobre el texto se activar el efecto rollover, aunque todo el grfico que se
encuentra debajo de la divisin desaparecer al producirse el efecto rollover. Evite
la creacin de zonas interactivas que se superpongan sobre ms de una divisin ya
que puede producirse un efecto impredecible.
Regresar
USO DE ESTILOS
Regresar
APLICACIN DE UN ESTILO
El panel Estilos se puede utilizar para crear, almacenar y aplicar estilos a objetos o
texto.
Una vez aplicado un estilo a un objeto, se puede actualizar ms adelante sin que el
objeto original se vea afectado. Fireworks no registra los estilos aplicados a un
objeto. Si se suprime un estilo personalizado, ya no se puede recuperar. Pero si se
suprime un estilo suministrado con Fireworks, es posible recuperarlo junto con los
dems estilos suprimidos mediante el comando Restablecer estilos del men de
opciones del panel Estilos. Sin embargo, cuando se restablecen estilos tambin se
suprimen los estilos personalizados.
3. Elija los atributos que desee que formen parte del estilo en el cuadro
de dilogo Nuevo estilo.
Haga clic mientras pulsa la tecla Mays para seleccionar varios estilos
o la tecla Control (Windows) o Comando (Macintosh) si los estilos no
son consecutivos.
Regresar
EDICIN DE ESTILOS
Cuando es necesario cambiar los atributos que contiene un estilo, este se puede
modificar en el panel Estilos.
Para editar un estilo:
Regresar
Para eliminar todos los estilos personalizados del panel Estilos y restablecer los
estilos predefinidos eliminados, basta con recuperar el estado predeterminado del
panel Estilos. Tambin es posible cambiar el tamao de los iconos que aparecen en
el panel Estilos.
Elija Iconos grandes en el men de opciones del panel Estilos para alternar
entre tamao grande y pequeo de vista previa.
Regresar
USO DE SMBOLOS
Los smbolos son tiles cuando se desea volver a utilizar un elemento grfico. Es
posible colocar instancias en varios documentos de Fireworks y conservar su
asociacin con el smbolo. Los smbolos son tiles para crear botones y objetos de
animacin en varios fotogramas.
Creacin de smbolos
Ubicacin de instancias
Regresar
Actividad prctica
INTRODUCCIN
Puesto que un archivo puede contener varios smbolos, se puede crear animaciones
complejas en las que sucedan varias acciones a la vez.
Regresar
1. Seleccione el objeto.
Regresar
EDICIN DE SMBOLOS DE ANIMACIN
Es posible manipular las propiedades de los smbolos de animacin para que su sitio
web cobre vida. Se puede cambiar varias de las propiedades de un smbolo, desde
la velocidad de animacin a la opacidad y rotacin. Mediante la manipulacin de
estas propiedades se puede conseguir que un smbolo gire, acelere, aparezca o
desaparezca de forma gradual, o cualquier combinacin de todo lo anterior.
Mover es la distancia en pxeles que debe recorrer cada objeto. Esta opcin slo
est disponible en el cuadro de dilogo Animar. Los valores estn comprendidos
entre 0 a 250 pxeles, el valor predeterminado es 72. El movimiento es lineal y no
existen fotogramas clave (a diferencia de Macromedia Flash y Director).
Direccin establece los grados en que se debe mover el objeto. El rango de valores
es de 0 a 360 grados. Esta opcin slo est disponible en el cuadro de dilogo
Animar.
Tambin puede modificar los valores de Mover y Direccin si arrastra los tiradores
de animacin del objeto. Consulte Edicin de trazados de movimiento de smbolos.
Derecha e Izquierda son las direcciones en que rota el objeto. Derecha equivale
al sentido de las agujas del reloj e Izquierda indica el sentido contrario a las agujas
del reloj.
Eliminacin de animaciones
Regresar
El punto verde del trazado de movimiento indica el punto de partida y el rojo el del
final. Los puntos azules representan los fotogramas. Por ejemplo, un smbolo con
cinco fotogramas debe contar con un punto verde, tres puntos azules y uno rojo en
su trazado. La posicin del objeto en el trazado indica el fotograma actual. Si el
objeto aparece como en el tercer punto, el fotograma actual es el 3.
Regresar
UTILIZACIN DE FOTOGRAMAS
Cuando el papel cebolla est activado, los objetos de los fotogramas situados
delante o detrs del actual aparecen atenuados, para poder distinguirlos de los
objetos del fotograma actual.
Regresar
INTERPOLACIN
Por ejemplo, puede interpolar un objeto de forma que parezca moverse a lo largo
de un trazado lineal.
Fotogramas .
Regresar
Puede ver una presentacin preliminar de una animacin mientras trabaja, para
apreciar cmo avanza. Tambin es posible ver una presentacin preliminar de una
animacin despus de la optimizacin y ver su aspecto en un navegador web.
Controles de fotogramas
Regresar
EXPORTACIN DE LA ANIMACIN
Una vez definidos los smbolos y los fotogramas que conforman la secuencia
animada, ya se puede exportar el archivo como una animacin. Antes de exportar
archivos se debe configurar una serie de valores para simplificar la carga de la
animacin y facilitar su reproduccin. Puede establecer valores de reproduccin,
como bucles y transparencias, y utilizar la optimizacin para reducir el tamao del
archivo exportado y facilitar su descarga.
panel .
Configuracin de transparencia
Los archivos GIF animados ofrecen los mejores resultados en animaciones tipo
ilustracin o dibujos animados.
Puede exportar la animacin como un archivo Flash SWF, e importarla en
Macromedia Flash MX. O bien, puede omitir este paso e importar el archivo original
PNG de Fireworks directamente en Flash MX. Esta opcin le ofrece un mayor control
sobre la importacin de la animacin.
Una vez importado el archivo se debe establecer su formato como GIF Animado
para poder exportar el movimiento desde Fireworks.
Regresar
Regresar
Actividad prctica
Realice una interpolacin entre dos instancias del smbolo del anterior paso.
INTRODUCCIN
El objetivo final del diseo de grficos web es la creacin de bellas imgenes que se
descarguen lo ms rpido posible. Para ello, es necesario seleccionar un formato de
archivo con la mejor compresin para la imagen y mantener la mayor calidad
posible. Este equilibrio es lo que se conoce como optimizacin, es decir, buscar la
proporcin correcta de colores, compresin y calidad.
Regresar
OPTIMIZACIN EN EL REA DE TRABAJO
Las fichas de vista previa muestran cmo aparecer el grfico exportado con
la configuracin actual de optimizacin.
Es posible optimizar todo el documento del mismo modo, o bien, puede seleccionar
divisiones independientes o reas seleccionadas de un JPEG y asignar diferentes
ajustes de optimizacin en cada una de ellas.
GIF WebSnap 256 convierte los colores que no sean websafe al color websafe
ms cercano. La paleta de colores puede contener hasta 256 colores como mximo.
GIF WebSnap 128 convierte los colores que no sean websafe al color websafe
ms cercano. La paleta de colores contiene hasta 128 colores.
GIF adaptable 256 es una paleta de colores que contiene slo los colores
utilizados en el grfico. La paleta de colores puede contener hasta 256 colores
como mximo.
GIF Animado Websnap 128 define el formato de archivo como GIF animado y
convierte los colores que no sean websafe al color websafe ms cercano. La paleta
de colores contiene hasta 128 colores.
Elija Ventana > Optimizar para ver y modificar la paleta de colores del
documento.
Regresar
Para ver una presentacin preliminar de una imagen segn los ajustes de
optimizacin actuales:
La siguiente imagen corresponde a una vista previa 2-arriba con JPEG como tipo de
archivo seleccionado.
Nota: debe estar viendo el Fotograma 1 para ver los botones o rollovers. Para
cambiar al Fotograma 1, haga clic en el panel Fotogramas.
Regresar
ELECCIN DE UN TIPO DE ARCHIVO
Los formatos de archivo grfico GIF y JPEG son muy comunes en la Web de debido
a que pueden comprimirse mucho. El formato PNG no es tan comn debido a que
no todos los navegadores Web lo admiten. La compresin reduce el tiempo de
transferencia a travs de Internet. Sin embargo, la integridad visual de un grfico
puede variar de un formato a otro en funcin del mtodo de compresin de cada
uno de ellos. Por lo tanto, deber basar su eleccin en el diseo y uso previstos
para el grfico.
JPEG - Joint Photographic Experts Group: este formato fue desarrollado por
dicho grupo especficamente para imgenes fotogrficas. El formato JPEG admite
millones de colores (24 bits). JPEG es el formato ptimo para fotografas
digitalizadas, imgenes que utilizan texturas, imgenes con transiciones de color en
degradado o cualquier imagen que precise ms de 256 colores.
PNG - Portable Network Graphic: es el formato de grfico web muy verstil. Sin
embargo, no todos los exploradores web pueden mostrar imgenes PNG. Los
archivos PNG son compatibles con profundidades de color de hasta 32 bits, pueden
contener transparencia o un canal alfa y ser progresivos. PNG es el formato de
archivo nativo de Fireworks. Sin embargo, los archivos PNG de Fireworks contienen
informacin adicional especfica de la aplicacin que no se almacena en un archivo
PNG exportado o en los archivos creados en otras aplicaciones.
Regresar
Los ajustes de optimizacin de Fireworks son similares para todos los formatos de
archivo de 8 bits. En el caso de los formatos de archivo web como GIF y PNG,
tambin puede especificar la compresin que desee para el grfico.
Es posible optimizar los tipos de archivo de 8 bits ajustando sus paletas de colores.
Un nmero reducido de colores en la paleta significa que habr menos colores en la
imagen, el resultado ser un archivo con un tamao ms reducido. La reduccin del
nmero de colores tambin puede reducir la calidad de la imagen.
Los archivos GIF y otros formatos de 8 bits exportados contienen una paleta de
colores. Una paleta de colores es una lista de hasta 256 colores disponible en el
archivo. Slo los colores definidos en dicha paleta aparecen en la imagen; sin
embargo, algunas paletas de colores contienen colores que no estn presentes en
el grfico.
Adaptable es una paleta personalizada que se crea a partir de los colores del
documento. Las paletas adaptables permiten producir imgenes de alta calidad.
Web 216 es una paleta con los 216 colores comunes a las computadoras Windows
y Macintosh. A menudo, esta paleta recibe el nombre de paleta websafe o browser-
safe porque produce resultados bastante coherentes entre plataformas y
navegadores diferentes cuando se visualizan en monitores de 8 bits.
Sistema (Windows) y Sistema (Macintosh) contienen cada una los 256 colores
definidos por los estndares de las plataformas Windows o Macintosh.
Escala de grises es una paleta compuesta por 256 o menos tonos de gris. Al elegir
esta paleta la imagen exportada se convierte en escala de grises.
Blanco y negro es una paleta de dos colores que consta slo de blanco y negro.
Personalizada es una paleta que se modifica o carga desde una paleta externa
(archivo .ACT) o un archivo GIF.
Los colores del archivo ACT o GIF se aaden a la tabla de color del
panel Optimizar.
Nota: la opcin de profundidad de color slo est disponible en los archivos GIF y
en otros formatos de archivos de 8 bits.
Nota: esta opcin slo est disponible en los archivos GIF y en otros formatos de
archivos de 8 bits.
Nota: la opcin de tramado slo est disponible en los archivos GIF, en otros
formatos de archivos de 8 bits y archivos WBMP.
Los colores websafe son colores comunes a las plataformas Windows y Macintosh.
Estos colores no se traman cuando se visualizan en un navegador web con la
pantalla definida en 256 colores.
Elija Web 216 en el men emergente Paleta indexada del panel Optimizar.
Nota: los colores que no sean websafe y sean parecidos a un color websafe
se convierten en el color websafe ms aproximado.
Almacenamiento de paletas
Es posible guardar paletas personalizadas como archivos de paleta externos. Puede
utilizar paletas guardadas con otros documentos de Fireworks o en otras
aplicaciones que admitan archivos externos de paleta, como Macromedia FreeHand,
Macromedia Flash y Adobe Photoshop. Los archivos de paleta tienen la extensin
.act.
Ajuste de la compresin
Es posible definir reas transparentes en imgenes GIF y PNG de 8 bits para que al
aparecer en un navegador web, el fondo de la pgina web sea visible a travs de
las reas transparentes. En Fireworks, un tablero a cuadros grises y blancos indica
las reas transparentes en las vistas de presentacin preliminar.
Nota: los colores definidos como transparentes slo afectan a la versin exportada
de la imagen y no a la imagen real. Puede ver el aspecto de la imagen exportada en
una presentacin preliminar.
Regresar
Regresar
Regresar
Actividad prctica
1. Cree un documento con esta imagen jpeg y optimcela de tal forma que los
personajes tengan un ajuste del 80% y lo dems de un 40%.
Asistente de exportacin
Regresar
Nota: es posible utilizar varios mtodos para incluir el cdigo HTML de Fireworks en
otras aplicaciones.
Tras crear y optimizar una animacin podr exportarla. Puede exportar una
animacin como un GIF animado, como un archivo Flash SWF o como varios
archivos.
1. Seleccione todas las animaciones que desee haciendo clic con la tecla
Mays pulsada.
5. Elija Editar > Anular seleccin para anular la seleccin de todas las
divisiones y objetos, y elija GIF animado como formato de archivo
en el panel Optimizar.
6. Haga clic con el botn derecho del ratn (Windows) o pulse la tecla
Control y haga clic (Macintosh) en cada divisin y elija Exportar
divisin seleccionada en el men contextual para exportar cada
divisin. En el cuadro de dilogo Exportar, escriba un nombre para
cada archivo, elija una ubicacin y haga clic en Guardar.
Nota: para cancelar la operacin sin llegar a exportar, haga doble clic
fuera del recuadro de seleccin del rea a exportar, pulse Esc o
seleccione una herramienta diferente.
Regresar
Regresar
Actividad prctica