I. LES ELEMENTS GRAPHIQUES :
| Image de départ : | |
|
|
| Image découpée et retouchée : | |
| Fond de l’animation (a) : | Bouton (b) : |
|
|
| Autres éléments (c) et (d) : | |
|
|
II. LE FLASH :
1) La scène et les calques :
- Créer un fichier flash de 245px * 243px
- Créer 2 calques : le premier pour l’image de fond (a), le second pour l’animation.
- Ce dernier contiendra les éléments (b), (c) , (d), les clips, les boutons actifs et les scripts.
2) Le menu : exemple sur le 1er bouton
Créer 2 calques appelés : « bt_1 » et « titre_1 »
Dans le calque « bt_1 », on crée un bouton transparent appelé « bt_1 » qui sera de cette forme :
Dans le calque « titre_1 », on crée un clip appelé « bt_1_anim » avec comme occurrence « bt_1_anim », contenant plusieurs calques comme ceci :
Dont voici le détails :
Calque « bouton » :
Ce calque va contenir le clip « bouton » contenant lui-même l’objet (b).
On crée des interpolations de mouvement afin de disposer l’objet suivant ses différentes positions.
Calque «lumière» (et son calque associé « masque ») :
Le calque «lumière» va contenir le clip «lumière» contenant lui-même l’objet (c).
On crée des interpolations de mouvement afin de disposer l’objet suivant ses différentes positions.
Alpha à 30% Alpha à 100% Alpha à 30%
On crée un calque appelé « masque » et qui sera le masque du clip «lumière», afin de n’afficher de ce dernier que ce qui se trouve au dessus de l’objet (a).
Calque «titre_1» :
Le calque «titre_1» va contenir le clip «titre_1» contenant lui-même le texte « Mariages de rêves ».
On crée des interpolations de mouvement afin de disposer l’objet suivant ses différents états.
Alpha à 30% Alpha à 100% Alpha à 30%
Calque «as» :
Ce calque contient les ActionScripts.
On va placer des “stops” à différents niveaux du scénario, correspondants aux étapes de l’animation.
Calque «etiquettes» :
On va placer des repères sur la scène pour le contrôle de l’animation (« ON » et « OFF »),
Nb : placer l’étiquette une frame après le “stop” du calque « as ».
On se replace sur le bouton appelé « bouton » :
On va écrire ici les scripts permettant de contrôler le scénario, en référence aux étiquettes placées précédemment, mais aussi d’insérer les liens vers les pages internet.
Au départ l’animation est à son état 0, c’est à dire arrêtée grâce au 1er stop inséré dans le clip « as ».
Ensuite, on insère ce script sur le bouton « bouton » :
on (rollOver) {
bt_1_anim.gotoAndPlay ("ON");
}(au survol du clip « bt_1_anim », on se place à l’étiquette « ON » présente à l’intérieur de celui-ci et l’on lit l’animation. Celle-ci va être stoppée au moment désiré grâce au second “stop“.)
on (rollOut) {
bt_1_anim.gotoAndPlay ("OFF");
}(lorsque l’on ne survol plus le clip « bt_1_anim », on se place à l’étiquette « OFF » présente à l’intérieur de celui-ci et l’on lit l’animation. Celle-ci va être stoppée au moment désiré grâce au troisième “stop“.)
on(release){ getURL('mariages.htm');}(Lorsque l’on clique sur le bouton « bouton », on ouvre le lien vers la page « mariages.htm »)
On effectue ensuite la même opération avec les boutons suivants, à savoir créer un bouton, puis en dessous un clip contenant l’animation.
Attention à bien donner un nom à l’occurence du clip contenant l’anim (« bt_1_anim », « bt_2_anim », « bt_3_anim », etc…), et ce pour chaque bouton.
Exemple à télécharger ici : menu_table_mixage
