Adobe Photoshop ist kein Vektorbild-Editor. Adobe Illustrator erledigt diese Aufgabe gekonnt. Aber was ist, wenn Sie einen der grundlegenden Adobe Creative Cloud- Mitgliedschaftspläne haben? Oder Sie haben nur ein Abonnement für Photoshop allein? 

Photoshop verfügt über einige Werkzeuge, mit denen Sie Vektorformen und -pfade von Grund auf neu zeichnen können. Sie können jetzt sogar mehrere Pfade auswählen und das Erscheinungsbild mit Funktionen wie Live-Form-Eigenschaften^{(Live Shape Properties)} ändern . Dennoch erfordert das Erlernen der Vektorisierung eines Bildes in Photoshop etwas mehr Aufwand. 

So konvertieren Sie ein Rasterbild^{(Raster Image)} in ein Vektorbild^(Vector)

Vektorgrafiken^{(Vector images)} können auf jede beliebige Größe skaliert werden, im Gegensatz zu einem Foto, das bei einer Änderung der Auflösung verpixelt. Sie bestehen aus Pfaden, die wie „Linien“ sind, die mit mathematischen Gleichungen gezeichnet werden, die auf jede beliebige Auflösung skalierbar sind. 

So konvertieren Sie ein pixelbasiertes Rasterbild in ein Vektorbild:

1. Wählen Sie die Pixel aus.
2. Wandeln Sie sie in Pfade um.
3. Kolorieren Sie sie und speichern Sie sie als Vektorbild. 

Wie immer werden Sie in Photoshop mit verschiedenen Ebenen^{(layers in Photoshop)} arbeiten , um die Pfade aus einem Rasterbild zu extrahieren. Hier ist ein Blick auf das anfängliche Rasterporträt und das endgültige Bild, nachdem es vektorisiert wurde.

Die Screenshots stammen aus Adobe Photoshop CC (21.2.0). Aber Sie sollten in der Lage sein, diesem einfachen Tutorial mit den meisten neueren Versionen von Photoshop zu folgen .

1. Öffnen Sie das Rasterbild^{(Raster Image)} in Photoshop

^(Drag)Ziehen Sie das Rasterbild per Drag & Drop in Photoshop oder öffnen Sie es über File > Open . Das Beispielbild in diesem Beispiel ist ein einfaches Porträt. Wenn das Objekt, das Sie vektorisieren möchten, einen unruhigen Hintergrund hat, entfernen Sie zuerst den Hintergrund in Photoshop . 

2. Treffen Sie eine Auswahl um das Bild herum

Es gibt verschiedene Methoden, mit denen Sie in Photoshop^(Photoshop) eine Auswahl treffen können . Welche Methode Sie wählen, hängt von der Beschaffenheit des Bildes ab. Wenn das Bild beispielsweise gerade Kanten hat, können Sie das Auswahlrechteck^{(Rectangular Marquee)} - Werkzeug auswählen. Wenn Sie nach Farbe auswählen möchten, ist der Zauberstab^{(Magic Wand)} oder das Schnellauswahl^{(Quick Selection)} -Werkzeug eine Option. 

Bei Porträts kann der Befehl Motiv auswählen^{(Select Subject)} das Hauptmotiv in einem Foto automatisch auswählen. Es ist ein inhaltsbewusstes Tool, das intelligente Algorithmen verwendet, um Personen in Bildern zu erkennen. Die Schaltfläche Motiv^{(Select Subject)} auswählen wird in der Symbolleiste angezeigt, wenn Sie ein Auswahlwerkzeug auswählen. Sie finden es auch im Auswahlmenü^(Select) .

Gehen Sie zu Select > Select & Mask > Select Subject „Motiv auswählen“ und es wird das herausragendste Motiv auf einem Foto intelligent ausgewählt. 

Verwenden Sie die Schieberegler „ Globale Verfeinerungen^{(Global Refinements)} “, um die Auswahlkanten bei Bedarf zu optimieren, und geben Sie die Auswahl dann auf einer neuen Ebene aus. 

Für komplexere Objekte in Ihrem Foto ist das Objektauswahl-Werkzeug^{(Object Selection tool)} eine leistungsstarke Funktion in Photoshop . Es funktioniert genau wie „ Motiv auswählen^{(Select Subject)} “, hilft Ihnen jedoch mit mehr Steuerelementen bei der Feinabstimmung der Auswahl. Verwenden Sie dies, wenn Sie eine Gruppe von Objekten (oder Personen) in Ihrem Foto haben. 

3. Erstellen Sie einen Schwellenwerteffekt 

Die Schwellenanpassungsebene^{(Threshold Adjustment)} wandelt die aktuelle Ebene in ein Schwarzweißbild um, und Sie können einem Farbbild später im Prozess ein ordentliches einfarbiges Aussehen verleihen. 

Fügen Sie im Bedienfeld „Ebenen“ eine neue Schwellenwertebene^(Threshold) hinzu , indem Sie das Symbol „Neue Füll- oder Einstellungsebene erstellen“^{(Create new fill or adjustment layer)} auswählen . Passen Sie den Schieberegler an, bis Sie Ihr gewünschtes Aussehen erhalten. Im Beispielbild haben wir einen Wert von 51 verwendet. 

4. Verwenden Sie den Farbbereichsbefehl^{(Color Range Command)} , um tonale Bereiche auszuwählen^{(Select Tonal Areas)}

Der Befehl ^{(Color Range command)}„Farbbereich“^(Select) im Menü „Auswahl“ entspricht der Auswahl „Zauberstab^{(Magic Wand)} “. Aber es ist auch besser, da es Pixel auswählen kann, die dieselbe oder eine ähnliche Farbe mit dem Pipettenwerkzeug in diesem Bereich des Bildes haben. Sie können eine Reihe von Farben aufnehmen, indem Sie das Werkzeug wiederholt auf verschiedene Bereiche eines Bildes anwenden.

In diesem Photoshop -Lernprogramm möchten wir den Befehl „ Farbbereich^{(Color Range)} “ verwenden , um alle weißen und schwarzen Tonbereiche auszuwählen. 

Gehen Sie zu Select > Color Range . 

Verwenden Sie die Pipetten-Werkzeuge^{(Eyedropper tools)} , um alle unterschiedlichen tonalen Bereiche im Bild auszuwählen. Wenn Sie die Graustufenvorschau^(Grayscale) im Dropdown-Menü auswählen, erhalten Sie eine Vorstellung von den ausgewählten Bereichen. 

Klicken Sie auf OK , um das Dialogfeld zu schließen und mit dem ausgewählten Porträt zur Schwellenebene zurückzukehren. 

5. Wandeln Sie Ihre Auswahl in^{(Selection Into)} einen Pfad um

Ein Pfad in Photoshop ist nichts anderes als eine Linie mit Ankerpunkten an ihren beiden Enden. Mit anderen Worten, es handelt sich um Vektorlinienzeichnungen. Pfade können gerade oder gekrümmt sein. Wie alle Vektoren können Sie sie strecken und formen, ohne Details zu verlieren. Photoshop kann Auswahlen in Pfade umwandeln und umgekehrt. 

Wählen Sie das Auswahlwerkzeug^(Marquee) oder ein beliebiges Auswahlwerkzeug aus. Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie im Kontextmenü die Option „Arbeitspfad erstellen“.^{(Make Work Path)}

Legen Sie außerdem einen Toleranzwert^{(Tolerance Value)} in dem angezeigten kleinen Feld fest. 

6. Legen Sie einen Toleranzwert^{(Tolerance Value)} für den Pfad fest^(Path)

Um den Pfad glatter zu machen, legen Sie im angezeigten Dialogfeld einen Toleranzwert fest. ^(Tolerance)Ein Wert von „1,0“ sollte ideal für die unregelmäßigen Pfade um ein Porträt herum sein.

Der Toleranzwert^(Tolerance) bestimmt, wie eng der Pfad an den Konturen des Bildes „kleben“ soll. Je niedriger der Wert, desto genauer folgt die Auswahl Ihrem Pfad. Höhere Werte verringern die Anzahl der Ankerpunkte und machen den Pfad glatter. Die Faustregel lautet: Je einfacher das Objekt, desto höher die Toleranz. 

Experimentieren Sie jedoch mit diesem Wert entsprechend der Komplexität Ihres Bildes. 

7. Erstellen Sie eine neue Volltonebene

Ohne irgendwo zu klicken, gehen Sie zum Ebenenbedienfeld^(Layers) und wählen Sie Neue Füll- oder Einstellungsebene ^{(new fill or adjustment Layer)}erstellen^(Create) . 

Wählen Sie dann Volltonfarbe^{(Solid Color)} aus dem Menü. Sie können jede Farbe auswählen. 

Dieser Schritt erstellt die Vektorformebene über der Schwellenebene^(Threshold) . 

Diese einfarbige Füllebene kann an jede Farbe Ihrer Wahl angepasst werden. Exportieren Sie im nächsten Schritt diese Ebene als SVG -Bild. 

8. Speichern Sie das Vektorbild^{(Vector Image)} als SVG - Datei

Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie Exportieren als^{(Export As)} . Sie können das Vektorbild auch über File > Export As speichern .

Wählen Sie im Dialogfeld „ Exportieren als^{(Export As)} “ die Option „SVG“ aus den Dateieinstellungen^{(File Settings)} und klicken Sie auf „ Exportieren^(Export) “ . 

Sie können die Vektordatei jetzt in Adobe Illustrator oder einem anderen Vektorbild-Editor öffnen. 

Alternativ können Sie auch Vektorpfade aus Photoshop in Illustrator exportieren . Klicken Sie File > Export > Paths to Illustrator . Dadurch wird der Vollton-Füllpfad^{(Solid Color Fill Path)} nach Illustrator exportiert, falls Sie ihn installiert haben. 

Es gibt mehr Möglichkeiten^{(Are More Ways)} , ein Bild in Photoshop zu vektorisieren^(Photoshop)

Diese spezielle Methode ist eine einfache Möglichkeit, aus einem Farbfoto ein monotones Vektorbild zu erhalten. Sie können es als Vorlage für jede andere Bildbearbeitung in Photoshop^{(image modification in Photoshop)} verwenden . Skalieren Sie es dann auf Papier oder einem anderen Medium auf eine beliebige Größe. 

Es gibt andere Möglichkeiten, ein Bild in Photoshop zu vektorisieren . Welchem ​​Sie folgen, hängt vom Basisfoto und den gewünschten Ergebnissen ab. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a vector image editor. Adobe Illustrator ably handles that job. But what if you are оn оne of the basic Adobe Creative Cloud memberѕhip plans? Or you just have a subscription 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

• So entfernen oder ersetzen Sie einen Hintergrund in Photoshop

• Wie man Zähne in Photoshop aufhellt

• So blenden Sie Photoshop ein

• So weichen und verwischen Sie in Photoshop

• So schneiden Sie ein Objekt in einem Bild in Photoshop CC aus

• So bauen Sie Ihren eigenen Laptop

• Buchbesprechung – Der How-To-Geek-Leitfaden für Windows 8

• Deaktivieren Sie die Benutzerkontensteuerung (UAC) für eine bestimmte Anwendung

• Installieren von GIMP-Plugins: Eine Anleitung

• So ändern Sie die Größe, kombinieren und führen Sie Ebenen in Photoshop zusammen

• So erstellen Sie ein Team in Microsoft Teams

• So sehen Sie zwischengespeicherte Seiten und Dateien in Ihrem Browser

• So gliedern Sie Text in Photoshop

• So drehen Sie Text und Bilder in Photoshop

• So erstellen Sie ein ausfüllbares Google Docs-Formular mit Tabellen

• So verwenden Sie Ihr Chromebook als zweiten Monitor

• Die 6 besten Kameraeinstellungen für Mondfotos

• So fügen Sie einen Rahmen in Photoshop hinzu

• So messen Sie Entfernungen in Photoshop

• Erstellen Sie mit diesen 3 E-Mail-Clients eine Gmail-Desktop-App