 |
Description : Tutorial photoshop expliquant les bases de la vectorisation d'une photo
Auteur : Mimipunk
Site web : www.punkartoon.net
Posté le 21 Decembre 2005
Logiciel : Photoshop
Difficulté : 7/10 |
|
 |
La vectorisation
Après plusieurs demandes sur la façon de "vectoriser" une photo à l'aide de Photoshop, j'ai décidé de faire une petite aide...
Alors le dessin vectoriel, c'est quoi ?
"Un dessin vectoriel est une représentation composée d'objets géométriques (lignes, points, polygones, courbes, ...) ayant des attributs de forme, de position, de couleur etc. permettant de produire des images.
Par nature , un dessin vectoriel est dessiné à nouveau à chaque visualisation, ce qui engendre des calculs sur la machine." Dixit wikipedia.org
Ce n'est pas tout à fait le cas sur Photoshop... Lorsque l'on zoome, on peut apercevoir un aliasing (effet escalier sur les contours) considérable, à l'opposé du logiciel Illustrator, qui, lui, "recalcule à chaque fois les formes" pour ne laisser apparaître aucun aliasing lors du zoom.
En revanche, Photoshop permet quand même de redimmensionner l'image sans perte de qualité et apparition d'aliasing.
NB: Ce tuto nécessite une petite connaissance des bases principales, telles que les outils et quelques manipulations simples dans Photoshop.
Tout d'abord, il faut savoir plus ou moins manier l'outil plume, ou du moins en connaître son principe :
Tuto disponible ici Merci à K-net 
|
|
Tracés des formes principales
Nous allons commencer par ouvrir le document qui va nous servir de support:
Joey Ramone ( Chanteur de punk rock )
1 - Créez des groupes de calques (sinon ça devient un foutoir pas possible à la fin  ) comme ci-dessous : |
 |
2 - Cliquez sur le groupe "TETE" puis "Visage", créez un nouveau calque (ctrl+shift + N) et nommez-le "base visage"
3 - Sélectionnez l'outil plume (P) et dessinez un tracé autour du visage. Ensuite, sélectionnez l'outil de conversion de point pour adapter le tracé à tout le visage (ne pas hésiter à zoomer pour être plus précis dans la manipulation du tracé) : |
 |
Clic droit sur le tracé > Créer un masque vectoriel.
Remplissez le tracé avec le pot de peinture (G) et cette couleur #FEE9D8.
4 - Dessinez avec le même principe que l'étape précédente les autres parties du personnage. Intercalez les nouveaux calques qui seront créés dans ces différents groupes correspondants que vous aurez créés :
• TETE
> Cheveux
> Visage
> Cou
• VESTE
> Partie droite
> Partie gauche
> Tshirt
Couleurs des calques basiques créés pour chaque partie :
- "cheveux base" : #1B1B1B
- "cou base" : #FEE9D8
- "partie droite base" : #2F2E2E
- "partie gauche base" : #2F2E2E
- "tshirt base" : #0E113F
Pour ceux qui n'y arriveraient pas (ou qui seraient un peu paresseux , je mets à disposition un psd de base avec les 6 calques principaux :
PSD de base (2.88Mo)
On devrait arriver à un résultat proche de celui-ci : |
 |
|
Exemples de calques détaillant le personnage
On attaque ici le dessin des détails, ce qui permettra de donner un volume, des textures au personnage, uniquement par le biais de la plume et du pot de peinture (dans notre cas). Il faut faire "confiance" à l'image de départ ; dessiner les tracés en fonction des zones d'ombres, des reflets. Parfois ceux-ci ne ressemblent à rien seuls, mais dès que l'ensemble des reflets/ombres est réalisé, ceux-ci prennent une toute autre forme .
- Réalisation du nez :
1 - Rendez invisible le calque "base visage", créez un nouveau calque nommé "nez" et dessinez un tracé comme ci-dessous :
|
 |
Remplissez-le avec la couleur #ECDED2
2 - Créez un nouveau calque nommé "narine gauche" et dessinez le tracer suivant : |
 |
Remplissez-le de #D8C9C2
3 - Créez un nouveau calque nommé "narine droite" et dessinez le tracé suivant : |
 |
Remplissez-le de #E2D2CB et placez-le en-dessous du calque "nez". (A l'aide de la palette des calques)
Voilà le nez est terminé
- Les ombres du visage :
N'hésitez pas à jouer sur la visibilité/invisibilité des calques pour pouvoir dessiner convenablement les zones ombrées.
1 - Créez un nouveau calque nommé "ombre joue gauche" dessinez le tracé suivant : |
 |
Remplissez-le de #E9DCD2
2 - Créez un nouveau calque nommé "ombre front" et tracez comme suit : |
 |
Remplissez-le de #EDDDD0
3 - Créez un nouveau calque nommé "ombre joue droite" et dessinez le tracé suivant : |
 |
Remplissez-le de #E8DFD2.
4 - Faites apparaître tous les calques sauf celui de la photo de départ ; on obtient alors une première ébauche du visage.
Je ne vais pas aller plus loin, ce tuto deviendrait vite un pavé . J'espère que vous avez compris le principe pour finir le visage et continuer sur le reste du personnage. Naviguez dans les différents groupes de calques en fonction de la partie dessinée. Essayez au maximum de vous aider des zones d'ombre de votre photo afin d'obtenir une sorte de relief et cet effet "vectorisé". N'hésitez pas à créer des calques, une créa comme celle-ci en contient en moyenne 150 à 200... N'oubliez pas de les ordonner car on s'y perd vite!
Et pour finir, le résultat final : |
|
|
 Débattre de ce tutorial sur le Forum |
|
