Accessibilité

Créez une bannière Web avec des boutons animés


Table des matières

5. Ajoutez un effet de transformation par souris principal.

Vous allez à présent utiliser les calques créés à l'étape 2. Sélectionnez l'état Survolé (Par-dessus) dans la palette Transformations par souris, puis activez la visibilité du groupe de calques correspondant au bouton. Observez la modification de la couleur du bouton dans la fenêtre de document. Désactivez la visibilité du calque contenant l'image du corps de la bannière. Vous aurez l'occasion d'utiliser ce calque à l'étape suivante.

Notez qu'il est inutile de désactiver la visibilité du bouton d'historique original, puisqu'il se trouve au bas de la pile de la palette Transformations par souris.

step05_int

6. Ajoutez un effet de transformation par souris secondaire.

Cliquez ensuite sur le bouton Créer une transformation par souris d'après le calque dans la palette Transformations par souris. L'état Enfoncé (Bas) s'affiche au-dessous de l'état Survolé (Par-dessus) dans la palette Transformations par souris. Activez la visibilité du calque contenant l'image du corps de la bannière.

Répétez les étapes 4 à 6 pour les autres boutons de la bannière. Étant donné que vous avez déjà défini tous les groupes de calques, la création d'autres transformations par souris est désormais aisée.

step06_int

7. Prévisualisez la bannière.

Vous voulez vérifier le résultat de vos transformations par souris en action ? Cliquez sur le bouton Aperçu du document dans la palette d'outils, faites glisser le curseur sur un bouton, puis cliquez sur ce bouton. Lorsque vous avez terminé la prévisualisation, cliquez de nouveau sur le bouton Aperçu du document pour réactiver le mode d'édition.

step07