Como hacer un botón de imagen cambiante en fireworks cs5

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

Video: fireworks botones animados

Crear el arte básico

En primer lugar, es necesario crear el arte básico 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:

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

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

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

  • Elija estilos de ventana → para abrir el panel Estilos.

  • Elija un estilo en la lista desplegable.

    Video: Como crear un boton en fireworks

    Por ejemplo, seleccione Estilos de plástico.

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

  • Añadir comportamiento de sustitución

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

    1. Seleccione la forma de rectángulo redondeado que creó en la sección 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 ha sido creado.

    2. derecha, haga clic (Windows) o Control-clic (Mac) en el centro de la rodaja y selecciona Añadir comportamiento Rollover simple en el menú contextual.

    3. Seleccione Ventana → Unidos para abrir el panel Unidos.

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

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

    Artículos Relacionados