Atelier Flash : ma troisième animation

___

Un repère de forme est un point que vous marquez sur la forme de départ ainsi que sur la forme d’arrivée, afin que durant l’interpolation de forme, ce point sur la forme de départ se déplace vers le point sur la forme d’arrivée, au lieu qu’il se déplace selon le bon vouloir de Flash. Cela peut par exemple permettre de garder une lisibilité de l’image tout au long du processus, au lieu que seulement la forme de départ et celle d’arrivée soient lisibles.

Ces repères permettent un grand contrôle des évolutions de formes puisque vous pouvez d’une part créer jusqu’à 26 repères de forme et, d’autre part, créer autant d’images-clés intermédiaires utilisant ces repères que vous le souhaitez.

Nous serons plus modestes dans notre exemple ;-)

Pour actionner les repères de forme, il faut avoir… au moins deux formes sur un même calque mais sur des images-clés différentes, reliées par une interpolation de forme. Faites à votre guise en vous aidant éventuellement de notre article Atelier Flash : ma seconde animation.

Créons l’interpolation de forme

Nous allons nous contenter de tracer un 5 sur l’image 1 et un A comme image-clé sur l’image 30, et de les relier par l’interpolation de forme.

Mais auparavant, lorsque l’on travaille avec des chiffres ou des lettres, il est nécessaire de "séparer" l’image de départ (notre 5) et l’image d’arrivée (notre A) pour rendre possible l’interpolation de forme. Sans cela, le 5 et le A sont considérés comme des blocs indécomposables par Flash.

Pour séparer, il faut sélectionner son objet et aller sur "Modification" puis "Séparer" :

Maintenant, nous pouvons nous positionner sur le 5 de l’image 1 et choisir "Interpolation de forme" dans la fenêtre de propriétés.
Voici le résultat final (temporaire) dans la zone de travail :

et en fichier lu :

Modifions l’interpolation grâce à une image-clé intermédiaire et à un repère de forme

Nous allons faire basculer le 5 la tête en bas avant qu’il ne se transforme en A.

Créons d’abord sur l’image 15 un 5 à l’envers. Trois opérations :
1) Insérer une image clé à l’image 15 :

2) Effacer l’image du 5 en train de se transformer en A et la remplacer par un 5 :

3) Sélectionner le 5 et choisir "Modification", "Transformer" puis "Renverser verticalement".

Grâce à "Modification", "Forme" puis "Ajouter les repères de formes", on insère un repère en haut du 5 de l’image 1, que l’on place également en bas du 5 de l’image 15 :

Voilà le résultat :

Finalement, la première tentative sans repère de forme était plus concluante ;-)

Voilà, vous savez presque tout sur les repères de forme !
Quelques dernières précisions :
 les repères de formes sont jaunes dans une image-clé de début, verts dans une image-clé de fin et rouges lorsqu’ils ne se trouvent pas sur une courbe,
 si vous créez plusieurs repères, assurez-vous que leur ordre d’arrivée n’est pas incompatible avec leur ordre de départ. L’ordre ne peut pas être abc dans la première image-clé et acb dans la dernière,
 les repères de formes fonctionnent mieux si vous les placez de droite à gauche en commençant au coin supérieur gauche de la forme,
 on peut supprimer un repère de forme à l’aide d’un clic droit.