Aller au menu - Aller au contenu

[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)
Avatar
Auteur : cysboy
Note : 18 / 20 (10 votes)
Visualisations : 24 985

Plus d'informations Plus d'informations
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.
Sommaire du tutoriel :
Icône du chapitre

1/ Transformer une forme quelquonque.

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... :p
- 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 utilisateur


- Image 30:Image utilisateur


- 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:
Image utilisateur

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!!!!!

2/ Combiner interpolation de forme et de mouvement.

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? :colere: Vous avez oubliez?
Allez! hop! dans le tutorial les mouvements! et que sa saute! :p
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à:
Image utilisateur

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:
Image utilisateur

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... :D

3/ - Transformation de texte.

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:
Image utilisateur

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:
Image utilisateur

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:
Image utilisateur

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:
Image utilisateur

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.
Retour en haut Retour en haut


Créé : le 13/12/2005 à 12:30:19
Modifié : le 22/08/2008 à 16:10:02
Avancement : 0%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 165 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.024s (0.0143s)