Tracé dynamique "Contour de texte"

Dans ce tutoriel, nous allons voir comment exploiter le code source “automask”, pour créer un effet de tracé dynamique sur un contour de texte.

• Source du tutoriel
• Visu du tutoriel
• Fichier autoMask.fla
  

Ouvrez le fichier autoMask.fla et positionnez vous sur le calque “tracé” :

Créez une nouvelle image clef vide, sélectionnez l’outil texte (T), et écrivez sur la scène :

Accessible dans le menu édition de Flash ou par l’intermédiaire du raccourci, ctrl+B :

Transformez la sélection en tracé vectoriel libre (ctrl+B) :

Sélectionnez l’outil contour (S) et tracez les contours de votre texte en cliquant sur les lettres :

Supprimez maintenant les zones de remplissage :

Copiez ces contours, et collez les sur le calque “guide”, en en changeant la couleur pour plus de propreté :

Positionnez vous sur le calque “pen”, sélectionnez le clip “boule_mc” (la petite boule rouge), et déplacez la sur votre point de départ pour le tracé :

Toujours sur le calque “pen”, créez une nouvelle image clef, positionnez vous sur cette image, et déplacez le clip “boule_mc” sur la deuxième étape de votre tracé. En espaçant vos images clefs sur la time line, le tracé sera plus lent :

Répétez l’étape précédente pour couvrir totalement le tracé de votre texte, faites “play” (enter) pour tester le tracé établi. Décalez les dernières images de la timeline si vous avez besoin de plus de points clefs, en fonction de la longueure de votre texte :

Positionnez vous enfin sur le calque “tracé”, sélectionnez votre contour, et transformez le en clip (F8). Donnez lui un nom d’occurence “draw_mc” :

Compilez l’animation (ctrl+enter) Et voilà :)

• Source du tutoriel
• Visu du tutoriel
• Fichier autoMask.fla
  
  

Auteur : Zappan