[Plan du site]
Vous êtes ici ---
> Le Site du Zéro
> Les tutoriels
> Non-Officiels
> Graphisme
> Flash
> Les formes
> Lecture du tutoriel
Les formes
Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Dans mon précédent tutorial nous avons vu les mouvements! Ici nous allons aborder les formes et leurs interpolations suivi d' une approche pour les effets de texte simple et pour ma par sympatoche!
Ce que nous allons voir dans ce tutorial:
- Transformer une forme quelquonque.
- combiner interpolation de forme et de mouvement.
- Transformation de texte.
- Ce qu' on peut déjà faire avec mes deux tutos.
Allez hop! on s'y jette... comme d'habitude on commence par:
- Ouvrir Flash MX.
- Créer un nouveau document Flash.
- Faites moi un joli rond (avec ou sans bordure peu importe).
Attention contrairement aux interpolations de mouvements il ne faut pas transformer votre rond en symbole sinon l'interpolation de forme ne fonctionnera pas. Surtout n'oubliez jamais cela:
- Interpolation de mouvement ne fonctionne qu' avec des symboles.
- Interpolation de forme ne fonctionne qu' avec des formes.
Voilà vous êtes prêt! Vous allez voir c'est enfantin et super utile:
- Alors maintenant allez sur l'image... disons 30 pour lui laisser le temps de se transformer...
- Puis faites
F7 ce qui ajoute une image clé vide.
- Dans cette image clé prenez
l'outil carré et faites moi un beau carré de la dimension voulu (gros ou petit peu importe) et à l'endroit que vous voulez.
Vous devez avoir un truc comme ça:
- Image 1:
- Image 30:
- Maintenant
cliquez sur l'image 15 puis allez dans
le panneau propriété.
Si celui-ci n'est pas présent sur votre espace de travail faites Fenêtre/propriétés. De cette manière vous pouvez activer des fenêtre absente sur votre espace de travail.
Donc... qu'est-ce que je disais... Ah! oui!
- Cliquez sur l'image 15 et allez sur
le panneau propriété et dans l'intitulé interpolation choisissez forme.
Vous devez avoir cela:
Et voilà vous venez de faire votre première interpolation de forme.
- Pour la tester c'est
CTRL+ENTREE.
D'accord je sais c'est marrant 5 minutes... puisque vous le prenez comme ça on va corser un peu les choses en mettant votre rond en mouvement avec un guide et en le déformant

.
Allez au boulot!!!!!
Ce que nous allons voir ici c'est comment combiner les deux formes d'interpolation!
Je penses que vous savez faire bouger un rond avec un guide... QUOI?

Vous avez oubliez?
Allez! hop! dans le tutorial les mouvements! et que sa saute!
C'est bon maintenant tout le monde sait! Donc c'est maintenant que les choses ne se compliquent pas du tout...
Je vous ai eu!! Eh bien... en fait... vous avez presque tout fait!
Je vous explique un peu comment ça marche. On donne un mouvement, guidé ou non, à un symbole puis on va, à l'intérieur du scénario, au coeur même de notre symbole, lui appliquer une interpolation de forme.
C'EST TOUT! Et je vous assure ça marche! Bon revenons à nos interpolations (vous vous attendiez à moutons pas vrai...)
Le mouvement du rond créé on va rentrer dans notre symbole pour lui administrer une interpolation de forme. Pour se faire! Faites comme suit:
Allez sur l'image 1 de votre rond ou autre symbole en mouvement. Vous vous souvenez du petit rond blanc au centre de votre symbole encadré de bleu? Pour mémoire le revoilà:
Alors maintenant positionnez votre curseur sur ce fameux rond au centre de votre symbole puis
double cliquez. Normalement vous devez attérir sur un scénario ou il n'y a qu'une image et si vous regardez bien vous verrez, à coté de séquence 1, le nom de votre symbole ce qui veut dire que vous êtes à l'intérieur comme ceci:
C'est ici que nous allons faire notre déformation. Comme vous avez dû le remarquer notre rond n'a plus son cadre bleu. Cela signifie qu'on est dans son état de forme donc l'interpolation de forme est possible.
A partir d'ici faites comme le chapitre précédent:
- Allez à l'image 15 pour changer.
- Faites
F7 pour inclure une image clé vide.
- Faites une autre forme mais à l'emplacement de votre rond.
Pour ceux qui auraient essayés, dans le chapitre précédent, de mette leur carré à un endroit différent de celui du rond, ils ont dû s'apercevoir que celui-ci bougeait en même temps qu'il se déformait. Donc ici, pour que notre rond suive bien son guide, il faut qu'il se déforme sur place, c'est pour ça que vous devez placer votre autre forme au même endroit que votre rond.
Un petit truc pour bien positionner votre deuxième forme! Vous avez du remarquer que lorsque vous créez une image clé vide un petit " + " reste à l'emplacement de votre rond. Ceci marque son centre donc vous pouvez vous aidez de cela pour bien positionner votre deuxième forme!
Vous n'avez plus qu'à aller sur une image située entre les deux images clé puis inclure une interpolation de forme comme dans le chapitre précédent.
Pour tester l'animation c' est toujours
CTRL+ENTREE.
Je crois que c'est l'heure de faire quelques effets de textes...
Ce qui m'amuse beaucoup avec Flash c'est faire mumuse avec du texte... Nous allons voir ça tout de suite.
Commencez toujours de la même façon:
- Ouvrez Flash.
- Nouveau document Flash.
Prenez
l'outils texte et taper un mot ou une phrase, avec différentes polices, différentes couleurs , comme bon vous semble.
Le texte dans flash n'est pas une forme. Il faut donc le rendre comme tel!!!
Pour se faire selectionnez-le puis faites CTRL+B à deux reprises ou faites Modification / séparer toujours à deux reprise.
Ce qui vous donne un texte remplit de pointillés comme ceci:
Positionnez-vous sur l'image 1 puis faites
Clic droit / copier les images.
Ensuite rendez-vous à l'image 5 et faites
clic droit / coller les images (ou F6) ce qui nous donne ceci:
Cette opération est faite pour que vous puissiez lire votre texte. En effet si on avait mis qu'une seul image clé le texte se serait aussitôt transformé sans que vous puissiez le lire. Mais je pense que vous comprendrez mieux un peu plus loin...
Bon... continuons!
Vu que notre but est de transformer du texte on va allez tout droit à l'image 20 ou vous me ferez un petit
F7 pour inclure une image clé vide et ou vous mettrez un autre texte que précédemment.Comme ceci:
Bien entendu vous allez le séparer deux fois en faisant Deux
CTRL+B ou
deux modification / séparer, je vous rappel que le texte n' est pas une forme!
Ensuite faites
clic droit sur l'image 20,
copier les images, allez sur l'image 25, faites
coller les images (ou F6), tout cela pour la même raison que pour le premier texte... il vous faut le temps de le lire sinon il n'y aucun intérêt!!!
Pour pouvoir boucler la boucle, c'est à dire faire en sorte que votre transformation se lise en boucle, allez sur l'image 1 faites
clic droit / copier les images et allez sur l'image 40 ou vous
collerez cette image.
Ici F6 ne marche pas cette manipulation inclus une image clé identique à la dernière, ce que nous ne voulons pas dans ce cas!
Maintenant activons l'interpolation de forme:
- Allez sur l'image 10 et créez une interpolation de forme.
- Même manipulation à l'image 30.
Vous devriez avoir ceci:
Bien entendu faites
CTRL+ENTREE pour tester.
Ce qu'il faut retenir:
- La différence majeur avec les interpolations de mouvements c' est qu' une interpolation de forme se fait sur une forme et non sur un symbole.
- Pour transformer du texte sous Flash n' oublier pas de le tranformer en forme (séparer 2 fois de suite).
- Il est possible de combiner les deux types d'interpolation sur un même projet.
- Avec ces deux outils on peut déjà réaliser des petits effets de texte sympa.