Download Untitled - EducArte

Clase 3 y 4 Fireworks
Efectos automáticos
Mediante el Inspector de propiedades 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 y
editar
Bisel interior, Sombra e iluminar, son de los más utilizados
Algunas muestras de cómo quedarían alguno de estos efectos
Zonas de Interactivas y de División
En general las zonas interactivas se utilizan para mapear una imagen y las zonas de división para los
rollover, y otros comportamientos
Las mismas se pueden crear a partir de objetos ya existentes en el documento o en forma manual
-Se ven en la capa web y en todos los fotogramas
-Haga clic en el botón Ocultar/Mostrar divisiones adecuado del panel Herramientas.
Para insertar una división rectangular en función de un objeto seleccionado:
1 Elija Editar > Insertar > División. La división es un rectángulo cuya área incluye los bordes más
externos del objeto seleccionado.
2 Si selecciona más de un objeto, elija cómo desea aplicar las guías de división: Uno creará un único
objeto de división que abarcará todos los objetos seleccionados.
Varios creará un objeto de división para cada objeto seleccionado.
Rollover simples:
Un Rollover permite que al pasar el mouse sobre un sector del documento en el mismo lugar cambie lo
que aparece
Rollover desunido:
Permite que al pasar el mouse en un lugar del documento, cambie en otro
Para incluir un rollover simple en una imagen u objeto seleccionado:
1 Asegúrese de que la imagen u objeto no se encuentra en una capa compartida. Para más
información, consulte “Uso compartido de capas” en la página 228.
2 Elija Editar > Insertar > División para crear una división sobre la imagen u objeto.
3 Cree un nuevo fotograma en el panel Fotogramas haciendo clic en el botón Fotograma nuevo/
duplicado.
4 Cree, pegue o importe una imagen para utilizarla como una imagen de intercambio. Sitúe la imagen
debajo de la división que creó en el paso 2, debe estar visible aunque no esté en el fotograma 2. Las
divisiones son visibles en todos los fotogramas.
5 Seleccione el fotograma 1 en el panel Fotogramas para volver al fotograma que contiene la imagen
original.
6 Seleccione la división y coloque el puntero sobre el tirador de comportamiento. El puntero cambia a
una mano.
7 Arrastre el tirador de comportamiento hasta el borde superior de la división.Una línea azul de
comportamiento se extiende desde el centro de la división hasta la esquina superior izquierda y
aparece el cuadro de diálogo Intercambiar imagen.
8 En el menú emergente Intercambiar imagen de, seleccione el fotograma en el que se encuentra
la imagen que desea intercambiar y haga clic en Aceptar.
9 Haga clic en la ficha Vista previa para ver y probar el rollover, también puede pulsar F12 para verlo
en un navegador.
Para incluir un rollover desunido en una imagen seleccionada:
1 Elija Editar > Insertar > División para incluir una división en la imagen de activación.
Nota: Este paso no es necesario si el objeto seleccionado es un botón o si ya existe una división o una
zona interactiva en la imagen.
2 Cree un nuevo fotograma haciendo clic en el botón Fotograma nuevo/duplicado del panel
Fotogramas.
3 Coloque una segunda imagen, que se utilizará como elemento destino, en el nuevo fotograma y en la
posición que desee en el lienzo. Puede colocar la imagen en cualquier punto salvo debajo de la división
que creó en el paso 1.
4 Seleccione la imagen y elija Editar > Insertar > División para incluir una división en la imagen.
5 Seleccione el fotograma 1 en el panel Fotogramas para volver al fotograma que contiene la imagen
original. Divisiones, rollovers y zonas interactivas 275
6 Seleccione la división, zona interactiva o botón que cubre el área de activación (la imagen original) y
coloque el puntero sobre el tirador de comportamiento. El puntero cambia a una mano.
7 Arrastre el tirador de comportamiento de la división de activación con la división destino que creó en
el paso 4.
La línea de comportamiento se extiende desde el centro del objeto activador hasta la esquina superior
izquierda de la división destino y se abre el cuadro de diálogo Intercambiar imagen.
8 En el menú emergente Intercambiar imagen de, seleccione el fotograma que creó en el paso 2 y
haga clic en Aceptar.
9 Haga clic en la ficha Vista previa para ver y probar el rollover desunido.
Eliminación de un rollover de arrastrar y colocar
Puede eliminar fácilmente un rollover de arrastrar y colocar de una división, zona interactiva o botón.
Para eliminar un rollover de arrastrar y colocar de un objeto web o botón seleccionado:
1 Haga clic en la línea azul de comportamiento que desee eliminar.
2 Haga clic en Aceptar para eliminar la interacción de rollover.