--- Vectoriser une image simple ---



Pour effectuer ce tutorial vous devez au préalable savoir manier la plume sur illustrator. Si ce n'est pas le cas, je vous conseil de passer d'abord par le tutorial "débuter avec la plume".


- Choix de l'image -

Nous allons ici vectoriser une image simple.


source

J'ai choisi cette image pour différentes raisons :
- simplicité de la forme
- couleur unique
- lumière suffisamment précise pour définir des ombres visibles.
Ces trois critères nous simplifieront en effet le travail, mais une fois la technique comprise, n'hésitez à passer sur des images plus complexes.

Nous allons donc redessiner cette théière par ses ombres et ses lumières. Il ne s'agit pas de reproduire bêtement les ombres et lumières que vous voyez sur l'image (sinon autant passer par une vecto automatique comme celle que l'on trouve dans flash par exemple). La qualité du résultat dépendra de votre capacité d'interprétation de ces ombres et lumières. Regardez votre objet, reflechissez d'où vient la lumière et où les ombres doivent se poser logiquement. Puis regardez comme elles sont concrètement. Le résultat sera un compromis entre la réalité des ombres sur l'image et leur place logique dans votre esprit ^^ Je suis vraiment pas sûre d'être claire là. Bref, passons à la pratique...

- Précisions -

- J'utiliserai ici 5 couleurs en dégradé allant de couleur-2 la plus sombre à couleur2 la plus clair.
- Je vous conseil d'utiliser régulièrement la petite flèche permettant de permuter les couleur du contour et de la forme. En effet il est plus pratique de dessiner avec uniquement une couleur en contour (afin de pas masquer le modèle au fur et à mesure) et d'un simple clique vous pouvez avoir un aperçu de votre forme pleine puis revenir en contour ensuite.

- Étapes -

1- Importez votre image modèle dans un document illustrator et vérouillez directement le calque sur lequel il est placé. Vous n'y toucherez plus par la suite.

2- Créez un nouveau calque.

Nous allons commencer par tracer ici le contour général de l'objet.
Cette forme aura une couleur moyenne (couleur générale de la théière, ni trop sombre ni trop claire) que j'appelerais "couleur0".



3- Créez un nouveau calque et masquez le précédent.

Nous allons définir ici les formes des zones les plus sombres de l'objet. J'appelle le calque "couleur-2"

NB : A partir de cette étape et pour les suivantes, votre interprétation des ombres et des lumière rentrera en jeux. Je n'ai personnellement pas suivi exactement les nuance de la photo, j'ai préféré poser mes ombres de la manière qui me semblait la plus explicite.



4- Créez un nouveau calque et masquez le précedent.

Attention je place ce nouveau calque en dessous du calque précédent. Il s'agira ici des couleur-1 c'est à dire moyen-sombre.



5- Créez un nouveau calque et masquez le précedent.

Nous passons maintenant aux couleurs les plus claires de l'image, les tâches de lumières : couleur2.



6- Créez un nouveau calque et masquez le précedent.

Dernière étape, la couleur moyen-clair, nommée couleur1. Placé en dessous du précédent.



Voici un aperçu de l'ensemble en mode contour :



- Conclusion -

Quels intérêt de vectoriser une image ?

- obtenir un style graphique différent de la photo
- épurer son image au maximum (cf exemple ci-joint)
- jouer avec les ombres et les lumières
- jouer avec les couleurs
etc...
Nous avons utilisé 5 couleurs ici, mais ce n'est pas une règle, essayez avec plus de couleur ou avec le minimum (à savoir 2 ^^), donnez vous des contraintes, vous verrez que l'on obtient facilement des choses très graphiques. Le reste est une question de goût.



J'ajouterais pour conclure que je vous ai présenté ici ma technique, ce n'est certainement pas la seule. À chacun son appropriation du logiciel

Voilà et merci de votre attention

©SuZ 2005

Suz, c'est tout simplement magnifique !
Tu as fait ça sous Illustrator, mais ce doit être faisable sous Photoshop ou Gimp, j'imagine (ça me donne envie de me mettre enfin à la plume !) ?

Dès que je touche à la plume sous photoshop je m'énerve très vite. Le logiciel n'est pas prévu pour ça et on perd toute la maniabilité qu'on peut avoir sur illustrator... Mais oui, à part ça, ça doit être faisable ^^

Tu peux aussi essayer sodipdi

merci pour le com

moi aussi je m'enerve assez vite avec la plume de photoshop . Je travaille sur flash et ton tuto convient tres bien a n'importe quel logiciel vectoriel je pense.

merci beaucoup pour le tuto il est vraiment tres bien fait

SuZ tu aurais pût utiliser l'outil filet pour l'ombrage

Bien plus précis, estétique, réaliste... mais c'est vrai pas treès simple à utiliser au début en vecto

Tu attrapes les ombres au filet ?

C'est une toute autre technique pour un tout autre résultat ce n'est pas l'effet que je voulais présenter. J'aime les formes net du vectoriel.
Et, sûrement pour ces même raisons, je sais à peine l'utiliser donc je me vois mal faire un tuto dessus.

Par contre si tu en fait un, je suis preneuse ^^

Ces images sont SUPER!

mais pas d'heureusement : je n'ai pas l'illustrator car illustrator CS est trop cher

L'équivalent en logiciel libre s'appelle Sodipodi ou son successeur, Inkscape

Ah oui ? Ok, je testerai ces 2 logiciels gratuits..

Masi quel est mieux ?

Suz je t'aime^^ ça va trop me servir, génial.

A la base, c'est le même logiciel. Au commencement, il y avait Sodipodi ; un groupe de développeurs a fait des propositions au créateur ; ils ne se sont pas entendus, et du coup est né Inkscape à partir de Sodipodi. Je crois que le développement de ce dernier est plus ou moins abandonné, maintenant.
Tu pourras trouver de plus amples renseignements sur Framasoft.

Tuto plus que détaillé, rien à redire à part merci Je faisais un peu de plume au feeling, vais lire ton tuto pour mieux comprendre.

Sodipodi n'a pas marché très bien à cause des problèmes des "DLL" :-S

Merci pour le tut SuZ
moi je m'en sort bien sous photoshop, faudra que j'essaie sous illustrator pour voivr