Flash : ondulation de drapeau

Tutorial Flash drapeau

Le drapeau qui ondule est un grand classique de la communauté Flash.
Longtemps, on s’est demandé quelle était la meilleure méthode pour cette animation…
mais, finalement, cette méthode a germé dans l’idée de Chris Georgenes.
Un vrai jeu d’enfant.

 

1. Créez, tout d’abord, un rectangle de couleur sans contour, plus large que haut :

rectangle rouge sans contour

2. Utilisez l’outil sélection outil sélection pour courber légèrement les bords supérieurs et inférieurs :

courber les bords supérieur et inférieur

3. Copiez cette forme, collez la copie à côté puis retournez-là verticalement. Ensuite la faire glisser de manière à ce qu’elle s’ajuste et se connecte à la forme d’origine. Une fois ces 2 formes jointes, elles n’en forment plus qu’une seule :

Allonger le ruban

4. Répetez l’étape 3 afin d’allonger le ruban :

allonger encore le ruban

5. Le ruban uni obtenu est un peu plat : ajoutez-lui une ombre :
– ouvrez le nuancier de couleur : menu Fenêtre –> Couleur :

nuancier de couleurs
– choisissez Type : Linéaire,
– créez plusieurs boutons de couleurs, dans le bas de la palette Couleurs, en alternant 2 couleurs,
– remplissez le ruban avec ce dégradé, en ajustant de façon que les tons sombres se trouvent dans les creux :

ruban ombré

6. Afin d’allonger encore ce ruban, refaites une copie de ce ruban et ajoutez le au précédent, avec un retournement horizontal :

long ruban

7. Convertissez cette forme en symbole : Type –> Clip :

convertir en symbolesymbole clip

8.  Créez un calque de masque au-dessus du calque du ruban :

nouveau calque

9. Transformez ce calque en masque :

calque en masque

masque

10. Sur ce calque (masque), dessinez un rectangle d’une autre couleur (pour le différencier) qui couvre une partie du ruban :

rectangle masque

11. Créez ensuite une image clé plus loin dans le scénario :

image clé

12. Dans cette nouvelle image clé, déplacez le ruban à gauche de la forme du masque :

déplacement ruban vers la gauche

13. Placez-vous dans la zone entre la première image et la dernière image et créez une interpolation de mouvement :

appliquer une interpolation de mouvement

interpolation de mouvement

14. N’oubliez pas d’ajouter en dessous un calque avec un poteau puis un calque arrière-plan de ciel nuageux :

calques poteau et ciel

15 . Enregistrez votre fichier Flash et exportez l’animation en SWF.

Vous devriez obtenir une animation qui ressemble à celle_ci :


(source : livre « L’art du bluff avec Flash CS3 » – Chris Georgenes – Pearsons Education France )

 

 

Vous aimez cet article ? Partagez-le !

Laisser un commentaire