Création d'une animation Flash simple pour débutant

Nous avons eu des demandes de personnes qui nous on demandé comment faire une animation simple en Flash. Voici un petit tutoriel en images pour vous montrer comment procéder pour une animation basique.

<!--strong-->

1. Nouveau Document

Ouvrez Flash et créez un nouveau document (AS 2.0 ou AS 3.0). Importez les images que vous souhaitez animer en séléctionnant "File > Import > Import to Library". Vous devrez ensuite voir vos images dans la Bibliothèque (Library). Si vous ne voyez pas la bibliothèque, allez sous "Window > Library".

Importer des images
Images dans la bibliothèque

2. Calques

Créez un calque par image ou élément que vous désirez animer en cliquant sur ajouter calque.

Un calque par élément à animer

3. Préparation à l'animation

Cliquez sur le 1e calque. Glissez une image de la "Library" sur la scène au centre. Séléctionnez l'image sur la scène. Dans le panneau "Properties" (si pas visible, "Window > Properties > Properties"), vous pouvez positionner exactement votre image sur la scène en entrant des valeurs pour x et y.

Modifier position

4. Rendre animable

Cliquez sur votre 1e calque, puis sur la première image clé, qui doit être grise Image clé grise. Une image clé grise Image clé grise signifie une image clé avec du contenu statique. Une image clé blanche Image clé blanche signifie une image clé vide. Une image clé violette Image clé violette signifie une image clé avec un contenu animable.

Le fait de rendre une image clé animable concerne TOUT SON CONTENU, d'où la nécessité de créer un calque par élément à animer. Faites un clique-droit sur notre image clé grise et séléctionnez "Create Motion Tween".

Rendre animable

5. Ajouter une image clé dans le temps

Toujours sur votre 1e calque, faites un clique-droit à un endroit sur la "Timeline" et séléctionnez "Insert Keyframe". Vous devriez à présent voir une barre violette avec une flèche allant de gauche à droite. Ce dernier signifie que votre élément est animable.

Insérer keyframe
Insérer keyframe

6. Animer !

Cliquez sur votre 2e image clé, celle que vous venez de créer et qui se trouve au bout de la flèche. Une fois séléctionnée, séléctionnez votre image sur la scène. Vous pouvez à présent la manipuler. Lorsque vous avez terminer, appuyez sur la touche "Entrée" de votre clavier. Vous devriez voir votre animation qui se joue.

Si vous trouvez que votre animation n'est pas assez fluide, c'est peut-être dû à la cadence des images. Pour le modifier, allez sous "Modifier > Document". Puis, dans la fenêtre qui apparaît, changer le nombre d'images par seconde.

Animer
Modifier document
Modifier document

7. Animer l'opacité d'un object

Pour animer l'opacité (ou transparence) d'un objet, suivez les mêmes étapes, puis, lorsque vous manipulez l'objet, cliquez dessus pour bien le séléctionner. Dans le panneau "Properties", sous "color", séléctionnez "Alpha". Si votre objet disparait, n'ayez crainte. Souvent, en séléctionnant "Alpha", Flash le règle directement sur 0% (invisible). Vous pouvez ensuite modifier son opacité. L'animation se fera exactement comme lorsque vous animez sa position.

Modifier alpha

8. Animer du texte

Chaque objet à animer doit être sur un calque séparé. Il en va de même pour animer un champ de texte. Créez un nouveau calque. Cliquez sur la 1e image clé du nouveau calque. Séléctionnez l'outil "text" Outil texte. Cliquez sur la scène pour faire apparaitre un champ de texte. Tapez votre texte et modifiez en les paramètres dans le panneau "Properties".

Convertissez le calque en Motion Tween, puis animez. Pour modifier le texte, double cliquez dessus. Vous entrerez dans l'objet. Pour revenir à l'animation, cliquez sur "Scene 1" Retour scene.

Créer texte

9. Boucle ou simple ?

Une fois satisfait de votre animation, une question se pose: voulez vous la faire tourner en boucle ou la faire arreter à la fin ? Allez à la dernière image clé de votre animation, peu importe le calque. Sur cette dernière image, faites un clic-droit et séléctionnez "Action" (à la fin du menu contextuel).

Si vous voulez arrêtez à la fin, écrivez "stop();" dans le panneau action. Si vous voulez la faire tourner en boucle, écrivez "gotoAndPlay(1);". Attention aux majuscules et miniscules !

Actions
gotoAndPlay

10. Exporter votre animation

Allez sous "Control > Test Movie". Flash vous exportera votre animation en un fichier de format .SWF.

Actions>