1 . Paramètres généraux

1.1 Menu [modifier – animation]

1.2 Régler les dimensions de l’animation

1.3 Régler la couleur de l’animation

2 . Création de l’objet :

Remarque : Nous sommes sur le Calque 1, à la trame 1

2.1 Choisir l’outil [cercle /ellipse]

2.2 Choisir le trait

2.2.1 Couleur (noir, unie)

2.2.2 Epaisseur (1,0)

2.3 Choisir la couleur de remplissage (dégradé)

2.4 Dessinons la boule (en haut / droite)

Remarque : en appuyant simultanément sur [Maj] , l’ellipse devient un cercle

3 . Convertir l’objet en symbole

Remarque : Attention la boule est constituée de deux entités : le « tour » et « l’intérieur »

3.1 Sélectionner l’objet

3.2 Menu [Insérer – Convertir en symbole]

3.3 Nommer le symbole (boule)

4 . Indiquer la fin de l’animation (trame 40)

4.1 Se positionner sur la trame 40

4.2 Insérer « l’image clé » de fin d’animation [touche F6]

A ce stade, la position « initiale » de la boule (trame1) et la position « finale » de la boule (trame 40) sont identiques. Puisque le curseur est sur la trame 40, déplaçons la boule à l ‘autre extrémité de l’animation (en bas à droite).

Le logiciel va donc créer les images intermédiaires (de 1 à 39) pour réaliser l’animation

5 . Création de l’animation :

5.1 Se positionner sur une trame intermédiaire (pas la 1 ni la 40)

5.2 Menu [Insérer –Créer une interpolation de mouvement]

Remarque : la plage de trames se colore en bleu et une flèche joignant les trames 1 et 40 apparaît ! l’animation est créée

On peut tester l’animation en déplaçant le curseur à la souris

5.3 Enregistrer le travail, un fichier « essai.fla » (par exemple) est créé sur le disque

Remarque : ce fichier ne peut pas être intégré directement dans une page web

5.4 Test de l’animation en « grandeur nature »

5.4.1 Menu [Contrôle – tester l’animation}

5.4.2 Sortir en faisant [Fichier – Fermer]

6 . Création d’un bouton simple

6.1 « Déclaration » du bouton

Elle se fait dans le menu [Insérer – nouveau symbole]

Donner un nom et cocher « Bouton »

6.2 Le quatre « états » du bouton

Un bouton comprend 4 « états »

Il faut commencer par insérer une « Image Clé » [F6] dans chaque « trame » pour que les 4 états puissent être différents

6.3 Dessin des 4 images du bouton

Le plus simple est :

de dessiner l’image d’un état (n’importe lequel)
de sélectionner l’image
de la copier,
de la « Coller sur place » dans les autre trames
de modifier les 4 images en fonction de l’effet recherché

Remarque :

« Coller sur place » permet d’avoir une parfaite superposition des images

Le bouton achevé figure dans la bibliothèque de l’animation en cours !

7 . Un bouton « avancé »

Il s’agit de créer un bouton qui se met à tourner si l’on passe dessus !

7.1 Etape 1 :

On crée d’abord une image fixe (symbole graphique)

7.2 Etape 2 :

On crée un symbole clip d’animation à partir du symbole graphique précédent)

7.3 Etape 3 :

On crée un symbole bouton à partir des deux précédents (l’un des états est le clip d’animation)

7.4 Etape 4 :

Attribuer une action au bouton [« Get Url » le plus souvent]

Si le curseur passe sur le bouton, il doit se mettre à tourner

8 . Créer un Masque

8.1 Qu’est ce qu’un masque ?

C’est une couche spéciale qui laisse voir une partie de la couche inférieure (ici le « YES » permet de voir une partie de la couche sous-jacente)

L’élément « transparent » du masque peut être fixe ou animé

8.2 Pour créer un masque

8.2.1 Créer une nouvelle animation

8.2.2 Importer l’image de fond sur le calque1

8.2.3 Insérer un nouveau calque (calque3 ci contre)

8.2.4 Le définir comme « masque », des marqueurs spéciaux apparaissent (flèches bleues et blanches dans des cercles)

Tout élément (ici le «YES ») dessiné sur ce calque sera « transparent »

9 . Préparation à l’intégration dans une page Web

Seule les animations compilées (format « .swf ») peuvent être intégrées dans une page web

9.1 Première méthode : [Fichier Exporter]

Choisir le format « SWF »

9.2 Deuxième méthode : [Fichier- Publier]

(passer auparavant par « paramètres de publication », car on peut aussi générer une page html, ou une « projection » directement exécutable (.exe)

9.3 Astuce au moment de l’intégration

Dans flash, il n’est pas prévue de fond d’animation « transparent », ce qui est bien dommage. On peut toutefois tourner la difficulté en ajoutant (à la main) dans le code HTML la ligne suivante :

<param name="WMODE" value="Transparent"> (Internet Explorer seulement)