Introduction : Un tutoriel pour vous faire découvrir l’effet de flou que peux générer Flash grâce à un filtre. Il sera combiné avec un objet en mouvement pour lui donner un effet de vitesse lors de sa chute.

L’animation est ralentie pour pouvoir observer le flou lors de la descente de l’objet.

Etape 1 :

1. Créer un nouveau document Flash : Créer > Fichier Flash (AS 2.0)

2. Redimensionner le document à 250x400 et régler la cadence à 24 ips.

3. Renommer le Calque 1 en Balle.

Etape 2 :

1. Tracer un cercle avec l’outil Ovale (raccourci clavier : O)

2. Transformer ce cercle en symbole : Clic Droit > Convertir en Symbole.

3. Nous allons le nommer « clip_ball » et son comportement sera celui d’un clip.

Etape 3 :

Nous allons appliquer un effet de Flou sur la balle :

1. Ouvrir la fenêtre des Filtres, puis sélectionner la Balle et ajouter un effet de flou en cliquant sur l’icône « + ». Attention les filtres ne peuvent être appliqués qu’au texte, aux clips et aux boutons.

2. Vue que notre objet va faire une chute, nous n’allons appliquer qu’un flou vertical donc mettre une valeur de 20 à « flou Y » et 0 à « flou X » (Penser à déverrouiller le cadenas pour ne pas avoir les deux même valeurs).

Etape 4 :

1. Sur le calque Balle, Nous allons créer une image- clé à la frame 19 sur la Time Line : Clic Droit > Insérer une image-clé.

2. Sur la frame 19, Nous déplaçons le clip_ball vers le bas de notre animation, tout en gardant le même axe horizontal.

3. Maintenant, nous créons une interpolation de mouvements à partir de notre image de départ, la frame 1 : Clique droit > Créer une interpolation de mouvement. Voila notre balle est happée par la gravité

Etape 5 :

1. Nous allons créer une autre image-clé à la frame 20 : Clic Droit > Insérer une image-clé.

2. Sur la frame 20, nous allons lui enlever l’effet de Flou : dans la fenêtre des Filtres, sélectionner la Balle et retirer l’effet de flou en cliquant sur l’icône « - ».

3. Toujours sur la frame 20, nous allons arrêter l’animation : ouvrir le Panneau Action (raccourci clavier : F9) et taper la ligne de code suivant : stop() ;

Etape 6 :

En bonus rien que pour vous, cher lecteur, nous allons créer l’ombre de cette balle.

1. Créer un nouveau calque, qui se nommera « Ombre » et se situera sous le 1^er calque.

2. Tracer un large cercle noir avec l’outil Ovale (raccourci clavier : O) .

3. Convertir le cercle en symbole : Clic Droit > Convertir en Symbole. Pour le nommer ombre et de type graphique.

4. Sur le calque Ombre, nous allons créer une image- clé à la frame 20 sur la Time Line : Clic Droit > Insérer une image-clé.

Etape 7 :

1. Sur la frame 1, nous allons modifier l’alpha (opacité) de notre ombre. Dans le panneau propriétés, lui appliquer un alpha de 0 grâce au menu déroulant Couleur.

2. Sur la frame 20, modifier la taille de notre ombre pour devenir aussi large que la balle avec l’outil de transformation libre (raccourci clavier : Q).

3. Toujours sur la frame 20, nous allons modifier l’alpha. Dans le panneau propriétés, lui appliquer un alpha de 30 grâce au menu déroulant Couleur.

4. Maintenant, nous créons une interpolation de mouvements à partir de notre image de départ, la frame 1 : Clic droit > Créer une interpolation de mouvement. Ainsi nous avons un rendu réaliste de la chute de notre balle sur le sol.

Conclusion : Le tutoriel est fini, j’espère avoir éclairci le sujet et avoir rendu l’effet de flou plus clair . Il peut servir dans d’autres situations (pour une image en arrière plan par exemple). Je vous invite à essayer les autres filtres que propose Flash, aussi utiles que méconnus.

Post-Scriptum : Ce tutoriel a été effectué sous Flash CS3, certains menus ou fenêtres peuvent être différents de la version Flash MX, Flash 8 ou Flash CS4, mais rien de dramatique, les raccourcis clavier et le fonctionnement du filtre flou restent inchangés.