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 :
2. Utilisez l’outil sélection pour courber légèrement les bords supérieurs et inférieurs :
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 :
4. Répetez l’étape 3 afin d’allonger le ruban :
5. Le ruban uni obtenu est un peu plat : ajoutez-lui une ombre :
– ouvrez le nuancier de couleur : menu Fenêtre –> Couleur :
– 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 :
6. Afin d’allonger encore ce ruban, refaites une copie de ce ruban et ajoutez le au précédent, avec un retournement horizontal :
7. Convertissez cette forme en symbole : Type –> Clip :
8. Créez un calque de masque au-dessus du calque du ruban :
9. Transformez ce calque en masque :
10. Sur ce calque (masque), dessinez un rectangle d’une autre couleur (pour le différencier) qui couvre une partie du ruban :
11. Créez ensuite une image clé plus loin dans le scénario :
12. Dans cette nouvelle image clé, déplacez le ruban à gauche de la forme du masque :
13. Placez-vous dans la zone entre la première image et la dernière image et créez une 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 :
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 )