Comment créer des symboles de bouton dans Adobe Flash CS6 - Les tétines

Dans Adobe Flash CS6, les boutons sont des types de symboles spéciaux conçus pour répondre aux interactions de la souris ou du clavier. en tant que clics, roulements et touches spécifiques. Lorsqu'ils sont associés à ActionScript, les boutons peuvent être utilisés pour à peu près n'importe quelle tâche de navigation ou de contrôle. Les boutons sont créés de la même manière que les autres types de symboles et vous pouvez facilement faire glisser des instances vers la scène depuis votre bibliothèque pour créer plus de boutons.

Les boutons prennent vraiment vie après l'ajout d'ActionScript, mais vous devez comprendre comment créer des boutons appropriés avant de les câbler.

Comment créer un nouveau bouton dans Adobe Flash CS6

Comme pour les symboles graphiques, vous pouvez créer des boutons à partir du contenu existant sur la scène ou en tant que nouveaux symboles vides auxquels vous pouvez ajouter du contenu ultérieurement.

Suivez ces étapes pour créer un nouveau symbole de bouton à partir du contenu existant:

Sur un nouveau calque de votre document, créez une nouvelle forme solide sur la scène que vous souhaitez utiliser en tant que bouton et sélectionnez la forme à l'aide de l'outil Sélection.

1. Choisissez Modifier → Convertir en symbole.

2. La boîte de dialogue Convertir en symbole apparaît.

   Entrez un nom pour votre nouveau bouton dans la zone de texte Nom et sélectionnez Bouton dans la liste déroulante Type.

3. Cliquez sur OK pour créer le bouton.

4. Choisissez Fenêtre → Bibliothèque pour ouvrir le panneau Bibliothèque et vous verrez le nouveau symbole avec l'icône du bouton spécial à côté.

Comment ajouter du contenu aux états des boutons dans Adobe Flash CS6

Vous pouvez ajouter du contenu à chaque image de votre bouton pour le compléter:

Si ce n'est pas déjà fait, modifiez votre nouveau bouton en double-cliquant dessus sur la scène ou dans le panneau de la bibliothèque.

1. Vous devriez avoir du contenu sur l'état Up à partir du moment où vous avez créé le bouton. Vous pouvez maintenant définir le contenu des états restants.

   Sélectionnez le cadre Au-dessus du scénario du bouton et ajoutez une nouvelle image clé avec la touche de raccourci F6.

2. Utilisez l'outil de sélection ou l'inspecteur des propriétés ou un autre outil de dessin pour modifier l'illustration sur le cadre Au-dessus.

3. Sélectionnez le cadre Bas et insérez une nouvelle image clé à l'aide de la touche de raccourci F6.

   

4. Modifiez ou ajoutez du contenu au cadre négatif.

5. Cette étape détermine comment le bouton apparaît lorsque l'utilisateur clique et maintient le bouton de la souris enfoncé.

   Sélectionnez le cadre frappé et créez une nouvelle image clé en appuyant sur la touche de raccourci F6.

6. Utilisez l'illustration existante copiée sur cette image clé ou l'un des outils de forme pour remplir cette image avec une zone de frappe étendue et complète.

7. Quittez le bouton en cliquant sur Scène 1 au-dessus de la scène.

8. Choisissez Contrôle → Tester l'animation pour prévisualiser votre film.

9. Faites un survol et cliquez sur votre nouveau bouton pour voir les différents états en action.

   Modification des instances de bouton dans Adobe Flash CS6

Les instances de bouton individuelles peuvent avoir des transformations uniques et des effets de couleur, tout comme les occurrences de symboles graphiques. De plus, chaque bouton peut être associé à un code ActionScript unique. Vous pouvez donc utiliser plusieurs occurrences d'un seul symbole de bouton pour créer un menu entier ou une barre de contrôle.

Voici comment ajouter et modifier des occurrences supplémentaires de votre bouton sur la scène:

Choisissez Fenêtre → Bibliothèque pour vous assurer que le panneau Bibliothèque est visible.

1. Faites glisser deux autres occurrences de votre symbole de bouton vers le même calque que votre instance de bouton existante.

2. Si nécessaire, positionnez les boutons de sorte qu'ils soient écartés l'un de l'autre.

   Sélectionnez l'une des occurrences de bouton et choisissez Fenêtre → Propriétés.

3. L'inspecteur des propriétés s'ouvre.

   Choisissez Teinte dans la liste déroulante Style de la section Effet de couleur.

4. Sélectionnez une couleur et définissez le pourcentage de teinte sur 100%.

5. Le bouton est teinté avec la couleur choisie.

   Sélectionnez une autre occurrence de bouton, choisissez l'outil Transformer dans le panneau Outils et utilisez l'outil Transformer pour redimensionner ou faire pivoter le bouton sélectionné.

6. Aperçu des boutons en choisissant Contrôle → Tester l'animation ou Contrôle → Activer les boutons simples.