Comment créer un bouton comportant un effet de rollover sous Flash
Graphisme > Flash
Recherche :   
Actualité Système Salon Concours Outils Programmation Devparadise Programmation HTML .Net JavaScript VBScript ASP PHP Visual Basic Perl Java Active X SQL XML WAP Delphi Graphisme Flash Web Design Promotion Référencement Publicité Valeur de votre site Outils Systèmes Windows Unix Linux Benchmark Hardware Réseaux locaux Droit Sécurité
Création d'un bouton sous Flash
  Auteur : Arnaud DESFONTAINES

Comment créer un bouton comportant un effet de rollover sous Flash

Publicité 
Démarche à suivre :

- Créez un nouveau document.
- Sur la scène, créez votre bouton.
- Le sélectionner puis le convertir en bouton. Pour cela, vous devez faire (Insérer / Créer un symbole…) ou (F8).
- Une boîte de dialogue apparaît, attribuez lui un nom, et choisissez le comportement "Bouton". Validez en cliquant sur "OK".

- Faites un click droit sur le bouton sélectionné, puis choisissez (Modifier…).

- Vous pouvez désormais appliquer des modifications aux différents états de votre bouton.

- Pour cela, vous devez sélectionner la cellule correspondant à l'état "Dessus" et faire (Insérer / Image-clé) ou (F6).
- Par conséquent, vous obtenez la même image que pour l'état "Haut". Il vous faut donc la modifier pour obtenir un changement d'apparence au survol du bouton.
- Pour transformer ce bouton, vous devez le dissocier. Faite (Modifier / Séparer) ou (Ctrl+B). Dans le cas ci-dessus, il faut "Séparer" à deux reprise. Une fois pour séparer le texte du contour puis une seconde fois pour séparer le texte lui même.

- Maintenant, vous pouvez lui attribuer une autre couleur par exemple. Pour cela, dans la barre d'outil sélectionnez le pot de peinture (outil "Remplissage") ; choisissez une couleur puis cliquez dans une des lettre, ainsi tous le texte sélectionné sera de la couleur choisi. Pour le contour, dans la barre d'outil sélectionnez l'outil "Encrier", choisir la couleur puis cliquez dans le contour hachuré.

- Vous pouvez aussi modifier la taille du mot "VALIDER" pour un effet un peu plus dynamique encore.
- Désélectionnez le contour du bouton avec l'outil flèche en cliquant dessus et en maintenant la touche majuscule enfoncé. Ainsi, restera sélectionné uniquement le mot "VALIDER" ; dans la barre d'outil cliquez sur "Redimensionner", des poignés apparaissent alors autour de la sélection. Utilisez les pour modifier les dimensions du mot "VALIDER".

Enregistrez et faite (Fichier / Exporter l'animation…) ou (Ctrl+Alt+Maj+S), une fenêtre apparaît, nommez votre fichier SWF puis validez.

Pour voir le résultat, survolez le bouton ci-dessous :

Libre à vous d'attribuer d'autre effets pour les états "Abaissé" et "Cliqué". Pour cela, recommencer l'opération à partir de l'étape (Insérer / Image-clé) ou (F6).

A lire aussi sur Devparadise.com :
  • Ajouter une barre de navigation
  • Utilisation de la palette pathfinder d'Illustrator
  • Gifs animés sous ImageReady suite... (l'interpolation)
  • Utiliser les scripts d'ImageReady
  • Glisser/déposer directement depuis un dossier des éléments sur un document ou...
  • A télécharger aussi sur Devparadise.com :
  • NOUVEAU des interfaces graphiques à télécharger (modèle N°1)
  • Nouvelle interface graphique à télécharger (modèle N°2)
  • Interfaces graphiques à télécharger (modèle N°3)
  • Interfaces graphiques à télécharger (modèle N°4)
  • Interfaces graphiques à télécharger (modèle N°5)

  • © 1997-2008 tous droits réservés Devparadise.com
    Les logos, et marques déposées sont la propriété de leurs détenteurs respectifs.
    Devparadise.com s'est engagé à respecter la confidentialité des données personnelles régies par la loi 78-17 du 6 janvier 1978.
    Déclaration C.N.I.L. n° 621623
    flash,bouton,rollover,trucs,astuces