Adobe Photoshop n'est pas un éditeur d'images vectorielles. Adobe Illustrator gère habilement ce travail. Mais que se passe-t-il si vous êtes sur l'un des plans d'abonnement de base à Adobe Creative Cloud ? Ou vous avez juste un abonnement à Photoshop seul ? 

Photoshop dispose de quelques outils qui vous permettent de dessiner des formes vectorielles et des tracés à partir de zéro. Vous pouvez désormais même sélectionner plusieurs chemins et modifier l'apparence avec des fonctionnalités telles que Live Shape Properties . Pourtant, apprendre à vectoriser une image dans Photoshop demande un peu plus d'efforts. 

Comment convertir une image raster^{(Raster Image)} en image vectorielle^(Vector)

Les images vectorielles^{(Vector images)} peuvent être mises à l'échelle à n'importe quelle taille, contrairement à une photo qui se pixellisera en cas de changement de résolution. Ils sont constitués de chemins qui sont comme des "lignes" dessinées avec des équations mathématiques qui sont évolutives à n'importe quelle résolution. 

Pour convertir une image raster basée sur les pixels en image vectorielle :

1. Sélectionnez les pixels.
2. Convertissez-les en chemins.
3. Colorisez-les et enregistrez-les en tant qu'image vectorielle. 

Comme toujours, vous travaillerez avec différents calques dans Photoshop^{(layers in Photoshop)} pour extraire les chemins d'une image raster. Voici un aperçu du portrait tramé initial et de l'image finale après sa vectorisation.

Les captures d'écran proviennent d' Adobe Photoshop CC (21.2.0). Mais vous devriez pouvoir suivre ce tutoriel simple avec la plupart des versions récentes de Photoshop .

1. Ouvrez l' image raster^{(Raster Image)} dans Photoshop

Faites glisser^(Drag) et déposez l'image raster dans Photoshop ou ouvrez-la à partir de File > Open . L'exemple d'image dans cet exemple est un simple portrait. Si l'objet que vous souhaitez vectoriser a un arrière-plan chargé, supprimez d'abord l'arrière-plan dans Photoshop . 

2. Faites une sélection autour de l'image

Il existe différentes méthodes que vous pouvez utiliser pour effectuer une sélection dans Photoshop . La méthode que vous choisirez dépendra de la nature de l'image. Par exemple, si l'image a des bords droits, vous pouvez sélectionner l' outil Rectangle de sélection. ^{(Rectangular Marquee)}Si vous souhaitez choisir par couleur, la baguette magique^{(Magic Wand)} ou l' outil de sélection^{(Quick Selection)} rapide est une option. 

Pour les portraits, la commande Sélectionner le sujet^{(Select Subject)} peut sélectionner automatiquement le sujet principal d'une photo. C'est un outil sensible au contenu qui utilise des algorithmes intelligents pour détecter les personnes dans les images. Le bouton Sélectionner un sujet^{(Select Subject)} s'affiche dans la barre d'outils lorsque vous sélectionnez un outil de sélection. Vous pouvez également le trouver dans le menu Sélectionner .^(Select)

Allez à Select > Select & Mask > Select Subject et il sélectionnera intelligemment le sujet le plus important sur une photo. 

Utilisez les curseurs Raffinements globaux^{(Global Refinements)} pour affiner les bords de la sélection si nécessaire, puis exportez la sélection vers un nouveau calque. 

Pour les objets plus complexes de votre photo, l' outil de sélection d'objets^{(Object Selection tool)} est une fonctionnalité puissante de Photoshop . Cela fonctionne exactement comme le sujet Select^{(Select Subject)} mais vous aide à affiner la sélection avec plus de contrôles. Utilisez ceci si vous avez un groupe d'objets (ou de personnes) sur votre photo. 

3. Créer un effet de seuil 

Le calque de réglage du seuil^{(Threshold Adjustment)} transforme le calque actuel en une image en noir et blanc, et vous pouvez donner à une image couleur un aspect unicolore soigné plus tard dans le processus. 

Dans le panneau Calques, ajoutez un nouveau calque Seuil^(Threshold) en sélectionnant l' icône Créer un nouveau calque de remplissage ou de réglage . ^{(Create new fill or adjustment layer)}Ajustez le curseur jusqu'à ce que vous obteniez l'apparence souhaitée. Dans l'exemple d'image, nous avons utilisé une valeur de 51. 

4. Utilisez la commande de gamme de couleurs^{(Color Range Command)} pour sélectionner les zones tonales^{(Select Tonal Areas)}

La commande Gamme de couleurs^{(Color Range command)} du menu Sélectionner^(Select) ressemble à la sélection Baguette magique^{(Magic Wand)} . Mais c'est aussi mieux car il peut sélectionner des pixels qui partagent la même couleur ou une couleur similaire avec l'outil Pipette sur cette zone de l'image. Vous pouvez sélectionner une gamme de couleurs en utilisant l'outil à plusieurs reprises sur différentes zones d'une image.

Dans ce didacticiel Photoshop , nous souhaitons utiliser la commande Gamme de couleurs^{(Color Range)} pour sélectionner toutes les zones de tons blancs et noirs. 

Accédez à Select > Color Range . 

Utilisez les outils Pipette^{(Eyedropper tools)} pour sélectionner toutes les différentes zones tonales de l'image. Choisir l' aperçu en niveaux de gris^(Grayscale) dans la liste déroulante vous donnera une idée des zones sélectionnées. 

Cliquez sur OK pour fermer la boîte de dialogue et revenir au calque de seuil avec le portrait sélectionné. 

5. Convertissez votre sélection^{(Selection Into)} en chemin

Un chemin dans Photoshop n'est rien d'autre qu'une ligne avec des points d'ancrage à ses deux extrémités. En d'autres termes, ce sont des dessins au trait vectoriel. Les chemins peuvent être droits ou courbes. Comme tous les vecteurs, vous pouvez les étirer et les façonner sans perdre de détails. Photoshop peut convertir des sélections en chemins et vice-versa. 

Sélectionnez l' outil Marquee ou n'importe quel outil de sélection. Faites un clic droit sur l'image et choisissez Make Work Path dans le menu contextuel.

Définissez également une valeur de tolérance^{(Tolerance Value)} dans la petite boîte qui s'affiche. 

6. Définir une valeur de tolérance^{(Tolerance Value)} pour le chemin^(Path)

Pour rendre le chemin plus fluide, définissez une valeur de tolérance^(Tolerance) dans la boîte de dialogue qui s'affiche. Une valeur de "1.0" devrait être idéale pour les chemins irréguliers autour d'un portrait.

La valeur Tolérance^(Tolerance) détermine à quel point le tracé doit « coller » aux contours de l'image. Plus la valeur est faible, plus la sélection suit de près votre chemin. Des valeurs plus élevées réduiront le nombre de points d'ancrage et rendront le chemin plus fluide. La règle empirique est la suivante : plus l'objet est simple, plus la tolérance est élevée. 

Mais testez cette valeur en fonction de la complexité de votre image. 

7. Créez un nouveau calque de couleur unie

Sans cliquer nulle part, accédez au panneau Calques et sélectionnez ^(Layers)Créer un ^(Create) nouveau calque de remplissage ou de réglage^{(new fill or adjustment Layer)} . 

Ensuite, choisissez Couleur unie^{(Solid Color)} dans le menu. Vous pouvez choisir n'importe quelle couleur. 

Cette étape crée le calque de forme vectorielle au-dessus du calque Seuil^(Threshold) . 

Cette couche de remplissage de couleur unie peut être personnalisée avec n'importe quelle couleur de votre choix. À l'étape suivante, exportez ce calque en tant qu'image SVG . 

8. Enregistrez l' image vectorielle^{(Vector Image)} en tant que fichier SVG

Faites un clic droit sur le calque et choisissez Exporter^{(Export As)} sous . Vous pouvez également enregistrer l'image vectorielle à partir de File > Export As sous .

Dans la boîte de dialogue Exporter sous, choisissez SVG dans ^{(Export As)}Paramètres du fichier^{(File Settings)} et cliquez sur Exporter^(Export) . 

Vous pouvez maintenant ouvrir le fichier vectoriel dans Adobe Illustrator ou tout autre éditeur d'images vectorielles. 

Alternativement, vous pouvez également exporter des chemins vectoriels de Photoshop vers Illustrator . Cliquez sur File > Export > Paths to Illustrator . Cela exporte le chemin de remplissage de couleur unie^{(Solid Color Fill Path)} vers Illustrator si vous l'avez installé. 

Il existe d' autres façons^{(Are More Ways)} de vectoriser une image dans Photoshop

Cette méthode spécifique est un moyen simple d'obtenir une image vectorielle monotone à partir d'une photo couleur. Vous pouvez l'utiliser comme modèle pour toute autre modification d'image dans Photoshop^{(image modification in Photoshop)} . Ensuite, agrandissez-le ou réduisez-le à n'importe quelle taille sur papier ou sur un autre support. 

Il existe d'autres moyens de vectoriser une image dans Photoshop . Celui que vous suivrez dépendra de la photo de base et des résultats que vous souhaitez. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a vector image editor. Adobe Illustrator ably handles that job. But what if уou are on one of the basic Adobe Сreative Cloud membership рlans? Or you јust have a sυbscription tо Photoshop alone? 

Photoshop has a few tools that allow you to draw vector shapes and paths from scratch. You can now even select multiple paths and change the appearance with features like Live Shape Properties. Still, learning to vectorize an image in Photoshop takes a bit more effort. 

How to Convert a Raster Image to a Vector Image

Vector images can be scaled to any size unlike a photo that will pixelate if there’s a change in resolution. They are made of paths which are like “lines” drawn with mathematical equations that are scalable to any resolution. 

To convert a pixel-based raster image to a vector image:

1. Select the pixels.
2. Convert them to paths.
3. Colorize them and save as a vector image. 

As always, you will be working with different layers in Photoshop to extract the paths from a raster image. Here’s a glimpse of the initial raster portrait and the final image after it has been vectorized.

The screenshots are from Adobe Photoshop CC (21.2.0). But you should be able to follow this simple tutorial with most of the recent versions of Photoshop.

1. Open the Raster Image in Photoshop

Drag and drop the raster image into Photoshop or open it from File > Open. The sample image in this example is a simple portrait. If the object you want to vectorize has a busy background, then remove the background in Photoshop first. 

2. Make a Selection Around the Image

There are different methods you can use to make a selection in Photoshop. The method you choose will depend on the nature of the image. For instance, if the image has straight edges, you can select the Rectangular Marquee tool. If you want to choose by color, then Magic Wand or the Quick Selection tool is an option. 

For portraits, the Select Subject command can select the main subject in a photo automatically. It’s a content-aware tool that uses smart algorithms to detect people in images. The Select Subject button is displayed on the toolbar when you pick a selection tool. You can also find it under the Select menu.

Go to Select > Select & Mask > Select Subject and it will smartly select the most prominent subject in a photograph. 

Use the Global Refinements sliders to fine-tune the selection edges if necessary, and then output the selection to a new layer. 

For more complex objects in your photo, the Object Selection tool is a powerful feature in Photoshop. It works just like the Select Subject but helps you fine-tune the selection with more controls. Use this if you have a group of objects (or people) in your photo. 

3. Create a Threshold Effect 

The Threshold Adjustment layer transforms the current layer into a black and white image, and you can give a color image a neat one-color look later in the process. 

In the Layers panel, add a new Threshold layer by selecting the Create new fill or adjustment layer icon. Adjust the slider till you get your desired look. In the example image, we have used a value of 51. 

4. Use the Color Range Command to Select Tonal Areas

The Color Range command under the Select menu is like the Magic Wand selection. But it’s also better as it can select pixels that share the same or similar color with the eyedropper tool on that area of the image. You can pick up a range of colors by using the tool repeatedly on different areas of an image.

In this Photoshop tutorial, we want to use the Color Range command to select all the white and black tonal areas. 

Go to Select > Color Range. 

Use the Eyedropper tools to select all the different tonal areas in the image. Choosing the Grayscale preview in the dropdown will give you an idea of the areas selected. 

Click OK to close the dialog and come back to the threshold layer with the portrait selected. 

5. Convert Your Selection Into a Path

A path in Photoshop is nothing but a line with anchor points at its two ends. In other words, they are vector line drawings. Paths can be straight or curved. Like all vectors, you can stretch and shape them without losing detail. Photoshop can convert selections into paths and vice-versa. 

Select the Marquee tool or any selection tool. Right-click on the image, and choose Make Work Path from the context menu.

Also, set a Tolerance Value in the little box that’s displayed. 

6. Set a Tolerance Value for the Path

To make the path smoother, set a Tolerance value in the dialog box that pops up. A value of “1.0” should be ideal for the irregular paths around a portrait.

The Tolerance value determines how closely the path should “stick” to the contours of the image. The lower the value, the more closely the selection follows your path. Higher values will decrease the number of anchor points and make the path smoother. The thumb rule is — the simpler the object, the higher the tolerance. 

But experiment with this value according to the complexity of your image. 

7. Create a New Solid Color Layer

Without clicking anywhere, go to the Layers panel and select Create new fill or adjustment Layer. 

Then, choose Solid Color from the menu. You can pick any color. 

This step creates the vector shape layer on top of the Threshold layer. 

This solid color fill layer can be customized to any color of your choice. In the next step, export this layer as a SVG image. 

8. Save the Vector Image as an SVG File

Right click on the layer and choose Export As. You can also save the vector image from File > Export As.

In the Export As dialog, choose SVG from File Settings and click on Export. 

You can now open the vector file in Adobe Illustrator or any other vector image editor. 

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator. This exports the Solid Color Fill Path to Illustrator if you have it installed. 

There Are More Ways to Vectorize an Image in Photoshop

This specific method is a simple way to get a monotone vector image from a color photo. You can use it as a template for any other image modification in Photoshop. Then scale it up or down to any size on paper or another medium. 

There are other ways to vectorize an image in Photoshop. The one you follow will depend on the base photo and the results you want. 

Related posts

• Comment supprimer ou remplacer un arrière-plan dans Photoshop

• Comment blanchir les dents dans Photoshop

• Comment se fondre dans Photoshop

• Comment plumer et flouter dans Photoshop

• Comment découper un objet dans une image dans Photoshop CC

• Comment utiliser votre Chromebook comme deuxième moniteur

• Comment garder votre PC Windows éveillé sans toucher la souris

• Comment effectuer un test de stress CPU

• Comment mettre à jour Raspberry Pi

• Désactiver le contrôle de compte d'utilisateur (UAC) pour une application spécifique

• Comment redimensionner, combiner et fusionner des calques dans Photoshop

• Comment réinitialiser les paramètres d'usine d'une Xbox One ou d'une Xbox Series X

• Comment ouvrir des fichiers DDS dans Windows 10

• 6 meilleurs réglages de l'appareil photo pour les photos de la lune

• Comment courber du texte dans Photoshop

• Comment voir les pages et les fichiers en cache depuis votre navigateur

• Comment animer une image dans Photoshop

• Comment récupérer un compte Facebook piraté

• Comment construire votre propre ordinateur portable

• Installation des plugins GIMP : un guide pratique