Accueil Médias sociaux Comment créer des boutons dans Flash - les mannequins

Comment créer des boutons dans Flash - les mannequins

Table des matières:

Vidéo: Tutoriel : Créer le bouton "Play" | ANIMATION FLASH. 2025

Vidéo: Tutoriel : Créer le bouton "Play" | ANIMATION FLASH. 2025
Anonim

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.

Comment créer des boutons dans Flash - les mannequins

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...