Faire exploser un texte

le 7 juin 2009 • Flash • par Dawlin

Aujourd'hui les enfants, et à la demande de votkq je vous écris ce petit tutoriel, pour faire exploser un texte... Tout simplement, sans code, sans rien.

Pour réussir ce tutoriel, il faut avoir un peu de bases concernant la maîtrise des calques, du scénario et interpolations de mouvement.

Normalement à la fin, vous devriez être capables de faire ça :

Création du texte

Ouvrez flash, tapez votre texte, et tapez CTRL+B

Ce qui a pour effet de séparer le texte par caractère (pratique)

Note: si vous refaites CTRL+B, ça transforme en forme vectorielle.

Moi j'ajoute un petit effet d'ombre, pour le style, et ça donne ça :

Ensuite, je sépare chaque lettre sur un calque (pour ce faire, je sélectionne toutes les lettres sauf une, et passe tout sur le calque suivant, etc :

Et à la fin, en faisant bien attention aux coordonnées, on obtient ça :

Chaque lettre a son calque, tranquille. Donc sur chaque calque je vais faire ma petite animation. Clic-droit X images plus loin et "insérer une image clé".

là je crée une interpolation de mouvement en clic-droit au milieu des deux images clés.

Et maintenant sur la dernière image je change la position de ma lettre. Flash se chargera tout seul de calculer pour les images entre les deux. (merci les logiciels d'animation puissants)

En bref, à la fin, tous mes calques ont une animation, et si je clique sur la dernière image de l'animation, toutes mes lettres sont dispatchées :

Je teste (CTRL+entrée), et Oh ! ça marche !!

Je vous donne la source .fla : animation.fla au cas où vous voudriez voir comment j'ai fait le bouton.

Voilà, merci d'avoir suivi ce tutoriel,

Dawlin

Faire exploser un texte

Création du texte

Lisez aussi...

Flash : Le principe d'une Map

Flash : Charger et exploiter un fichier XML externe