Comment créer des boutons dans Flash - les mannequins

Les menus de navigation nécessitent des boutons. Flash vous donne tous les outils pour créer des boutons vraiment cool. Si vous n'avez pas créé de boutons Flash auparavant, considérez ceci comme votre baptême de feu. Pour créer un bouton pour votre menu, procédez comme suit:

1Choisissez Insérer → Nouveau symbole.

La boîte de dialogue Créer un nouveau symbole apparaît.

2Tapez un nom pour votre symbole et choisissez le comportement du bouton dans le menu déroulant Type.

Vous créez un menu, et l'endroit le plus évident pour démarrer un menu est le bouton Accueil. Par conséquent, nommez le bouton Accueil .

3Cliquez sur OK et Flash passe en mode d'édition de symbole.

Vous avez une couche ainsi que quatre états, chacun étant déterminé par la position du curseur de l'utilisateur: Haut, Haut, Bas et Coup.

Cet état détermine la zone cible du bouton. Vous ajoutez l'état de réussite si vous avez un bouton particulièrement délicat qui peut être difficile à sélectionner.

4Si ce n'est pas déjà fait, choisissez Fenêtre → Propriétés.

L'inspecteur de propriétés s'ouvre.

5Créez la taille de la forme de votre bouton.

Lorsque vous créez des boutons, utilisez l'outil Rectangle avec un rayon de coin de 50 px pour obtenir une forme ovale. Avant de créer la forme, modifiez la valeur Rectangle Options dans l'inspecteur des propriétés à 50, ce qui vous donne un joli arrondi. Choisir Vue → Règles vous permet de créer un objet dont la taille approximative est le bouton.

6Sélectionnez la forme du bouton et, dans l'inspecteur des propriétés, saisissez les dimensions souhaitées pour votre bouton dans les champs largeur et hauteur.

Pour déterminer la taille de chaque bouton, divisez la largeur de votre menu de navigation par le nombre de boutons. Dans cet exemple, vous créez six boutons pour un menu de navigation (navigation) de 600 pixels de large et de 25 pixels de haut. Par conséquent, chaque bouton a une largeur de 100 pixels et une hauteur de 25 pixels.

7Sélectionnez, puis alignez le bouton sur le centre de la scène.

Appuyez sur les touches Ctrl + K (Windows) ou Apple + K (Mac) pour ouvrir le panneau Aligner. Activez la case à cocher Au stade, puis cliquez sur les icônes qui centrent le bouton verticalement et horizontalement.

8Cliquez sur le bouton Nouveau calque dans le coin inférieur gauche du scénario.

Flash crée un nouveau calque. Tout ce que vous devez savoir sur les calques pour le moment, c'est que les calques vous aident à organiser votre travail. Pour le bouton, vous créez un calque séparé pour le texte du bouton.

9Double-cliquez sur le titre du calque de texte du bouton.

Ceci ouvre une zone de texte dans laquelle vous pouvez taper un nouveau nom pour la deuxième couche. Ce n'est pas impératif, mais l'élaboration d'un nom intuitif vous aide à déchiffrer plus tard quelle couche est utilisée pour quoi lorsque vous créez un film ou un symbole complexe.

10Saisissez un nom pour le calque.

Le texte est un nom aussi bon que tout. Pendant que vous y êtes, renommez le calque sur lequel réside le bouton. Le bouton Forme est un bon nom.

11Sélectionnez l'outil Texte et tapez le nom souhaité.

Dans ce cas, le bouton est appelé Accueil. Lorsqu'un visiteur clique sur ce bouton, il accède à la page d'accueil.

Un didacticiel complet sur l'outil Texte dépasse la portée de ce livre. Toutefois, si vous examinez l'inspecteur des propriétés, vous voyez à quel point il est facile de définir des paramètres pour l'outil Texte.

12Appuyez sur F5 dans le cadre Bas du calque Texte.

Ceci copie le contenu du cadre Up dans les états Over et Down.

13Appuyez sur F6 pour créer des images clés pour les états Over et Down sur le calque Button Shape.

La création d'images clés vous permet de modifier ou de modifier le contenu de ces images, ou d'apporter d'autres modifications qui avertiront les utilisateurs qu'ils ont effectivement trouvé un bouton cliquable. Le graphique à l'état désactivé apparaît lorsque les utilisateurs cliquent avec succès sur le bouton.

14Faites des changements dans les états Over et Down pour le calque Button Shape.

Pour cet exemple, nous avons changé la couleur du bouton en rouge dans le cadre Over et en orange dans le cadre Down.

15Cliquez sur le bouton Retour (ressemble à une flèche et se trouve à gauche du titre de la scène au-dessus du calque supérieur).

Le bouton est ajouté à la bibliothèque et est prêt à l'emploi.