Como hacer un botón de rollover en Fireworks CS5

Puede crear botones interactivos en Adobe Fireworks Creative Suite 5 para hacer un botón de rollover - un botón que cambia cuando el puntero del ratón pasa sobre ella.

Cree el arte básico

En primer lugar, es necesario crear la técnica básica para el botón. (. Para este ejemplo, el botón es un rectángulo redondeado, pero se puede sustituir por otra forma), siga estos pasos:

  1. Haga clic y mantenga la herramienta Rectángulo en la sección Vector del panel Herramientas y seleccione Rectángulo redondeado de la lista de herramientas ocultas.

  2. Haga clic y arrastre en el área de trabajo para crear una forma.

    Cualquier tamaño está muy bien para este ejemplo.

  3. Elija Ventana-Styles para abrir el panel Estilos.

  4. Elija un estilo de la lista desplegable.

    Por ejemplo, seleccione Estilos de plástico.

    Este botón básico es lo que el espectador ve inicialmente en su página web.

    imagen0.jpg

Añadir comportamiento rollover

Para añadir un comportamiento de rollover al botón y crear la versión de la obra botón que los televidentes podrán ver cuando sus punteros de ratón pasan por encima de ella, siga estos pasos:

  1. Seleccione la forma de rectángulo redondeado que ha creado en el apartado anterior, y luego a la derecha, haga clic para seleccionar Insertar división rectangular.

    La forma se pone de relieve, lo que indica que un punto de acceso se ha creado.

    image1.jpg
  2. derecha, haga clic (Windows) o Control-clic (Mac) en el centro de la rebanada y elija Agregar Comportamiento Rollover simple en el menú contextual.

    image2.jpg
  3. Elija Ventana-Unidos para abrir el panel Estados.

  4. Desde el menú del panel Estados, elija Estado Duplicar.

    image3.jpg

    Aparecerá el cuadro de diálogo Duplicar Estado. Guarde los ajustes en el valor predeterminado de Estado 1 se inserta después de la situación actual.

    image4.jpg



» » » » Como hacer un botón de rollover en Fireworks CS5