Adobe
Produits

Les plus consultés

  • Adobe Creative Cloud
  • Creative Cloud abonnement Équipe
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • SiteCatalyst

Éducation

  • Pour les étudiants
  • Pour les établissements d'enseignement primaire et secondaire
  • Pour les établissements d'enseignement supérieur

Adobe Creative Cloud

  • Qu'est-ce qu'Adobe Creative Cloud ?

Design et photographie

  • Photoshop
  • Illustrator
  • InDesign
  • Adobe Muse
  • Lightroom
  • Gamme Elements

Vidéo

  • Adobe Premiere
  • After Effects

Développement web et HTML5

  • Edge Tools & Services [ouvrir dans une nouvelle fenêtre]
  • Dreamweaver
  • Jeux [ouvrir dans une nouvelle fenêtre]
  • Applications mobiles

Adobe Marketing Cloud

  • Qu'est-ce qu'Adobe Marketing Cloud ?
  • Analyse numérique
  • Marketing social
  • Gestion de l'expérience web
  • Ciblage et test
  • Optimisation des médias

Analyses

  • SiteCatalyst
  • Adobe Discover
  • Insight

Médias sociaux

  • Adobe Social

Experience Manager

  • CQ
  • Scene7

Ciblage

  • Test&Target
  • Recommendations
  • Search&Promote

Media Optimizer

  • AdLens
  • AudienceManager
  • AudienceResearch

Services documentaires

  • Acrobat
  • EchoSign [ouvrir dans une nouvelle fenêtre]
  • FormsCentral [ouvrir dans une nouvelle fenêtre]
  • SendNow [ouvrir dans une nouvelle fenêtre]
  • Acrobat.com [ouvrir dans une nouvelle fenêtre]

Publication

  • Digital Publishing Suite

  • Voir tous les produits
Solutions d'entreprise

Par besoin métier

  • Analyse numérique
  • Publication numérique
  • Gestion documentaire
  • Optimisation des médias
  • Marketing social
  • Ciblage et test
  • Montage et production de vidéos
  • Développement web [ouvrir dans une nouvelle fenêtre]
  • Gestion de l'expérience web
  • Voir tous les besoins métier

Par secteur d'activité

  • Audiovisuel
  • Éducation
  • Services financiers
  • Administration
  • Édition
  • Commerce
  • Voir tous les secteurs d'activité
Support et formation

J'ai besoin d'aide

  • Produits
  • Adobe Creative Cloud
  • Adobe Marketing Cloud
  • Forums [ouvrir dans une nouvelle fenêtre]

Je souhaite apprendre

  • Formation et didacticiels
  • Certification [ouvrir dans une nouvelle fenêtre]
  • Adobe Developer Connection
  • Pôle de création Adobe
  • Adobe TV [ouvrir dans une nouvelle fenêtre]
  • Pôle marketing Adobe
  • Adobe Labs [ouvrir dans une nouvelle fenêtre]
Télécharger
  • Versions d'évaluation
  • Adobe Flash Player
  • Adobe Reader
  • Adobe AIR
  • Voir tous les téléchargements
Société
  • Carrières chez Adobe
  • Relations avec les investisseurs
  • Salle de presse
  • Politique de confidentialité
  • Responsabilité sociale de l'entreprise
  • Étude de cas clients
  • Nous contacter
  • Plus d'informations sur la société
Acheter
  • À usage personnel et professionnel
  • Étudiants, enseignants et personnel administratif
  • Pour les petites et moyennes entreprises
  • Licences en volume
  • Offres spéciales
  • Ventes Adobe Marketing Cloud [ouvrir dans une nouvelle fenêtre]
  • Autres options d'achat
Rechercher
 
Informations Se connecter
Pourquoi dois-je me connecter ? Connectez-vous pour pouvoir gérer votre compte et accéder aux versions d'évaluation téléchargeables, aux extensions de produits, aux communautés, etc.
Bienvenue,
Mon Adobe
Mes commandes
Mes informations
Mes préférences
Mes produits et services
Déconnexion
Mon panier
Politique de confidentialité Mon Adobe
Adobe
Produits Rubriques Acheter   Rechercher  
Solutions Société
Aide Formation
Identification Déconnexion Politique de confidentialité Mon Adobe
Date Date
Qté :
Sous-total
Paiement
Aide de Flash Professional / 

Création de boutons

Adobe Community Help


Rechercher tous les produits  ›
Afficher tous les produits  ›  Afficher les produits concernés  › 

Produits concernés

  • Flash Professional CS6
 
En cliquant sur Envoyer, vous acceptez les Conditions d’utilisation d’Adobe.
 

  • Etapes élémentaires de la création de boutons
  • Création d’un bouton avec un symbole de bouton
  • Activation, modification et test des symboles de bouton
  • Résolution des problèmes liés aux boutons
  • Ressources supplémentaires concernant les boutons
Haut de la page

Etapes élémentaires de la création de boutons

  1. Choisissez le type de bouton le mieux adapté à vos besoins.

    Symbole de bouton

    La plupart des utilisateurs préfèrent les symboles de bouton, car ils offrent plus de souplesse. Les symboles de bouton contiennent un scénario interne propre à l’état des boutons. Vous pouvez facilement créer des états Relevé, Enfoncé et Survolé visuellement différents. Par ailleurs, les symboles de bouton modifient automatiquement leur état en réponse aux actions de l’utilisateur.

    Bouton de clip

    Vous pouvez utiliser un symbole de clip pour créer des effets de bouton sophistiqués. Les symboles de clip peuvent contenir pratiquement tout type de contenu, notamment une animation. Néanmoins, les symboles de clip ne disposent pas des états Relevé, Enfoncé et Survolé intégrés. Vous pouvez créer ces états vous-même à l’aide d’ActionScript. L’un des inconvénients que présentent les fichiers de clip est qu’ils sont plus volumineux que les fichiers de bouton. Utilisez les ressources suivantes pour apprendre à créer un bouton avec un symbole de clip :

    • Didacticiel vidéo : Movie Clip Buttons (ActionScript 3.0, Schoolofflash.com) (disponible en anglais uniquement)

    • Vidéo : Creating a Movie Clip Button (ActionScript 2.0, Kirupa.com) (disponible en anglais uniquement)

    Composant de bouton ActionScript

    Utilisez un composant de bouton si vous nécessitez uniquement un bouton standard ou un bouton bascule, et ne souhaitez pas le personnaliser outre mesure. Les composants de bouton ActionScript 2.0 et 3.0 disposent de code intégré permettant de modifier l’état des boutons. Par conséquent, il n’est pas nécessaire de définir l’aspect et le comportement des états de bouton. Il suffit de déplacer le composant vers la scène.

    • Les composants de bouton ActionScript 3.0 permettent quelques personnalisations. Vous pouvez lier le bouton à d’autres composants, et partager et afficher les données de l’application. Ils disposent de fonctions intégrées, telles que la prise en charge de l’accessibilité. Les composants Button, RadioButton et CheckBox sont disponibles. Pour plus d’informations, voir la section Utilisation du composant Button dans Utilisation des composants Adobe ActionScript 3.0. Pour obtenir des exemples sur l’utilisation des composants Button, voir AS3 Button Component Quick Start (disponible en anglais uniquement).

    • Les composants de bouton ActionScript 2.0 ne sont pas personnalisables. Ce composant permet de modifier l’état des boutons. Pour plus d’informations, voir Composant Button.

  2. Définissez les états de votre bouton.

    Image Relevé

    Aspect du bouton lorsque l’utilisateur n’interagit pas avec.

    Image Survolé

    Aspect du bouton lorsque l’utilisateur est sur le point de le sélectionner.

    Image Enfoncé

    Aspect du bouton lorsque l’utilisateur le sélectionne.

    Image Cliqué

    Zone sensible aux clics de l’utilisateur. La définition de l’image Cliqué est facultative. Si votre bouton est de petite taille ou si sa zone graphique n’est pas contiguë, il peut être utile de définir cette image.

    • Le contenu de l’image Cliqué n’est pas visible sur la scène lors de la lecture.

    • Assurez-vous que le graphique de l’image Cliqué est une zone pleine suffisamment grande pour englober tous les éléments graphiques des images Relevé, Enfoncé et Survolé.

    • Si vous ne spécifiez pas une image Cliqué, l’image de l’état Relevé est utilisée.

      Vous pouvez créer un bouton qui répond lorsque vous cliquez sur une autre zone de la scène ou la survolez (survol discontinu). Placez le graphique de l’image Cliqué à un emplacement différent de celui des graphiques de l’image du bouton.

  3. Associez une action au bouton.

    Pour qu’une réaction se produise lorsque l’utilisateur sélectionne un bouton, ajoutez du code ActionScript au scénario. Placez le code ActionScript dans les mêmes images que les boutons. Le panneau Fragments de code dispose de code ActionScript 3.0 pré-écrit pour de nombreux cas d’utilisation de bouton. Voir Ajout d’interactivité à l’aide de fragments de code.

    Remarque :

    ActionScript 2.0 n’est pas compatible avec ActionScript 3.0. Si votre version de Flash fait appel à ActionScript 3.0, vous ne pouvez pas coller du code ActionScript 2.0 dans votre bouton (et vice versa). Avant de coller du code ActionScript d’une autre source dans vos boutons, vérifiez que la version est compatible.

Haut de la page

Création d’un bouton avec un symbole de bouton

Pour rendre un bouton interactif, placez une occurrence du symbole de bouton sur la scène et affectez-lui des actions. Affectez ces actions au scénario racine du fichier FLA. N’ajoutez pas d’actions au scénario du symbole de bouton. Pour ajouter des actions au scénario du bouton, utilisez plutôt un bouton de clip.

  1. Choisissez Modifier > Tout désélectionner ou cliquez sur un emplacement vide de la scène pour vous assurer qu’aucun élément n’est sélectionné.

  2. Choisissez Insertion > Nouveau symbole.

  3. Dans la boîte de dialogue Créer un symbole, entrez un nom. Pour le Type de symbole, sélectionnez Button.

    Flash Pro passe au mode de modification de symbole. Le scénario change et affiche quatre images consécutives, Relevé, Dessus, Enfoncé et Cliqué. La première image, Haut, est une image-clé vide.

  4. Pour créer l’image du bouton dans un état Relevé, sélectionnez l’image Relevé dans le scénario, puis utilisez les outils de dessin, importez un graphique ou placez une occurrence d’un autre symbole sur la scène.

    Vous pouvez insérer des symboles graphiques et de clip dans un bouton mais pas un autre symbole de bouton.

  5. Dans le scénario, cliquez sur l’image Dessus, puis sélectionnez Insertion > Scénario > Image-clé.

    Flash Pro insère une image-clé qui duplique le contenu de l’image Relevé précédente.

  6. Sans désélectionner l’image Dessus, remplacez ou modifiez l’image du bouton sur la scène pour créer l’apparence requise de l’état Dessus.

  7. Répétez les étapes 5 et 6 pour l’image de l’état Enfoncé et pour l’image facultative Cliqué.

  8. Pour attribuer un son à un état du bouton, sélectionnez l’image correspondant à cet état dans le scénario et choisissez Fenêtre > Propriétés. Sélectionnez ensuite un son dans le menu Son de l’inspecteur des propriétés. Seuls les sons que vous avez importés vous sont proposés.

  9. Lorsque vous avez terminé, choisissez Modifier > Modifier le document. Flash revient au scénario principal de votre fichier FLA. Pour créer une occurrence du bouton que vous avez créé sur la scène, faites glisser son symbole du panneau Bibliothèque vers la scène.

  10. Pour tester la fonctionnalité d’un bouton, choisissez la commande Contrôle > Tester l’animation > Tester. Vous pouvez également afficher un aperçu des états d’un symbole de bouton sur la scène en choisissant Contrôle > Activer les boutons simples. Vous pouvez ainsi afficher les états Relevé, Survolé et Enfoncé d’un symbole de bouton sans utiliser la commande Contrôle > Tester l’animation > Tester.

Symboles de bouton - Didacticiels et exemples

Certains de ces éléments sont basés sur Flash CS3 ou CS4, mais s’appliquent également à Flash CS5.

  • Vidéo : Creating Buttons (durée : 9:16, tv.adobe.com, disponible en anglais uniquement)

  • Vidéo : Button symbols and interactivity in Flash CS4 (comprend des exemples ActionScript 3.0, tv.adobe.com, disponible en anglais uniquement)

  • Didacticiel : Button symbols in Flash (comprend des exemples ActionScript 3.0, Kirupa.com, disponible en anglais uniquement)

  • Exemple : Elément de portfolio d’animation (Flash Professional) (Adobe.com)

  • Exemple : ActionScript 3.0 for a button to open a web page (Flashthusiast.com, disponible en anglais uniquement)

  • Exemple : Déplacement vers une URL différente (Adobe.com)

  • Exemple : ActionScript 3.0 for buttons to jump to different scenes in the Timeline (Flashthusiast.com)

  • Exemple : ActionScript 3.0 for multiple buttons on the Stage at the same time (Flashthusiast.com)

  • Note technique : How to create a simple button (Adobe.com)

Haut de la page

Activation, modification et test des symboles de bouton

Par défaut, Flash Pro désactive les symboles de bouton lorsque vous les créez. Sélectionnez un bouton, puis activez-le pour voir s’il répond aux événements de souris. Il est recommandé de désactiver les boutons lorsque vous travaillez et de les activer pour tester rapidement leur comportement.

  • Pour sélectionner un bouton, utilisez l’outil Sélection et dessinez un rectangle de sélection autour du bouton.

  • Pour activer ou désactiver les boutons sur la scène, choisissez Contrôle > Activer les boutons simples. Cette commande permet de passer d’un état à l’autre.

  • Pour déplacer un bouton, utilisez les touches fléchées.

  • Pour modifier un bouton, utilisez l’inspecteur des propriétés. S’il n’est pas visible, choisissez Fenêtre > Propriétés.

  • Pour tester le bouton dans l’environnement de création, choisissez Contrôle > Activer les boutons simples.

  • Pour tester le bouton dans Flash Player, choisissez Contrôle > Tester l’animation [ou Tester la séquence] > Tester. Cette méthode est l’unique moyen de tester des boutons de clip.

  • Pour tester le bouton dans la fenêtre d’aperçu de la bibliothèque, sélectionnez le bouton dans la bibliothèque et cliquez sur Lire.

Haut de la page

Résolution des problèmes liés aux boutons

Utilisez les ressources suivantes pour résoudre les problèmes les plus courants concernant les boutons :

  • Note technique : Button actions are not working (Adobe.com, disponible en anglais uniquement)

  • Note technique : Button hotspots are active even though the buttons are covered with other objects (Adobe.com, disponible en anglais uniquement)

  • Note technique : Adding actions to shared buttons (Adobe.com, disponible en anglais uniquement)

  • Vidéo : Troubleshooting ActionScript 2.0 button symbols (Kirupa.com) (disponible en anglais uniquement)

Haut de la page

Ressources supplémentaires concernant les boutons

Les notes techniques suivantes contiennent des instructions pour des scénarios de bouton spécifiques :

  • Note technique : How to create a new button (Adobe.com, disponible en anglais uniquement)

  • Note technique : Creating advanced buttons (Adobe.com, disponible en anglais uniquement)

  • Note technique : How to create a roll-out animation for a button (Adobe.com, disponible en anglais uniquement)

  • Note technique : How to create a reset button (Adobe.com, disponible en anglais uniquement)

  • Note technique : How can one button do different things at different times? (Adobe.com, disponible en anglais uniquement)

  • Note technique : How to make a ’Back’ button in a SWF file (Adobe.com, disponible en anglais uniquement)

  • Utilisation des sons dans Flash

Cette œuvre est couverte par une licence Creative Commons (reproduction, distribution et modification libre de l’œuvre, avec paternité, pour utilisation non-commerciale)  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions de Creative Commons.

Informations juridiques   |   Politique de confidentialité en ligne

Produits

  • Adobe Creative Cloud
  • Creative Cloud abonnement Équipe
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • Digital Publishing Suite
  • Gamme Elements
  • SiteCatalyst
  • Pour le secteur de l'Éducation

Télécharger

  • Versions d'évaluation
  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR

Support et formation

  • Aide sur le produit
  • Forums

Acheter

  • À usage personnel et professionnel
  • Étudiants, enseignants et personnel administratif
  • Pour les petites et moyennes entreprises
  • Licences en volume
  • Offres spéciales

Société

  • Salle de presse
  • Programmes partenaires
  • Responsabilité sociale de l'entreprise
  • Offres d'emploi
  • Relations avec les investisseurs
  • Événements
  • Secteur juridique
  • Sécurité
  • Contacter Adobe
Sélectionnez votre pays France (modifier)
Sélectionnez votre région/pays Fermer

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2013 Adobe Systems Software Ireland Ltd. All rights reserved.

Conditions d'utilisation | Politique de confidentialité | Cookies

Choix publicitaires