|
Création de boutons de clips en ActionScript vous donne un meilleur contrôle sur l'expérience de l' utilisateur . Flash n'est pas tout au sujet de l'interaction, mais les boutons fabriqués à partir de la touche timeline sont limités à quatre états de "Up ", " cours ", " Down" et " Hit, qui ne couvrent pas l'ensemble des interactions possibles. Lorsque vous créez des boutons à partir de clips vidéo , vous pouvez profiter de clips imbriqués de flash ; imbrication vous permet de créer des boutons qui sont moins linéaires et plus souple, par exemple en ajoutant des interpolations à l'état " Over" Instructions
1 Open flash et cliquez sur "Fichier ", puis " Nouveau", puis cliquez sur "Fichier flash (ActionScript 3.0 ) " dans le menu de retrait . Cliquez sur l'outil "Rectangle " de la barre d'outils et en maintenant votre souris , faites glisser sur la étape pour dessiner un rectangle . Cliquez sur l'outil "Texte" et le type "Button" au-dessus du rectangle.
2 Cliquez sur à la fois le " rectangle " et le texte " Bouton" afin de mettre en évidence et puis à partir du menu principal, cliquez sur Cliquez sur " Modifier". sur "Convertir en Nouvelle Symbol" dans le menu de retrait . Cliquez sur " Movie Clip " et tapez "Button ".
3 Cliquez sur " fenêtre" dans le menu principal, puis cliquez sur "Propriétés" puis "Propriétés" à nouveau dans le menu gigogne. Grâce à votre fond et le texte encore mis en évidence le type, dans " btn_mc " pour le " Nom d'instance" dans la "Propriété" panneau. Double-cliquez sur le bouton clip pour entrer dans le scénario du clip.
4 créer de nouveaux calques en cliquant sur " Insérer une couche " situé au bas de votre calendrier. Nommez vos deux couches en double en cliquant sur le texte et en tapant dans une première couche "Actions" et la deuxième couche " étiquettes ".
5 Distribuer votre rectangle et le texte de couches en cliquant d'abord sur le rectangle , puis le texte. Cliquez sur sur " Répartir vers les calques " dans le menu de retrait . Nommez vos couches «texte» et «Contexte ».
6 Cliquez sur châssis "40" sur le calque " Labels " et tout en tenant votre souris vers le bas cliquez sur le cadre "40" du calque "Background " . Ajouter de nouvelles images d'un clic droit puis cliquez sur « nouveaux cadres » dans le menu de retrait .
7 cliquez sur châssis "1" couche " Labels " puis tapez "up" dans le panneau "Propriétés" du champ de texte de l'étiquette " frame " . Cliquez sur le cadre " 10" de la couche " d'étiquettes " , clic droit, puis choisissez " Insérer une image-clé » dans le menu de retrait . Tapez " plus " dans le panneau champ de texte de l'étiquette de propriétés " frame " .
8 Cliquez sur châssis "30" de la couche " Labels " et clic-droit, puis choisissez " Insérer une image-clé " de le menu de retrait . Tapez "out" dans le panneau "Propriétés" du champ de texte de l'étiquette " frame " .
9 Cliquez sur châssis "1" de votre couche "Action" , clic droit, puis cliquez sur "Action" dans le menu gigogne. type "stop" dans le panneau d'action "Frame" .
10 Copier l'action d'arrêt pour encadrer "20" en cliquant sur le cadre "1" et , tout en maintenant la souris , appuyez sur "Alt" de votre clavier et faites glisser le petit "a" à clé " 20. " Soulevez votre souris et répétez le processus pour faire glisser un petit "a" pour encadrer " 40 ".
11 Créer un clip imbriqué en cliquant sur tout le rectangle et appuyez sur "F8" de votre clavier . Nommez-le " nested_mc . " Ajouter une image clé pour encadrer « 10 », « 20 » et «30 »de votre couche de fond en cliquant-droit sur le cadre, puis en cliquant sur " Insérer une image-clé »dans le menu de retrait .
12 Cliquez sur l'image 20 , puis cliquez sur le " outil Transformation libre " dans le barre d'outils. Appuyez sur la touche " Alt" de votre clavier et cliquez sur le bord droit de " nested_mc », maintenez votre souris et étirer la forme vers la droite à environ 10 ou 20 pixels. Faites un clic droit sur un châssis entre cadres " 10 " et «30» et cliquez sur «Créer une interpolation de mouvement » dans le menu de retrait .
13 Créer la fin image clé pour cette animation par un clic droit sur le cadre "1" de la couche " de fond " , en cliquant sur " Copier les images " dans le menu de retrait , puis clic-droit sur le châssis 40 et en cliquant sur « Coller les images " dans le menu de retrait . Créer une interpolation de mouvement en cliquant-droit entre le châssis 30 et 40 et sélectionner "Créer une interpolation de mouvement " de le menu de retrait .
14 Cliquez sur " Scene 1 " situé en dessous de la ligne de temps pour revenir au scénario principal. Créer de nouvelles couches en cliquant sur " Insérer une couche " situé au bas de votre calendrier. Nom la couche en double- cliquant sur le texte et en tapant " Actions ". Faites un clic droit sur le cadre "1" de votre couche "Action" , puis cliquez sur "Action" dans le menu gigogne.
15 Tapez le code suivant :
btn_mc.buttonMode = onButtonOut (e: MouseEvent ): void {
e.currentTarget.gotoAndPlay ( "out") ; }
fermer le panneau < . br>
|
