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.

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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
      • 3 juillet 2009 21:18, par Wonka

        Pourrais je avoir l’url de cet article soit disant copié ?

        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
          • 4 juillet 2009 17:11, par thomeuxe

            C’est bien de nous donner des URL not found ! MERCI !

            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 ;) Bonne continuation

      Répondre
    • 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

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.