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 DocumentOuvrez 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". |
![]() ![]() |
2. Calques Créez un calque par image ou élément que vous désirez animer en cliquant sur |
![]() |
3. Préparation à l'animationCliquez 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. |
![]() |
4. Rendre animable Cliquez sur votre 1e calque, puis sur la première image clé, qui doit être grise 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". |
![]() |
5. Ajouter une image clé dans le tempsToujours 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. |
![]() ![]() |
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. |
![]() ![]() ![]() |
7. Animer l'opacité d'un objectPour 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. |
![]() |
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" 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" |
![]() |
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 ! |
![]() ![]() |
10. Exporter votre animationAllez sous "Control > Test Movie". Flash vous exportera votre animation en un fichier de format .SWF. |
> |


.

. Une image clé grise
signifie une image clé vide. Une image clé violette
signifie une image clé avec un contenu animable.







. 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".
.


>