Imprimer
Catégorie : Flash

But : réaliser à l'aide de Flash une interpolation de forme, une sorte de morphing, dans ce tuto nous allons réaliser une interpolation de forme allant d'une forme géométrique simple vers un mot

Lancer Flash ,avant tout chose ,nous allons ouvrir les fenêtres dont nous aurons besoin ,tout au long de ce tutoriel

Onglet >>Fenêtre et cochez les fenêtres voulues , comme indiqué dans l'image ci dessous

Assurez vous que l'image 30 soit selectionnée (doit apparaitre noire) sinon cliquez dessus

 

Selectionnez l'outils "Texte

"

 

Et dans la fenêtre "Propriétés" choisissez " les paramètres que vous désirez pour votre texte.

 

Cliquez , maintenant sur la scène , et tapez le texte voulu ...

 

Puis selectionnez votre texte avec l'outils "flèche " pour l'aligner sur la scène (ce n'est évidement pas une obligation)

 

Selectiàn de l'outils flêche ..puis selection du texte

Revoir utilisation de l'outils "centrer"

 

IMPORTANT : cette étape est PRIMORDIALE !! pour pouvoir réaliser une interpolation sur un texte , il faut transformer ce texte en "dessin"

 

Votre texte toujours selectionné (voir images ci dessus) faites ctrl+B , une première fois ..

puis ctrl+B une seconde fois

Voila , votre texte est devenu une "forme"

 

Dernière étape réaliser l'interploation de mouvement

Cliquez dans unes des images ............

 

et dans propriétés >> Interpolation choisissez "Forme"

 

Voyez cette flêche sur fond vert indique que l'interpolation de forme a été réalisée

 

Faites ctrl+enter pour tester votre interpolation de forme

 

 

Il faut maintenant enregistrer votre création, ce qui dans Flash s'appel Publier

Nous allons le faire dans deux formats le .swf (format Flash) et en .gif (gif animé)

 

Pour cela >>Fichier >> Paramètres de publication

 

Choisissez Flash et image GIF Puis cliquez sur l'onglet GIF dans cette même fenêtre

 

Choisissez "Lecture>> Animée" d'autres éléments sont paramétrable pour votre gif animé

par exemple répéter en boucle ou répéter x fois ....etc

Dans la même fenêtre ciquez sur >>>Publier

Voila votre animation est enregistrée dans 3 formats: .fla (format modifiable de votre animation) , .swf (animation Flash) et .gif (gif animé)

Télécharger le .fla

 

Nous allons définir la taille de la scène ,dans la fenêtre "Propriétés" ,cliquez sur le bouton qui défini la taille actuelle.

 

Choisissez les valeurs suivantes..............ou d'autres ,puis ok

 Nous avons maintenant une scène à la couleur et aux dimensions voulues

Déssinons une forme géométrique...un rectangle

 

Choix des couleurs de ce rectangle

Couleur du trait (bordure de la forme) =rien Couleur de remplissage = noir

 

 

Dessiner le rectangle

Cliquer et tirer (sur la scène) pour obtenir la taille et forme voulue et relacher

 

 

Vous remarquerez que qq chose à changé dans la timeline (scénario)

Avant de tracer le rectangle, vous aviez (sur la première image du scénario) , une image "vide"

.......maintenant , le point noir indique la présence d'un objet dans cette image

Vous pourriez aussi bien faire l'interpolation en partant d'un dessin ,importé dans Flash , mais pour que l'interpolation de forme soit possible , il faut vectoriser (séparer) votre dessin ,pour cela selectionnez le dessin puis faites 2 fois ctrl+B

 

Pour l'exercice , nous allons centrer ce rectangle sur notre scène , ce qui va permettre d'utiliser la fenêtre "aligner "...........fort utile

 

Selectionnez lz rectangle en cliquant dessus puis dans la fenêtre "Aligner" selectionnez...........vers la scène , ce qui indique à Flash que l'alignement doit ce faire par rapport à la scène , et non par rapport à un autre objet (pour que cette selection soit valide , le bouton scène doit être "blanc)

 

Ensuite aligner dans les deux axes

Aligner dans l'axe horizontal
Aligner dans l'axe vertical

Votre rectangle est parfaitement centré sur la scène

 

Maintenant passons à la création du "mot" qui remplacera notre rectangle

 

Faites un clique droit sur l'image 30 , puis "insérer une image clé vide"

 

Votre scène à maintenant cet aspect........;

Ecrire le mot qui sera le résultat de notre interpolation de forme

Assurez vous que l'image 30 soit selectionnée (doit apparaitre noire) sinon cliquez dessus

 

Selectionnez l'outils "Texte

"

 

Et dans la fenêtre "Propriétés" choisissez " les paramètres que vous désirez pour votre texte.

 

Cliquez , maintenant sur la scène , et tapez le texte voulu ...

 

Puis selectionnez votre texte avec l'outils "flèche " pour l'aligner sur la scène (ce n'est évidement pas une obligation)

 

Selectiàn de l'outils flêche ..puis selection du texte

Revoir utilisation de l'outils "centrer"

 

IMPORTANT : cette étape est PRIMORDIALE !! pour pouvoir réaliser une interpolation sur un texte , il faut transformer ce texte en "dessin"

 

Votre texte toujours selectionné (voir images ci dessus) faites ctrl+B , une première fois ..

puis ctrl+B une seconde fois

Voila , votre texte est devenu une "forme"

 

Dernière étape réaliser l'interploation de mouvement

Cliquez dans unes des images ............

 

et dans propriétés >> Interpolation choisissez "Forme"

 

Voyez cette flêche sur fond vert indique que l'interpolation de forme a été réalisée

 

Faites ctrl+enter pour tester votre interpolation de forme

 

 

Il faut maintenant enregistrer votre création, ce qui dans Flash s'appel Publier

Nous allons le faire dans deux formats le .swf (format Flash) et en .gif (gif animé)

 

Pour cela >>Fichier >> Paramètres de publication

 

Choisissez Flash et image GIF Puis cliquez sur l'onglet GIF dans cette même fenêtre

 

Choisissez "Lecture>> Animée" d'autres éléments sont paramétrable pour votre gif animé

par exemple répéter en boucle ou répéter x fois ....etc

Dans la même fenêtre ciquez sur >>>Publier

Voila votre animation est enregistrée dans 3 formats: .fla (format modifiable de votre animation) , .swf (animation Flash) et .gif (gif animé)

Télécharger le .fla