Comment faire un bouton de substitution dans Fireworks CS5

Vous pouvez créer des boutons interactifs dans Adobe Fireworks Creative Suite 5 pour faire un bouton de substitution - un bouton qui change lorsque le pointeur de la souris passe dessus.

Sommaire

Créer l'art base

Tout d'abord, vous devez créer l'art de base pour le bouton. (. Pour cet exemple, le bouton est un rectangle arrondi, mais vous pouvez substituer une autre forme) Suivez ces étapes:

  1. Cliquez et maintenez l'outil Rectangle dans la section Vecteur du panneau Outils, puis sélectionnez Rectangle arrondi de la liste des outils masqués.

  2. Cliquez et faites glisser dans l'espace de travail pour créer une forme.

    Toute taille est fine pour cet exemple.




  3. Choisissez Fenêtre-Styles pour ouvrir le panneau Styles.

  4. Choisissez un style dans la liste déroulante.

    Par exemple, sélectionnez Styles plastique.

    Ce bouton de base est ce que le spectateur voit d'abord sur votre page Web.

    image0.jpg

Ajouter comportement de survol

Pour ajouter comportement de survol du bouton et de créer la version de l'œuvre d'art qui touche les téléspectateurs verront quand leurs pointeurs de souris passent au-dessus, suivez ces étapes:

  1. Sélectionnez la forme de rectangle arrondi que vous avez créé dans la section précédente, puis à droite; sélectionnez Insérer rectangulaire Slice.

    La forme est en surbrillance, indiquant qu'un hotspot a été créé.

    image1.jpg
  2. droit; cliquez sur (Windows) ou Contrôle-clic (Mac) sur le centre de la tranche et choisissez Ajouter survol simple Comportement dans le menu contextuel.

    image2.jpg
  3. Choisissez Fenêtre-Unis pour ouvrir le panneau Unis.

  4. Dans le menu panneau Etats, sélectionnez Duplicate État.

    image3.jpg

    La boîte de dialogue Dupliquer Etat apparaît. Conservez les paramètres par défaut à l'État de 1 étant inséré après l'état actuel.

    image4.jpg

» » » » Comment faire un bouton de substitution dans Fireworks CS5