Auteur : Erwann.
:: [Illustrator] Vectoriser une image ::
Bon dans ce tuto je vais vous expliquer la vectorisation d'images
Commençons par un petit cours de base !
A quoi ça sert?La vectorisation est un moyen d'enregistrement d'images qui a pour intérêt de pouvoir d'une part l'agrandir et la rétrécir à volonté sans jamais avoir de perte de qualitée due à la pixelisation (pas comme les autres formats de type jpg; bmp, gif, png...), d'autre part c'est un type de fichier qui a son propre graphisme, c'est à dire qu'une image vectorisée ne ressemblera pas à l'originale dans la plupart des cas étant donné que les couleurs ne sont qu'une succession de couches de couleur (que l'on califirait pour ceux qui connaissent un peu la peinture d'aplat).
Ca ressemble à quoi?Et bien comme dit précédement ça ressemble à une image colorisée par une succession d'aplats donnant la forme, le volume...
Comment cela ce fait?Vous avez differents programme traitant la vectorisation, parmis les plus connu vous avez
Adobe Illustrator et
Flash, vous en avez bien entendu d'autres qui font des choses similaires.
Est ce compliqué à réaliser?Non il suffit d'être patient et d'avoir envie de s'y mettre.
Quelle est la différence avec les autres types de fichiersLa différence majeure entre les deux est le pixel, dans une image de type non vectoriel l'image est tracée par une succession de points nommés "pixel" tandis que le vectoriel est tracé par une courbe nommé "courbe de bezier" qui est fait grâce à quatres éléments qui sont deux points d'ancrage et deux lignes directrices terminées par des points directeurs.
L'autre grande différence est le traitement de l'image en soit, par exemple avec un .jpg lorsque vous l'agrandissez le poids ne varie pas mais vous avez une grande perte de qualitée le vectoriel lui n'a pas ce problème car le poids et la taille sont deux choses à part, si vous agrandissez l'image le poids augmente mais également la qualitée (ça parait logique en fait non?)
Bon aller assez parlé, lançons nous, pour illustrer ce tuto je vais utiliser une image assez simple en soit, le petit pingouin de linux.
Voici donc notre image de base:
(Avant de passer vraiment à la vecto je vous conseille quand même de lire ça (d'ici peu de temps y aura un lien pointant sur un tuto sur la plume), ou je fais un résumé de l'utilisation de la plume qui est l'outil de base de la vectorisation)
Bon aller ce coup ci on y va, commencez donc par ouvrir votre illustator et bien entendu le petit pingouin dedans, voici donc votre interface et ces utilisations:
Maintenant verrrouillez votre calque de base et sélectionnez la plume, puis commencez par faire le contour des pattes, du bec, des yeux, du corps, et de la zone ventrale blanche (ne vous occupez pas des ombres, de la lumiére et de la rétine pour le moment).
Je vous conseille de mettre la couleur de remplisage vide (cliquez sur l'icone de remplissage puis sur le carré blanc barré de rouge), et de mettre le trait assez fin et noir.
Voici ce que vous devriez avoir ( à peu près) :
Comme vous pouvez le voir, d'une part mes traits vont parfois les uns sur les autres, vous devez vous dire qu'une fois remplis ca va ressembler à rien, mais il suffira de ranger les calques dans le bon ordre et tout ira bien, vous devez également constater que mes lignes ne suivent pas toujours exactement le trait, c'est juste pour avoir de plus jolis courbes, regardez bien aussi sur mon illustration j'ai très peu de points sur les lignes, c'est pour que les courbes soient plus tendue.
Bon maintenant vous pouvez remplir les zones.
Voila la premiére étape est finie.
Bon, passons à la suite, là votre pingouin est sympa mais il a le regard vide et est un peu plat non?
Alors maintenant rendez invisible tous les calques que vous venez de faire et retracez les zones d'ombres et de lumière comme vous l'avez fait pour le contour (pensez aussi aux yeux, à la bouche et au trait dans l'aile qui tient la patte ... aller zouh au travail, moi je vais prendre un café.
Voilà après un peu de temps vous devez avoir un truc dans ce goût là:
Pour ce qui est des ombres chacun les voit d'une façon différente donc il se peu que vous ne trouviez pas les miennes juste et vis-verca, chacun ses goûts dans ce domaine, mais n'hésitez pas à en faire et refaire sur la même zone avec des nuances différentes à chaque fois.
Voilà le tuto est maintenant terminé, et vous savez donc comment on vectorise une image, et n'oubliez pas que plus vous faites d'ombres et de nuances différentes plus votre résultat sera beau.
Auteur : Erwann.
