 |
Description : Tutorial illustrator expliquant les bases de la vectorisation d'une photo.
Attention ce tutorial a été réalisé sur la version anglaise du logiciel !
Auteur : Louif79
Site web : louif79.iquebec.com
Posté le 26 Avril 2006
Logiciel : Illustrator
Difficulté : 7/10 |
|
 |
Le cours de Louif79
Chers étudiants,
Aujourd'hui, je vais vous enseigner un peu d'illustrator
le cours sera le premier d'une suite qui vous permettra de tout connaitre !
Bon, allons-y pour la première partie :
|
|
Vectorisation d'un personnage en 3 degrés/couleur
Au menu du jour:
- intro
- crayon
- plume
- flèches
- pathfinder
Illustrator est un logiciel plutôt simple mais qui requiert une grande patience ! très méticuleux.
Moi ça fait 4-5 ans que je m'en sers donc j'ai développé une méthodologie de travail qui vous sera utile.
Le tutorial qui suit sera en franglais (mi-francais, mi anglais) pour la simple et bonne raison que mes logiciels sont tous en anglais et que je ne connais pas toujours les termes francais. Donc ayez votre dictionnaire à portée de main 
Avec la méthode que j'utilise, vectoriser un personnage à 3 degrés de couleur pour chaque couleur me prend environ 5h. Ce qui est assez rapide, les meilleurs élèves peuvent peut-être le faire en 8h et les pires en plusieurs jours ! (pas le tuto mais la vectorisation totale du personnage)
Bon, comme je travaille sur mac, pomme = Ctrl
Le reste c'est pareil
vous êtes prêts ?
GO !
-------------------------------------------------------------------------------------------------
1) Mettre de la musique qui buche, de préférence instrumentale
2) Choisir une image. Dans ce cas-ci, la photo d'un pote.
Avec Adobe Illustrator, pas besoin de demander la permission, contrairement à Photoshop où chaque image utilisée dans un photo-montage doit être libre de droit.
Dans Illustrator, une fois l'image vectorisée, elle vous appartient car vous l'avez réalisé de A à Z. Même si le modèle n'était pas à vous. C'est génial non ? Le résultat peut être vraiment ressemblant selon le nombre de degrés de couleur que l'on décide de mettre...
donc voilà l'image : |
 |
-------------------------------------------------------------------------------------------------
1) Enables smart guides (aide à trouver les points d'ancrage ou les lignes exactes)
2) Hide Artboard (fait disparaitre le contour de l'espace de travail qui gêne parfois)
3) La règle, fonctionne comme dans Photoshop (pomme R)
4) Lock the original layer pour ne plus le toucher. Create a new one et double-cliquez dessus pour changer le nom.
5) Videz vos swatches, parce qu'on veut pas les mélanger aux nôtres.
6) Choisissez stroke 1pt et arrondi au bout et dans les coins.
7) Choisir le contour, annuler l'intérieur. Prendre une couleur voyante. (le carré vide c'est la couleur du contour des formes que l'on va tracer, le carré plein ça va être sa couleur) |
 |
-------------------------------------------------------------------------------------------------
1) Le crayon
2) Double-cliquez sur le crayon et ajustez les options pour une maximum de précision. Là yé au top ! décochez le "keep selected" sinon, vous devrez désélectionner le tracé à chaque fois et c'est chiant. |
 |
-------------------------------------------------------------------------------------------------
Nous allons commencer par faire le contour de l'objet, ça nous servira dans le futur quand on va dépasser.
1) Sélectionnez la flèche blanche puis le crayon. Pomme permet à tout moment d'échanger momentanément l'outil contre la dernière flèche utilisée.
(la flèche noire permet de sélectionner l'ensemble de la forme; la flèche blanche permet de sélectionner une partie de la forme)
2) Tracez des petits segments pour le contour, que nous unirons plus tard.
3) Avec la flèche blanche (pomme) il est possible de sélectionner une partie du segment et de le replacer. En cas d'erreur, il y a des undo (pomme z) et de re-undo (pomme shift z).
Les segments sont composés de "points d'ancrages" qui ont tous 2 poignées qui servent à diriger le trait. Ces poignées s'étirent et se déplacent pour manier le trait à votre guise.
|
 |
-------------------------------------------------------------------------------------------------
Une fois terminé on va lier tout ça en une forme.
1) Décochez le layer de la photo pour bien voir ce que l'on fait.
2) Sélectionnez la plume (plume / = raccordeur, plume - = soustractions de points d'ancrages, plume + = ajouts de points d'ancrages)
3) Lorsque la plume est exactement au-dessus du point d'ancrage, le symbole / apparait à côté pour signifier qu'en cliquant, on se liera à ce point d'ancrage. Zoomez à fond (pomme +) utilisez spacebar pour vous déplacer dans l'image et reliez les points d'ancrage ensemble. |
 |
-------------------------------------------------------------------------------------------------
L'intérieur des jambes est composé de lignes assez droites.
Bon prétexte pour vous enseigner la plume.
1) Toujours sélectionner la flèche blanche puis la plume
2) Cliquez et tirez afin de manier les poignées.
Ca prend beaucoup de pratique pour devenir un maitre de la plume
3) Comme le guide était rouge, je l'ai changé en vert simplement en doucle cliquant sur le layer name. |
 |
-------------------------------------------------------------------------------------------------
Notre bonhomme a un trou entre les jambes, il faut donc soustraire. C'est là qu'intervient le pathfinder. Elément essentiel d'Illustrator.
Le pathfinder permet d'assembler plusieurs formes en une seule, de trouer, soustraire de différentes manières. (faut jouer avec pour le comprendre)
1) Sélectionnez l'entrejambe et la silhouette, cliquez le "trou" puis "expand" (le bouton à côté)
2) Il faut rajouter un élément, un fil de walkman. Sélectionnez les 2 formes et cliquez "union" puis "expand" (toujours cliquer expand après, pour finaliser. C'est la dernière fois que je le dis mais faudra toujours le faire.)
Voilà, la ligne contour est terminée. on lock le layer. |
 |
-------------------------------------------------------------------------------------------------
1) Création de 3 layers, on les nomme (très important de toujours nommer ses layers pour ne pas se perdre. A la fin de ce travail nous aurons environ 20 layers juste pour le personnage !)
2) Avec la pipette, on se choisit 3 degrés de rouge. Utilisez la palette couleur pour choisir exactement la bonne couleur.
Nous pourrons changer le rouge pour n'importe quelle couleur plus tard. |
 |
-------------------------------------------------------------------------------------------------
1) Avec le crayon, tracez des formes qui suivent le contour du chandail rouge. Inutile de fermer ces formes. Faites dépasser ces formes à l'extérieur de la silhouette du personnage. Ensuite, sélectionnez tout (pomme A) et cliquez "union".
2) Allez copier la silhouette dans le layer stroke (pomme C) et collez-la à l'endroit exact (pomme F) sur le layer ROUGE 1. Sélectionnez les 2 trucs et cliquez "intersection" dans le pathfinder.
Ca donne la couleur pâle du rouge.
Lock le layer et décliquez l'œil pour ne plus le voir. |
 |
-------------------------------------------------------------------------------------------------------
1) Prenez le layer ROUGE 2 et tracez le rouge foncé. Vous pouvez dépasser partout c'est pas grave. Sélectionnez tout, unissez.
2) Copier/coller le ROUGE 1 sur notre layer, sélectionnez les 2 et intersectionnez !
ça donne la couleur foncée du rouge.
Lock le layer et décliquez l'oeil pour ne plus le voir. |
 |
-------------------------------------------------------------------------------------------------------
1) Pour la dernière couleur, cliquez l'oeil du layer ROUGE 2 en tenant pomme puis lockez-le. Ca donne le contour de ce layer et permet de voir ce que l'on fait.
Tracez les formes du rouge très foncé. |
 |
-------------------------------------------------------------------------------------------------------
1) Sélectionnez tout et unissez.
2) Copier/coller le ROUGE 1 sur notre layer, sélectionnez les 2 et intersectionnez !
3) Copier/coller le ROUGE 2 sur notre layer, sélectionnez les 2 et intersectionnez !
Voilà, cliquez les yeux de nos 3 layers et on a une belle veste rouge ! |
 |
Utilisez le même procédé pour le reste des couleurs.
Le meilleur moyen pour devenir efficace, c'est de pratiquer !
Voici le résultat final : |
|
|
 Débattre de ce tutorial sur le Forum |
|
