Vectorisation et mise en couleur sous flash

Envoyer Imprimer PDF

 

illus_tuto

Ce tutoriel vous explique la technique de la vectorisation et de la mise en couleur sous Flash. Pour illustrer ce tutoriel, nous prendrons comme exemple la construction d’un personnage.

Note : il est important de garder en tête qu’il existe de nombreuses techniques diverses selon les préférences des graphistes. Celle-ci  est selon moi la plus facile et efficace, mais à chacun de trouver la technique dans laquelle il se sentira le plus à l’aise

 

 

illustration : Claire Larras (M2-Info)


ETAPE 1 : Bien préparer son espace de travail


- Ouvrez un nouveau document Flash
- Créez directement un movie clip dans lequel se trouvera votre personnage : ouvrez la bibliothèque et cliquez sur «nouveau symbole»

im1

 

ETAPE 2 : Créer un croquis ou importer une image scannée

CROQUIS:

Si vous possédez un croquis préalablement scanné de votre personnage, cliquez sur «fichier» «importer» «importer dans la scène» puis choisissez d’importer votre dessin, il se mettre directement sur le calque 1.

-Verrouillez le, afin de travailler par dessus le calque sans crainte de le modifier.

Certains préféreront créer directement un croquis dans flash. Sur le calque 1, créez vos formes et votre personnage dans une couleur plutôt pastel qui vous permettra plus de clarté pour la suite de ce tutoriel. Le dessin n’a pas besoin d’être net, il sert simplement de base et ce calque sera supprimé par la suite.

- Verrouillez le calque.

im3


OMBRES:
- Créez un second calque et placez le sous le premier

Note: Comme dans Photoshop ou Illustrator, il faut toujours prendre soin de bien placer ses calques pour plus de lisibilité de l’image.

- Sur ce calque, appliquez les ombres dans une teinte légèrement grisée avec l’outil pinceau. Encore une fois, il n’est pas utile de s’appliquer, il s’agit simplement d’un repère de base.

im4


ETAPE 3 : Vectoriser l’image

Lors de la vectorisation de votre personnage, il est préférable de créer un calque différent pour chaque partie du personnage (ex : corps, cheveux, visage, vêtements...) et prenez garde à les placer dans l’ordre adéquat.

- Avec l’outil «crayon» tracez des contours nets en suivant les indications du croquis de base. Les formes doivent être fermées pour l’application de la couleur plus tard.
Vous pouvez également utiliser l’outil «plume» selon vos préférences.
Choisissez une couleur plus sombre et franche pour la vectorisation, afin de bien visualiser vos contours.

im5

Note : le «plus» de Flash est que la courbe de chaque trait peut être facilement modifiée très facilement grâce à l’outil «sélection». Cela ressemble un peu à la manipulation de la pâte à modeler mais de façon graphique.

- Découpez ensuite les ombres de votre forme avec un trait plus flashy (ici vert fluo, afin de pouvoir le supprimer facilement ensuite). Dans cette étape, il est inutile de faire attention à ne pas dépasser, votre trait sera supprimé.

im6

- Une fois l’ensemble de votre personnage vectorisé

im7

- Vous pouvez supprimer ou masquer vos deux premiers calques «brouillons» de croquis et d’ombre, afin d’avoir une vision plus claire de votre dessin.

im8


ETAPE 4 : Couleurs et ombres


- Appliquez les couleurs de votre personnage grâce à l’outil «pot de peinture»

im9

- Pour chaque calque, n’oubliez pas de supprimer les traits d’ombre (en vert fluo). Pour plus de rapidité, double-cliquez sur le trait pour sélectionner l’ensemble et supprimez le.
- Il faut également changer la couleur du contours : double-cliquez sur le trait de contours et choisissez une couleur adaptée (ici j’ai opté pour une teinte légèrement plus sombre que la couleur de remplissage)

im10

Votre dessin est désormais vectorisé et coloré.

im11

BONUS :

Pour ce dessin, j’ai décidé de lui donner un style un peu cartoon et bande dessinée. Pour cela :
-sélectionnez l’ensemble de vos calques et copiez les (ctrl C)
-Créez un nouveau calque et placez le en dessous de tout les autres
-Dans «Edition», cliquez sur «Coller en Place» afin de placer votre sélection exactement au même endroit dans ce nouveau calque.
-Choisissez une teinte unique pour les contours (essayez de la choisir assez sombre) puis dans "propriété", augmentez légèrement la taille de votre trait afin de lui donner une épaisseur assez soutenue.

ETAPE FINALE :

Pour exporter le résultat de votre travail, il ne vous reste plus qu’a revenir sur la scène principale. Dans la bibliothèque, cliquez sur le movie clip de votre personnage et glissez le sur la scène.

im12

Il sera peut être nécessaire de le redimensionner grâce à l’outil «transformation libre».
Enfin, dans «fichier» , cliquez sur «exporter», «exporter l’image». Il ne vous reste plus qu’a définir le format de votre image et sa destination.

im13

Et voilà votre dessin fini :