Version HTML 
Version Flash::
Tutos Flash
Tutos Photoshop

Tracer le contour d'une image [1]

Nouveau document

Fichier / Importer / Importer dans la bibliothèque...

Chercher votre image (avec fond transparent : gif ou png)

Insertion / Nouveau symbole / clip: le nommer "image" (par exemple)

Placer dans ce clip l'image importée

Modification / Bitmap / Tracer le bitmap (12 - 2 - Très serré - Normal)

Avec l'outil Pot de peinture (Ctrl+K), remplir d'une couleur unie l'image transformée en forme

***************

Sélectionner le centre de l'image pour n'avoir que les pixels continus.

Couper / Supprimer ce qui reste / Coller.

Couleur de trait différente de celle de l'image et de celle du fond de l'animation.

Avec l'outil Encrier cliquer sur l'image pour créer le contour.

Sélectionner à nouveau le centre de l'image / Supprimer.

***************

Vous avez à présent le contour seul de l'image.

Avec l'outil Gomme (choisir la forme la plus petite), en effacer une partie à l'endroit
où vous souhaitez que démarre le dessin.

Insertion / Nouveau symbole - le nommer MC

Dessiner un petit rond (peu importe la couleur)

***************

Retourner sur la scène principale

Ajouter un nouveau calque et le placer au-dessous du calque de l'image. Le nommer MC.

Placer le clip MC sur ce calque

Nommer l'occurence de ce clip "MC".

Transformer le calque de l'image en Guide de mouvement.

***************

Affichage / Accrochage : cocher Aligner par accrochage - Aligner aux guides - Aligner aux objets

Placer le clip MC au début du contour (l'alignement par accrochage permettra à ce clip de s'accrocher à ce contour).

Ajouter une image clé à l'image 150 (selon la taille de l'image) du calque MC.

Déplacer le clip MC de cette image sur la fin du contour.

Créer une interpolation de mouvement sur le calque MC.

***************
Ouvrir la fenêtre des actions et y ajouter ce code :
this.createEmptyMovieClip("Dessine", 2);
Dessine.moveTo(MC._x, MC._y);
Epaisseur = 2; //épaisseur du trait
Dessine.lineStyle(Epaisseur, 0xCA8602, 100); //définit l'épaisseur, la couleur et l'alpha de la ligne
this.onEnterFrame = function() {Dessine.lineTo(MC._x, MC._y);}; //trace la lligne selon la position horizontale et verticale du clip MC

Résultat :

haut