« Flash CS4 - Animation image par image » : différence entre les versions
m (→La procédure) |
mAucun résumé des modifications |
||
Ligne 55 : | Ligne 55 : | ||
# Créez un calque ou réutilisez un calque | # Créez un calque ou réutilisez un calque | ||
# 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) | # 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) | ||
# Insérer deux frames vides: 3 fois F5 (on ne sait jamais et cela va ralentir un peu l'animation) | # Insérer deux frames vides: 3 fois F5 (on ne sait jamais et cela va ralentir un peu l'animation) | ||
# Clic dans le dernier frame (le rectangle blanc) | # Clic dans le dernier frame (le rectangle blanc) | ||
Ligne 69 : | Ligne 68 : | ||
: [[image:Keyframe_timeline.png]] | : [[image:Keyframe_timeline.png]] | ||
Pour tester la séquence d'animation: CTRL-Entrée (ou ''Control->Test Movie'') | ; Pour tester la séquence d'animation: | ||
: CTRL-Entrée (ou ''Control->Test Movie'') | |||
Note: Vous pouvez aussi bouger le contrôle rouge | : Note: Vous pouvez aussi bouger le contrôle rouge u-dessus de la ''timeline'' vers la gauche ou la droite a... | ||
== Exemples == | == Exemples == |
Version du 12 octobre 2009 à 23:27
Cet article est incomplet.
Il est jugé trop incomplet dans son développement ou dans l'expression des concepts et des idées. Son contenu est donc à considérer avec précaution.
<pageby nominor="false" comments="false"/>
Introduction
Objectifs d'apprentissage
- Apprendre à faire des interpolations de mouvement (motion tweening) avec Flash CS4
Prérequis
- Univers Flash CS4
- Flash CS3 - Créer et modifier les calques et les images
- Flash CS4 - Créer des dessins avec les outils de dessin
- Flash CS4 - Transformer des dessins (une partie)
- Flash CS4 - Arranger des dessins
Matériel (fichiers *.fla à manipuler)
- http://tecfa.unige.ch/guides/flash/ex4/ (répertoire)
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:
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
- Créez un calque ou réutilisez un calque
- 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)
- Insérer deux frames vides: 3 fois F5 (on ne sait jamais et cela va ralentir un peu l'animation)
- Clic dans le dernier frame (le rectangle blanc)
- Créer un 2ème keyframe avec un contenu identique au premier: F6.
- 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:
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:
- Pour tester la séquence d'animation
- CTRL-Entrée (ou Control->Test Movie)
- Note: Vous pouvez aussi bouger le contrôle rouge u-dessus de la timeline vers la gauche ou la droite a...
Exemples
Par exemple un logo:
- flash-cs3-shaking-hello.html (voir)
- flash-cs3-shaking-hello.fla (source)
Une fusée ...
Voir: Flash frame-by-frame animation tutorial (EduTechWiki Anglais)