Crer des interpolations avec Flash

Par Haitham Ammar (HighTam)

www.siteduzero.com

Licence Creative Commons BY-NC-SA 2.0 Dernire mise jour le 2/07/2011

Sommaire

1/5

Sommaire
Sommaire ........................................................................................................................................... 1 Lire aussi ............................................................................................................................................ 0 Crer des interpolations avec Flash ................................................................................................... 2
L'interpolation de forme ..................................................................................................................................................... 2
Les objets particuliers ................................................................................................................................................................................................. 3 Interpolation de forme avec repres de formes .......................................................................................................................................................... 4

L'interpolation de mouvement ........................................................................................................................................... 4

Interpolation de mouvement avec guide de dplacement ........................................................................................................................................... 5

Q.C.M. ............................................................................................................................................................................... 5
Partager ....................................................................................................................................................................................................................... 5

www.siteduzero.com

Crer des interpolations avec Flash

2/5

Crer des interpolations avec Flash

Par

Haitham Ammar (HighTam)

Mise jour : 18/08/2009 Difficult : Facile 425 visites depuis 7 jours, class 255/778 Qu'est-ce que c'est Flash ?

Macromedia Flash est un logiciel graphique servant produire des documents anims destins tre diffuss sur le Web. Cependant, Flash est aussi un environnement de dveloppement d'applications utilisant le langage Actionscript. Avec Flash, chaque application peut tre enrichie avec des images, du son ou encore avec des vidos. Une des fonctionnalits de base que propose Flash est la possibilit de crer des interpolations. Il existe deux types d'interpolation : l'interpolation de forme et l'interpolation de mouvement. En fait, pour faire une interpolation, il suffit de dfinir la forme (pour une interpolation de forme) ou le point de dpart et d'arrive (pour une interpolation de mouvement). Flash calcule automatiquement les formes intermdiaires ou les dplacements ncessaires. Allons-y ! Et voyons comment peut-on crer chacune de ces interpolations

Sommaire du tutoriel :

L'interpolation de forme L'interpolation de mouvement Q.C.M.

L'interpolation de forme
L'interpolation de forme sert, comme son nom l'indique, modifier la forme d'un objet. Cette dernire se diffrencie de l'interpolation de mouvement, car elle s'applique une forme plutt qu' un symbole. Pour raliser une interpolation de forme, on va tout d'abord crer deux calques que l'on va nommer transformation et titre.

Dans le calque titre on va saisir le texte "Interpolation de forme" qui s'affiche jusqu' l'image n40 (cliquez sur l'image n40 dans le scnario puis F5).

www.siteduzero.com

Crer des interpolations avec Flash

Dans l'image n1 du calque transformation, on va dessiner un petit cercle puis dans l'image n40 du mme calque appuyez sur le bouton droit de la souris et slectionnez "Insrer une image cl vide" (ou bien tout simplement appuyez sur F7 ) A l'aide des outils graphiques, on dessine un autre objet (un rectangle, un polygone...). Pensez aussi varier les couleurs. Au final on aura :

3/5

Cliquez pour agrandir Enfin, cliquez n'importe o sur l'chelle entre les deux images cls du calque transformation puis dans le panneau Proprits , choisissez le mode d'interpolation Forme.

Pour jouer l'animation, appuyez sur Ctrl+Entre Normalement, vous tes entrain de voir un cercle qui se transforme en un rectangle (ou quoi que ce soit ). V ous pouvez, sur linterpolation, crer une acclration positive ou ngative (cliquez dans le scnario, au milieu de votre interpolation et modifiez ce paramtre dans le panneau des proprits).

L'interpolation de forme est indique par un point noir au niveau de la premire image-cl, les images intermdiaires comportant une flche noire sur fond vert clair :

Une ligne pointille indique que l'interpolation est rompue ou incomplte, par exemple parce que l'image cl finale est absente.

Les objets particuliers

Pour les textes ou les Bitmaps, avant de crer linterpolation, cliquez avec le bouton droit de la souris sur ceux-ci et slectionnez sparer (ou bien appuyez sur Ctrl+B) jusqu ce que votre texte ou votre bitmap soit recouvert de petits points blancs. Notez que pour sparer un texte de plusieurs lettres, vous devrez sparer le tout 2 fois ! C'est dire sparer le texte en plusieurs lettres puis sparer les lettres :

==> Cliquez pour agrandir

www.siteduzero.com

Crer des interpolations avec Flash

Appuyez une autre fois sur Ctrl+B pour sparer les lettres. Au final, on va avoir un rendu comme a :

4/5

Cliquez pour agrandir

Attention, seuls les textes on les spare deux fois ! Les images juste une fois.

Interpolation de forme avec repres de formes

Les points de repre servent choisir quelle partie du premier objet deviendra telle partie du second objet. Pour crer un point de repre, placez vous la premire image de linterpolation (oui, il faut que vous ayez dj cr une interpolation de forme ) et allez dans le menu "Modification > Forme > Ajouter les repres de formes" (ou faites Ctrl+Maj+H). V ous verrez normalement un point rouge avec marqu a lintrieur. Ce point se situe aussi la dernire image de linterpolation. Placez-les l o vous voulez pour quune partie de lobjet se transforme en une autre :

==> Cliquez pour agrandir V ous pouvez bien entendu crer autant de points de repre que vous le voulez .

L'interpolation de mouvement
On va crer un nouveau document Flash, et l'image n1 on va dessiner un objet l'aide des outils graphiques. Ensuite, slectionnez le, puis convertissez le en symbole graphique : "Modification > Convertir en symbole", slectionnez graphique et appuyez sur OK (ou plus simple, slectionnez l'objet et appuyez sur F8).

Cliquez pour agrandir Dans l'image n45, appuyez sur le bouton droit de la souris, puis slectionnez "Insrer une image cl" (F6). Une instance du symbole est alors place cet endroit. V ous pouvez alors la modifier, soit la dplacer, la changer de grosseur, de couleur, etc... Cliquez n'importe o sur l'chelle entre les deux images cls, puis dans le panneau Proprits choisissez le mode d'interpolation Mouvement. L'interpolation de mouvement est indique par un point noir au niveau de la premire image-cl, alors que les images interpoles intermdiaires comportent une flche noire sur fond bleu clair :

La mme chose, lorsque l'image cl finale est absente, une ligne pointille apparat :

www.siteduzero.com

Crer des interpolations avec Flash

5/5

Interpolation de mouvement avec guide de dplacement

V oil, nommez notre premier calque "Cercle". Et l'image n1 on va dessiner un petit cercle et ensuite le convertir en symbole graphique (F8 ). Cliquez sur l'image n40 et insrez une image cl (F6). Insrez maintenant un "calque guide de mouvement" en cliquant sur l'icne ou bien dans le menu "Insertion > Scnario > Guide de mouvement". Slectionnez l'image n1 de la couche Guide : Cercle, slectionnez l'outil crayon, puis l'option , et tracez une courbe de dplacement qui sera suivie par votre cercle. Cliquez sur l'image n40 du calque guide et insrer une image cl (F6). Ensuite, positionnez vous sur l'image n1 du calque Cercle, puis cliquez sur le petit cercle se trouvant au centre du cercle dessin et dplacez-le vers le dbut de votre ligne de dplacement l'aide de l'outil :

Cliquez pour agrandir La mme chose aussi, positionnez vous sur l'image n40 du calque Cercle, puis cliquez sur le petit cercle se trouvant au centre du cercle dessin et dplacez-le vers la fin de votre ligne de dplacement l'aide de l'outil . Cliquez maintenant n'importe o sur l'chelle entre les deux images cls du calque Cercle puis, dans le panneau Proprits, choisissez le mode d'interpolation Mouvement. Et, c'est fini Cliquez sur Ctrl+Entre pour visualiser votre animation

Q.C.M.
Pour raliser une interpolation de forme, on doit insrer :
Une image cl Une image cl vide Une image quoi ! Je m'en fous cl ou cl vide !

Pour raliser une interpolation de mouvement, il faut convertir notre objet en :

Symbole bouton Symbole clip Symbole graphique

Correction !
Statistiques de rponses au Q CM

V oil, ce petit tuto est termin . C'est trs simple, je vous l'accorde mais j'espre bien qu'il a pu prsent les bases pour crer des interpolations avec Flash. Notamment, Flash est un logiciel trs puissant avec son langage Actionscript. Ce que vous venez de voir ici ce ne sont vraiment que les choses les plus basiques des plus basiques.

Partager

www.siteduzero.com