Tutoriel en 2 parties sur la vectorisation Illustrator. Comment vectoriser un dessin avec Illustrator ? Comment utiliser le panneau de vectorisation ? Comment agrandir un dessin sans perte de qualité ? Comment colorer un dessin avec Illustrator ?
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
Vectoriser sur Illustrator
Partie 2/2 - Vectoriser un dessin Ce tutoriel est la suite del’article sur la vectorisation d’un texte. Dans cette dernière partie, nous allons voir comment vectoriser une image. Le but sera donc de transformer l’imageJPGen image vectorielle. Pour ce tutoriel, j’ai réalisé un dessin de cupcake et je l’ai scanné. Vous le retrouverez au bas de l’article.
Utilisation du pinceau à la place de la vectorisation Si vous souhaitez vectoriser un dessin papier, la vectorisation n’est pas obligatoire, car vous
pouvez redessiner les traits avec l’Outil pinceau , par exemple, comme si vous décalquiez, mais la manière de faire que nous allons voir va vous faire gagner beaucoup de temps.
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
1
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
Ouverture du fichier J’ouvre un nouveau document en faisantFichier>Nouveau…. J’indique les valeurs de mon choix (unprofil impressionenorientation portraitsuffira) et clique surOk.
Puis, je vais dansFichier>Importer…, je recherche mon image et clique surImporter. Je
valide en cliquant sur le boutonIncorporer en haut de l’écran. Pour l’instant, l’image n’est pas vectorisée donc, si vous zoomez, vous verrez que c’est très pixelisé. Vectorisation du dessin avec Illustrator
Pour vectoriser, sélectionnez votre image avec l’Outil sélection
et appuyez sur le bouton,
en haut de l’écran,Vectorisation de l’image. Cela est disponible pour les nouvelles versions. Pour toutes les versions, vous retrouverez cette fonctionnalité dans Objet>Vectorisation de l’image…>Créer. Si vous n’avez pas modifié vos paramètres, vous devriez voir le résultat de la vectorisation par défaut, ce qui ne ressemble pas au but recherché. Nous allons donc modifier les paramètres de
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
2
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
la vectorisation en cliquant en haut de l’écran sur le boutonPanneau Vectorisation de
l’image . Une boîte de dialogue s’ouvre et, selon votre but, vous modifierez les paramètres.
Si vous souhaitez changer plusieurs paramètres, je vous conseille de décocher l’Aperçu, en bas de cette fenêtre, car Illustrator va modifier la vectorisation à chaque changement de paramètre et cela peut être long donc autant voir le résultat à la fin si vous savez exactement ce que vous souhaitez modifier. À tout moment, vous pourrez recocher l’Aperçucliquer sur ou
Vectoriserpour voir le résultat. Les options de vectorisation Dans la fenêtreVectorisation de l’image, plusieurs réglages sont possibles : •Les premières icônes (couleur automatique, couleur intense, couleur peu intense, niveaux de gris, noir et blanc, contour) sont les modes de vectorisation. Selon le résultat attendu, vous pouvez choisir un autre mode que celui de la couleur automatique ; •Dans leParamètre prédéfini, selon votre image source et le résultat escompté, vous pourrez choisir :couleurs,photo haute fidélité, photo basse fidélité, 3 couleurs, 6 couleurs, 16 nuances de gris, logo noir et blanc, esquisse, silhouettes, dessin au trait, dessin technique. Vous pouvez enregistrer vos nouveaux paramètres pour une utilisation future en cliquant
sur le bouton , puisEnregistreren tant que nouveau paramètre prédéfini…. Ce paramètre peut être également sélectionné à côté du boutonVectorisation de Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net3
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
l’imagecliquant sur la flèche pour vous éviter d en ’ouvrir la boîte de dialogue ; •L’Affichagede choisir ce que vous souhaitez voir à l permet ’écran :résultat de vectorisation, résultat de vectorisation avec contours, contours, contours avec image source, image source;
•LeModepermet de choisir le mode colorimétrique :couleur, niveaux de gris, noir et blanc; •LaPalette permet :de choisir la palette de couleur à utiliser lors de la vectorisation automatique, couleurs réduites, couleurs précises, bibliothèque de documents, tons chair; •Enfin, le réglageCouleurpermet d’indiquer le nombre de couleurs à utiliser. Sachant que plus le nombre de couleurs est important plus la vectorisation est précise. Si vous déroulez la boîte de dialogue en cliquant surAvancé, vous pourrez jouer sur le pourcentage deTracés ajustés (réduire ou augmenter le nombre de points d’ancrage), l’Accentuation des angles(lissage des angles) et leBruit(ignorer des petites zones). Selon l’image à vectoriser, il sera préférable de choisir le moderecouvrement(tracés découpés) ouchevauchement(tracés empilés). Selon les paramètres choisis, vous pourrez ou non créer des fonds et des contours et modifier son épaisseur. La caseMagnétisme des courbes par rapport aux lignespermet de remplacer de légères courbes par des lignes droites et la caseIgnorer le blancfait en sorte que les zones blanches soient des zones sans fond et non pas blanches. Enfin, en bas de la boîte de dialogue, vous aurez des informations concernant votre vectorisation à savoir lenombre de tracés, lenombre de couleurset lenombre de points d’ancrage. Pour mon exemple, j’ai trouvé que les paramètres suivants étaient les mieux adaptés à ce dessin : •Paramètre prédéfini :Silhouettes ; •Affichage : Résultat de vectorisation avec contours (je vous conseille cet affichage afin d’apprécier au mieux le résultat de la vectorisation si vous souhaitez coloriser le résultat par exemple) ;
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
4
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
•Ignorer le blanc.Une fois la vectorisation terminée, je modifie l’AffichageR en ésultat de vectorisationje et ferme la fenêtre. Tant que l’image n’est pas décomposée, vous pourrez modifier la vectorisation. Maintenant, mon image peut être agrandie à l’infinie sans perte de qualité. Décomposition et dissociation Pour terminer, nous allons voir comment modifier l’image ou y ajouter des couleurs.
Pour cela, cliquez sur le boutonDécomposer, en haut de l’écran (que vous retrouverez dansObjet >Vectorisation de l’image >Décomposer), puis cliquez droit sur votre image >Dissocier. Désormais, vous pouvez modifier l’emplacement de vos points d’ancrage ou coloriser votre dessin. Je vais appliquer un fond pour la base du cupcake avec une couleur hexadécimale #94AEF7 et
pour la crème #E50A29 simplement en sélectionnant les éléments avec l’Outil sélection Vous pouvez faire de même avec le contour et aussi pour les petites formes dans la crème.
.
Pour modifier les points d’ancrage, sélectionnez l’Outil sélection directeet cliquez sur les points. Cependant, je vais vous montrer une erreur que j’ai faite lors de la réalisation du dessin : j’ai "colorié" la cerise. De ce fait, elle s’est confondue avec le contour du reste du cupcake. Donc
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
5
Votre Assistante :https://www.votreassistante.net- le 06/06/2013
la solution, dans ce cas, serait de créer une forme à l’intérieur de cette cerise afin de pouvoir la colorer.
Voici un petit exemple pour vous monter ce que cela fait avec une photo. Comme je vous le disais lors de la première partie, une photo est trop complexe pour être vectorisée. Si je vectorise avec le paramètre prédéfiniPhoto haute fidélité, on peut croire que la vectorisation est correcte, mais, en zoomant, on s’aperçoit bien que ce n’est pas lisse. Si vous souhaitiez vectoriser une image, dans le cas d’images destinées à une boutique en ligne d’objets par exemple, il est préférable de redessiner l’image avec la plume ou les outils de forme pour que le résultat soit le plus net possible. En ce qui concerne la vectorisation, il n’y a pas de règle. Toute vectorisation dépendra de l’image source et de ce que vous souhaitez faire de votre image. Le seul conseil que je peux
vous donner est de tester, tester et tester. Tutoriel réalisé avec Illustrator CS6 Voir la version vidéo de cet article
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net