Flash CS4 - Animation image par image

De EduTech Wiki
Aller à la navigation Aller à la recherche

<pageby nominor="false" comments="false"/>

Introduction

Objectifs d'apprentissage

  • Apprendre à faire des interpolations de mouvement (motion tweening) avec Flash CS4

Prérequis

Matériel (fichiers *.fla à manipuler)

Qualité et niveau

Ce tutoriel aidera les adeptes de la technique à démarrer. Le niveau de ce tutoriel est un peu haut pour les novices, mais peut servir comme des fiches pratiques dans un atelier.

Prochaines étapes

Autres versions

  • aucune

Le principe est simple, comme l'explique la section Animation image par image de Adobe:

L'animation image par image change le contenu de la scène dans chaque image ; elle est plus adaptée aux animations complexes dans lesquelles le contenu change d'une image à l'autre au lieu d'être simplement déplacé sur la scène. L'animation image par image accroît la taille du fichier plus rapidement qu'une animation interpolée. Dans l'animation image par image, Flash enregistre les valeurs de chaque image complète.

Pour créer une animation image par image, vous devez définir chaque image comme une image-clé, puis créer une image différente pour chacune d'entre elles. Dans un premier temps, chaque nouvelle image-clé possède le même contenu que l'image-clé qui la précède et vous pouvez donc modifier les images de l'animation par incréments.

La procédure

Les touches "magiques" (sinon clic-droit sur un frame)
  • F6 copie le graphisme du keyframe précédent (Insert KeyFrame).
  • F7 insère un keyframe vide (Insert Blank KeyFrame).
  • F5 insère un frame et prolonge la visibilité d'un keyframe antérieur (Insert Frame).
  • Clic-droit sur un frame vous donne d'autres options, comme détruire ou vider ....
La procédure
  1. Créez un calque ou réutilisez un calque
  2. Dessinez quelque chose (n'importe quoi, ceci dit on vous conseille d'y placer un objet qui a des articulations que vous pouvez dans la suite)

importer un fichier.

  1. Insérer deux frames vides: 3 fois F5 (on ne sait jamais et cela va ralentir un peu l'animation)
  2. Clic dans le dernier frame (le rectangle blanc)
  3. Créer un 2ème keyframe avec un contenu identique au premier: F6.
  4. Modifiez légèrement le dessin de ce nouveau keyframe
  • Répetez à souhait (donc 3 fois F5, puis F6, aller à la fin, puis modifier le dessin)
  • Si votre animation est complexe, utiliser plusieurs calques

Vous devriez voir quelque chose comme:

Frame-by-frame-timeline.png

Pour afficher un arrière plan qui doit se trouver dans d'autres calques (si vous travaillez rationnellement): * Aller au dernier frame de l'animation et pour chacune de ces calques: F5. Vous devriez voir dans la timeline quelque chose comme:

Keyframe timeline.png

Pour tester la séquence d'animation: CTRL-Entrée (ou Control->Test Movie)

Note: Vous pouvez aussi bouger le contrôle rouge au-dessus de la timeline...

Exemples

Par exemple un logo:

Une fusée ...

Voir: Flash frame-by-frame animation tutorial (EduTechWiki Anglais)

Remerciement et modification du copyright