Interpolations de base avec Flash CS4

Ce nouveau tutorial est destiné à tous ceux qui débute avec Flash, je vous propose donc de voir comment créer des animations basiques qui pourront déjà vous servir pour donner du dynamisme à votre site web. Pour ce tutorial, je précise que j'utilise Flash CS4 d'Adobe.

L'interpolation de mouvement

1^ère étape - Créer une forme

Commençons par créer un nouveau document, utilisez  le raccourci ctrl+N, séléctionnez "Fichier Flash (AS 3.0)" puis cliquez sur OK.

Ensuite, créez une forme de votre choix (un carré par exemple) puis appuyez sur F8 afin de le convertir en symbole. Choisissez "Bouton" et cliquez sur OK pour valider. Vous venez de donc de créer un bouton qui se trouve sur l'image 1 de votre ligne de temps. Jetez un oeil sur l'image ci-dessous pour vous aider :

2^ème étape - Créer l'interpolation de mouvement

Maintenant, placez vous sur la 15ème image de votre ligne de temps, appuyez sur F6 pour créer une nouvelle image-clé. Restez sur cette 15ème image et déplacez votre bouton sue la scène. Enfin, cliquez droit sur votre ligne de temps n'importe où entre la 1ère et la 15ème et choisissez "Créer une interpolation classique". Si tout se passe bien, une flèche sur fond bleu doit apparaître entre la 1ère et la 15ème image. Comme d'habitude, cliquez sur l'image pour voir le résumé :

Résultat final

Donc si tout c'est bien passé, vous devez obtenir ceci :

L'interpolation de couleur

Changement de couleur

Ce second type d'interpolation est aussi simple à réaliser que la première, vous pouvez le faire à partir de l'interpolaion de mouvement que vous venez de créer. Placez vous sur la 15ème image, cliquez sur votre forme et modifiez les paramètres de couleurs afin d'obtenir le résultat suivant :

Changement d'opacité

Vous pouvez également jouer sur l'opacité de votre forme en changeant la luminosité comme sur l'image suivante :

L'interpolation de forme

1^ère étape - Créer une forme

Ce nouveau type d'interpolation permet de transformer un carré en rond par exemple. Pour cela, rien de plus simple, créez un nouveau document (comme indiqué au début du tutorial) et dessinez une forme (un carré par exemple). Mais cette fois-ci, il ne faut pas convertir votre forme en symbole, créez directement une image-clé (raccourci F6) sur la 15ème image. Ensuite, restez sur cette 15ème image, effacez votre forme carré, dessinez en une autre (un rond par exemple) et placez la à l'opposé de l'ancien carré. Si vous avez suivi jusqu'ici, vous devez obtenir ceci :

2^ème étape - Créer l'interpolation de forme

Ensuite, il suffit de créer une interpolation de forme, pour cela, cliquez droit n'importe où entre l'image 1 et l'image 15 et choisissez "Créer une interpolation de forme". Comme pour l'interpolationn classique, une flèche doit apparaître avec un fond vert cette fois-ci. Et voilà le résultat :