Transformation d'une image pixel en image vectorielle à l'aide d'Adobe Illustrator CS5

Si vous souhaitez utiliser l'un des outils Fab Lab pour découper une image faite de pixels (tout jpg, png, gif, etc.), vous devrez d'abord la transformer en fichier vectoriel.

Je vais utiliser cette image pour le tutoriel:

//commons.wikimedia.org/wiki/File:Smiley_Face.JPG

Étape 1: Qu'est-ce qu'un pixel?

La plupart des images que vous voyez sur un ordinateur sont faites de pixels, de petits rectangles de couleurs différentes. Si vous regardez de très près votre image, vous pouvez les voir.

Les machines Fab Lab ne savent pas couper les pixels.

Regardez le visage souriant. Où la machine doit-elle couper? Sur la partie dentelée grise? Autour de la partie jaune? C'est vague.

Nous devons convertir notre image en lignes et formes que les machines peuvent comprendre. Nous appelons ce type de fichier un fichier vectoriel.

Un autre avantage de la transformation de notre fichier en vecteurs est que vous pouvez redimensionner l'image aussi grande que vous le souhaitez et qu'elle ne sera pas floue ou perdra sa résolution.

Étape 2: choisissez votre image

Cette étape est vraiment importante. Certaines images fonctionnent mieux que d'autres. Les photographies ne fonctionnent pas très bien. Il existe un moyen facile de modifier une photo pour la faire fonctionner, je vais enregistrer ce processus pour un autre didacticiel. Celui-ci est pour les dessins.

Vous voulez vraiment rechercher des dessins à contraste élevé. Dessins avec des zones sombres et des zones claires, mais pas trop entre les deux. Si vous n'êtes pas sûr que cela fonctionnera, essayez-le.

Généralement, des images plus grandes se révéleront mieux. Encore une fois, si vous ne savez pas si cela fonctionnera, essayez-le.

Dans le cas du visage souriant, j'ai le choix de la taille que je veux, donc je vais choisir la plus grande.

Étape 3: ouvrez votre image dans Adobe Illustrator

Démarrez Adobe Illustrator

Dans la barre de menus supérieure, accédez à Fichier, Ouvrir, puis choisissez le fichier que vous souhaitez ouvrir.

Ignorez le carré derrière le visage dans ce didacticiel. C'est juste la toile dessinée par Illustrator et cela n'a aucun effet sur les étapes.

Étape 4:

Cliquez sur l'outil de sélection (la flèche noire) en haut de la barre d'outils gauche puis cliquez sur votre image pour la sélectionner. Vous savez qu'il est sélectionné lorsqu'il y a une boîte bleue autour de votre image.

Étape 5:

Cliquez sur le petit bouton fléché vers le bas à côté de Live Trace. Voir la flèche rouge dans l'image ci-dessus.

Nous allons demander à Illustrator de tracer notre image et de la transformer des pixels en lignes et formes; mais d'abord, nous utiliserons les options de traçage pour effectuer quelques astuces afin que notre image soit mieux coupée sur les machines Fab Lab.

Étape 6: Choisissez les options de suivi ...

Cliquez sur "Options de traçage ..."

Étape 7: activer l'aperçu

Cochez la case Aperçu pour que nous puissions voir un aperçu de nos résultats de suivi chaque fois que nous apportons une modification à l'image.

Étape 8: déplacer la boîte d'options de suivi

Cliquez et faites glisser en haut de la zone Options de traçage pour la déplacer de notre image afin d'avoir une meilleure vue.

Étape 9: Cochez la case Ignorer le blanc

Cochez la case "Ignorer le blanc".

C'est l'astuce que nous devons faire pour les machines Fab Lab.

Lorsque Illustrator trace toutes les formes de ce visage souriant, il peut trouver les yeux, la bouche et le cercle autour de la tête. Mais il voit également deux autres formes. Pouvez-vous deviner ce qu'ils sont?

Illustrator identifie la zone blanche à l'intérieur de la tête ainsi que la zone blanche autour de l'extérieur de la tête comme des formes.

Par exemple, quand il fait le tracé autour des yeux, il dessine un ovale autour de l'œil une fois pour l'œil et de nouveau pour l'espace blanc autour de l'œil. C'est un problème car les machines du Fab Lab verront ces deux ovales qui se chevauchent et ils se couperont deux fois l'œil!

La solution la plus simple consiste à nous assurer de cocher la case Ignorer le blanc lorsque nous tracerons notre image. Illustrator sait alors uniquement tracer des lignes autour des formes sombres.

Étape 10: Ajustez la valeur de seuil

Si vous êtes satisfait de son apparence, passez à l'étape suivante. Si vous n'êtes pas encore satisfait, essayez de modifier la valeur de seuil.

La valeur Threshold indique à illustrator où nous voulons tracer nos lignes. Tous les pixels plus clairs que la valeur de seuil sont convertis en blanc, tous les pixels plus sombres que la valeur de seuil sont convertis en noir.

Sur l'échelle de couleur du noir au blanc, le noir est 1 et le blanc 255. n'importe quel nombre entre les deux est une nuance de gris.

La valeur seuil peut être un nombre compris entre 1 et 255. Pour la plupart des images, vous constaterez que le milieu (128) est bon. Mais si vous n'aimez pas l'apparence de votre image dans l'aperçu, vous pouvez ajuster votre valeur de seuil pour voir si elle est meilleure.

Essayez 100. Est-ce que ça a l'air mieux? Essayez 200. Est-ce que cela semble mieux? Ajustez la valeur jusqu'à ce que vous soyez satisfait.

Si vous ne parvenez tout simplement pas à ce qu'il paraisse bien, votre image ne convenait probablement pas au départ. N'oubliez pas qu'il est préférable de commencer avec des images à contraste élevé: des images qui ont des ténèbres sombres et des lumières claires et pas trop entre les deux.

Étape 11: Cliquez sur Trace

Cliquez sur le bouton bleu Trace pour tracer l'image.

Étape 12: cliquez sur Développer

Cliquez sur le bouton Agrandir pour terminer le traçage de notre image entière.

Étape 13: Ouvrez la fenêtre des couleurs

Cliquez sur la palette de couleurs pour ouvrir la fenêtre de couleurs.

Les formes dans Illustrator ont un "Fill" et un "Stroke". Le remplissage est la zone à l'intérieur de la forme et le trait est la ligne autour du périmètre, ou à l'extérieur, de notre forme.

À l'heure actuelle, nos formes ont une couleur de remplissage noire et aucune couleur de trait. Nous devons apporter deux modifications pour que la couleur du trait, la ligne autour de l'extérieur des formes, soit noire. En outre, la couleur de remplissage ne doit pas être remplie (claire) ou blanche. Les machines Fab Lab savent ainsi découper l'extérieur ou le périmètre de nos formes.

Étape 14: remplacer le remplissage par Clear

Dans votre fenêtre de couleur, assurez-vous que la boîte noire est au-dessus de la boîte blanche avec la barre rouge à travers elle. Cela signifie que vous pouvez sélectionner la couleur de remplissage.

Juste en dessous de ces cases, cliquez sur le carré blanc avec la barre rouge à travers. Cela rendra la couleur de remplissage de toutes vos formes claire (ou pas de remplissage).

Étape 15: changer le trait en noir

On a presque terminé!

Cliquez sur le bouton Sélection de trait qui se cache sous le bouton Sélection de remplissage. C'est le carré blanc et gris avec la barre rouge qui le traverse.

Sélectionnez ensuite le noir comme couleur de trait.

Étape 16: Enregistrer et terminer!

Félicitations, vous pouvez maintenant changer n'importe quelle image pixel en image vectorielle.

Enregistrez votre fichier! Vous avez terminé!

Ignorez le carré derrière le visage dans ce didacticiel. C'est juste la toile dessinée par Illustrator et cela n'a aucun effet sur les étapes.

Articles Connexes