32
Créer une interpolation de forme dans Flash MX
Ce tutoriel vous expliquera comment créer une interpolation de forme sur un dessin, un texte ou un bitmap.
Voici le rendu final :
I. Création de l’objet
1. Objets normaux
Aller à la première de votre animation et dessinez-y votre objet (un carré, un rond …).
Créez ensuite à X images (variable suivant le temps voulu pour la transformation) une image-clé où vous dessinerez ce que vous voulez à la fin de votre transformation.
2. Objets particuliers
Pour les textes ou les Bitmaps, avant de créer l’interpolation, cliquez droit sur ceux-ci et cliquez sur « séparer » jusqu’à ce que votre texte ou votre bitmap soit recouvert de petits points blancs.
Créez ensuite à X images (variable suivant le temps voulu pour la transformation) une image-clé où vous dessinerez (ou écrirez et séparerez) ce que vous voulez à la fin de votre transformation.
ATTENTION : Pour séparer un texte de plusieurs lettres, vous devrez séparer le tout 2 fois !
II. Création de l’interpolation
• Cette étape est extrêmement simple : cliquez-droit au milieu du scénario et cliquez sur « créer une interpolation de forme ».
Vous pouvez ensuite constater qu’une interpolation s’est créée et que, par exemple, votre carré devient progressivement un rond.
• Vous pouvez, sur l’interpolation, créer une accélération positive ou négative (cliquez dans le scénario, au milieu de votre interpolation et modifiez ce paramètre dans le panneau des propriétés).
• Pour un meilleur rendu lors de la publication, vous pouvez copier la 1re image de votre animation à X images (même nombre que tout à l’heure) de la fin de votre animation et créer une interpolation de forme.
III. Les points de repère
Les points de repère servent à choisir quelle partie du 1er objet deviendra telle partie du second objet.
Pour créer un point de repère, placez vous à la 1re image de l’interpolation et faites CTRL+MAJ+H. Vous verrez normalement un point rouge avec marqué « a » à l’intérieur. Ce point se situe aussi à la dernière image de l’interpolation.
Placez-les là où vous voulez pour qu’une partie de l’objet se transforme en une autre :
Vous pouvez bien entendu créer autant de points de repère que vous le voulez.
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sources
Article publié par thomeuxe
Vous aimez cet article? Partagez le !
WebDesigner, développeur et Webmestre. J’ai découvert le logiciel Flash en 2008 et j’ai rapidement compris les innombrables possibilités que nous offrait le logiciel. Aujourd’hui, je n’utilise plus énormement Flash mais je conçois des sites Internet. Vous pouvez voir toutes mes créations dans mon PORTFOLIO.
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 13 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
2 juillet 2009 11:36, par Asti
J’adore l’effet avec les vignettes WKS.. Merci je ne connaissais pas cette technique de séparation.
Répondre
-
3 juillet 2009 13:38, par Votre pseudonyme
C’est étrange mais ce tutos a était « copier » du forum effect-fx. Juste le texte et les images qui change. !!!
Répondre-
-
4 juillet 2009 10:25, par Votre pseudonyme
là voila : http://www.effect-x.com/Forum/index.php ?topic=5400.0
Répondre-
6 juillet 2009 12:02, par Boon
Je ne connais pas du tout ce site mais au regard de la syntaxe de l’url sa serait plutôt
http://www.effect-x.com/Forum/index.php ?topic=5400.0
Voilà :D
EDIT : Ok petit bug de wks.fr, qui met un espace systématiquement ... Il faut donc supprimer l’espace entre .php et le ? pour avoir l’url
Répondre
-
-
-
3 juillet 2009 18:43, par Bibi
Bonjour, et bien écoute, j’ai essayé de faire comme toi, car je trouvais cela interessant pour les bitmap, mais je dois dire que ce fut plutot un echec :’( Pourrais mettre le lien du fichier stp ? Merci d’avance. Bibi
Répondre-
4 juillet 2009 08:39, par thomeuxe
Ok, je met le lien du fichier au plus vite.
Pour l’interpolation, as-tu bien séparé ta bitmap jusqu’à ce que tu puisses voir des petit blanc blanc ou noir dedans ?
Répondre
-
-
4 juillet 2009 00:41, par 9MM
en meme temps je pense qu il ne doit pas y avoir 36 maniére de créer une interpolation de forme !
faut toujours qui y et quelqu un qui la raméne ! jaloux de pas pouvoir faire tes tuto toi meme ???
Répondre -
4 juillet 2009 14:18, par 9MM
héé « votre pseudonyme », ton URL ne fonctionne pas ! en tous cas pas chez moi !! d ailleur il n y a qu une seul facon de faire une interpolation de forme il y a juste a aller voir le site d ADOBE FRANCE dans la partie flash et explication du logiciel il donne des tas de tuyau pour faire telle ou telle effet, d ailleur il donne exactement la meme explication comme le tuto qui et juste au dessus sauf qu il n y a pas d image !! donc je pense que c est normal que se tuto resemble a tel ou tel tuto parce-que sa doit etre la seul maniere de faire un interpolation de forme ! si il y avait d autre facon je pense quelle aurais été décrite sur le d ADOBE !
voila !
Répondre -
5 juillet 2009 10:44, par Informagik
Tuto flash intéréssant, on aimerait en avoir plus
Répondre
Bonne continuation -
10 avril 2010 01:48, par hyoomi
Encore un bon tuto ! J’ai un peu ramé (mais ça c’est ma faute parce que je manipule pas très bien le programme) mais j’y suis arrivée !
Répondre -
19 avril 2010 19:54, par SG
Bonjour et merci pour tous ces tutos si utiles, Je souhaite réaliser le même genre d’animation que celle avec les vignettes WKS, J’ai tout d’abord réaliser les fichiers psd, converti au format Bitmap, puis importer dans la bibliothèque flash, j’insère ensuite les images clés, les sépare, jusque là tout va bien, mais lorsque je fait interpolation de forme rien ne se passe, avez vous une explication ??? Merci d’avance pour votre aide
Répondre
