|
Adobe Flash fournit des outils pour vous aider à créer des animations des pages Web , y compris une variété d'objets , tels que des images , des vidéos et des boutons. Peut-être que vous souhaitez animer un bouton , comme un bouton Ajouter au panier qui affiche un ballon de basket est trempé dans un panier de basket quand on clique dessus . Flash vous permet de manipuler un clip comme un bouton. Instructions
1 Ouvrez le projet Flash . Appuyez sur "Ctrl" et " F8 " pour créer un nouveau symbole. Tapez un nom pour le clip , comme " AddToCart . " Cliquez sur le bouton radio " Movie Clip" et cliquez sur "OK".
2 Créer votre animation dans les cadres timeline . Par exemple , placez un panier de basket dans un cadre . Appuyez sur "F6" dans l'image 2 , et insérez un ballon de basket en haut à droite de l'arceau . Appuyez sur "F6" dans le châssis 20 et déplacer le basket-ball au sommet de l'arceau . Appuyez sur " Ctrl" et " F3 " pour ouvrir le panneau Propriétés . Cliquez sur l'image 2 et réglez le bouton Tween à " Motion. " Une ligne est tracée sur la chronologie de l'armature 2 à encadrer 20. Appuyez sur "Entrée " pour visualiser l'animation. La balle se déplace du point initial sur le côté de l'arceau à l'emplacement d'arrivée au sommet de l'arceau.
3 Cliquez sur l'image 1 . Appuyez sur " F9 " et insérez le code ActionScript suivant:
arrêt de ();
Répétez cette étape dans le châssis 20. La méthode stop () provoque le bouton pour arrêter à la première image lorsqu'elle est affichée dans votre projet. Vous allez écrire le code pour afficher l'image 2 à 20 à l'étape suivante .
4 Cliquez sur la petite flèche dans la barre au-dessus de la scène pour revenir à votre projet principal. Localisez le clip dans le panneau Bibliothèque et faites-le glisser à l'endroit où vous allez l'utiliser comme un bouton. Saisissez un identifiant pour le bouton dans le champ Nom de l'instance , telles que la touche " F9 " pour ouvrir le panneau Actions et ajoutez le code ActionScript pour les actions de bouton sur la base de l' instance Nom donné " cart_btn . ":
Cart_btn . onRelease = function () { this.gotoAndPlay (2); }
5 type de toutes les autres actions qui doivent être effectuées pour le clic sur le bouton action ici aussi . Appuyez sur "Ctrl" et "Enter" pour tester le bouton .
|
