|
MovieClip symboles sont des composants de l'animation Flash que vous pourrez réutiliser dans une animation flash . Ils ont leur propre calendrier qui fonctionne indépendamment de la chronologie du film. Tous les objets, tels que des boutons animés , qui sont contrôlées par ActionScript doivent être convertis en symboles de clip et reçoivent un nom d'instance. Ce nom d'instance est appelée dans le code ActionScript et vous permet d' animer l'objet dans le film principal. Instructions
1 Ouvrez Flash . Utilisez l'outil Place pour créer un rectangle sur la scène . Utilisez l'outil de texte pour mettre une étiquette dessus avec le nom "Bouton ".
2 Sélectionnez les deux graphiques . Appuyez sur F8. Sélectionnez " Movie Clip " dans l'option "Créer un nouveau symbole " fenêtre pop-up . Entrée "Button" dans le champ " Nom".
3 Sélectionnez le bouton " . " Movie - clip Aller à l'inspecteur des propriétés , ce qui est en dessous de la scène. Entrez un nom d'instance de " my_button . "
4 Double -cliquez sur movie- clip pour activer sa timeline . Insérez un nouveau calque en cliquant sur l'icône de calque, qui est sous la Timeline. L'icône ressemble à une page avec un angle inférieur renversée. Nommez-le " étiquettes ". Insérez une deuxième couche et nommez-le « Actions ».
5 Utilisez l'outil de sélection de cliquer sur la scène une fois . Cela va désactiver l'œuvre de la touche. Faites un clic droit sur le rectangle . Sélectionnez « Distribuer aux couches . " Le rectangle et le texte se séparer et apparaître dans deux couches différentes . Quatre couches dans votre film - clip sont : «Actions », « étiquettes» «texte» et
6 Cliquez sur l'image 1 dans le " étiquettes " calendrier de couche " fond . " . Aller à l'inspecteur de propriétés et d'entrée "vers le haut " dans le champ de l'étiquette de cadre. Cliquez sur l'image 10 du " étiquettes " calendrier de couche . Appuyez sur " F6 " pour insérer une nouvelle image clé . Accédez aux propriétés inspecteur , entrée " plus " dans le champ de l'étiquette de cadre. L'image-clé dans l'image 10 commence le renversement d'animation.
7 Cliquez sur l'image 30 dans le " étiquettes " calendrier de couche . Appuyez sur " F6 " pour insérer une nouvelle image clé . Aller à l'inspecteur des propriétés et l'étiqueter «dehors». Cliquez sur l'image 40. Appuyez sur la touche "F5 ". Ce raccourci ajoutera 10 images entre les images 30 et 40 .
8 Cliquez sur l'image 1 dans le " Actions" calendrier de couche . Appuyez sur " Option " plus " F9 ". Entrée " stop () " dans la fenêtre pop-up Actions, puis fermez-le . Cette étape permet de maintenir le film de jouer jusqu'à ce que vous obtenez sur le bouton.
9 Cliquez sur l'image 1 dans le " Actions" calendrier de couche . Maintenez enfoncée la touche "Option" ( "Alt" sur un PC) et faites-la glisser vers la droite. Relâchez l'image 20 . Cela va ajouter une nouvelle image-clé à l'image 20 et appliquer l'action d'arrêt. Votre bouton reste en surbrillance jusqu'à ce que vous obtenez en dehors.
10 Cliquez sur l'image 20 dans le " Actions" calendrier de couche . Maintenez enfoncée la touche "Option" et faites glisser. Relâchez l'image 40 . Le bouton revient à son état normal après vous roulez sur elle.
11 Cliquez sur l'image 40 dans le scénario de la couche "texte" . Appuyez sur la touche "F5 " pour copier les trames de l'image 1 à 40. Le texte du bouton ne change pas.
12 Sélectionnez le fond de rectangle sur la scène . Convertir en un symbole de clip de la même manière que vous l'avez fait à l'étape 2 , mais seulement la forme est sélectionnée. Le texte a été séparé de l' industrie graphique . Nommez le film nouveau clip symbole " Anim Button. "
13 Insérez de nouvelles images clés à l'image 10 et image 20 dans le scénario de la couche " de fond " . Cliquez sur l'image 20 dans le calque " fond " . Utilisez l'outil Transformation libre pour étendre le rectangle sur la scène vers la droite à environ 20 pixels. Faites un clic droit sur n'importe quelle image entre les images 10 et 20 . Sélectionnez "Créer une interpolation de mouvement . "
14 Cliquez sur l'image 30 dans le scénario de la couche " de fond " . Insérer une image-clé . Faites un clic droit sur l'image 1 et sélectionnez « Copier les images . " Faites un clic droit sur l'image 40 et sélectionnez " Coller les images . " Faites un clic droit sur n'importe quelle image entre les images 30 et 40 . Sélectionnez "Créer une interpolation de mouvement . " Cliquez sur " Scene 1 " dans la barre d'édition dans le cadre du scénario. Revenir au scénario principal .
15 Insérez un nouveau calque en haut de votre pile de couches dans le scénario principal. Nommez les «Actions ». Couche Cliquez sur l'icône du cadenas pour verrouiller. Cliquez sur l'image 1 du calque " Actions" . Appuyez sur " Option " plus " F9 ". Entrée ce code dans la fenêtre «Actions» :
btn_mc.buttonMode = true;
btn_mc.addEventListener ( MouseEvent.ROLL_OVER , onButtonOver ) ;
btn_mc.addEventListener ( MouseEvent . ROLL_OUT , onButtonOut ) ;
fonction onButtonOver (e: MouseEvent ): void {
e.currentTarget.gotoAndPlay ( "over" ) ;
}
onButtonOut Function (e: MouseEvent ): void {
e.currentTarget.gotoAndPlay ( "out") ;
} < br >
16 Appuyez sur "Ctrl " plus " Entrée" pour tester le bouton .
|
