Erstellen und Arbeiten mit Vektorgrafiken in Adobe Photoshop

Adobe Illustrator ist die Industriestandardanwendung für Grafikdesign. Es ist das beste Werkzeug für die Arbeit mit vektorbasierten Dateien.

Leider hat nicht jeder Illustrator, aber viele Leute haben Photoshop. Und Photoshop bietet grundlegende Unterstützung für Vektorbilder. In diesem Handbuch sehen wir uns an, wie Sie Vektorgrafiken in Photoshop als Illustrator-Ersatz erstellen.

Was ist ein Vektorbild?

Photoshop wurde hauptsächlich für Rasterbilder entwickelt. Dies sind polygonale Bilder, die Pixel für Pixel gezeichnet werden. Sie unterstützen sehr viele Details und werden für Fotos verwendet. Die Dateigrößen können jedoch groß sein, und Sie können sie nicht ohne Qualitätsverlust vergrößern.

Vektorbilder sind Linien und Kurven, die durch mathematische Formeln erzeugt werden. Dies bedeutet, dass Sie die Größe unbegrenzt ändern können und die Dateigrößen oft sehr klein sind. Vektoren eignen sich hervorragend für Grafikdesignarbeiten, einschließlich des Entwerfens von Logos und Symbolen. In Adobe Illustrator können Sie sogar Bilder in Vektorgrafiken konvertieren .

Ein Stück Vektorgrafiken besteht aus mehreren Objekten. Jedes Objekt ist eine Linie oder Form, deren Kante durch einen Pfad definiert ist. In Photoshop wird der Pfad als dünne blaue Linie angezeigt (obwohl er technisch unsichtbar ist).

Sie können jedem Objekt zwei Farbtypen zuweisen:

• Ein Strich ist eine Linie, die dem Pfad folgt.
• Eine Füllung fügt dem vom Pfad umgebenen Raum eine feste Farbe oder ein Muster hinzu.

Sie legen beide in der Optionsleiste oben auf dem Bildschirm fest. Sie können auch entweder Keine Farbe einstellen, wenn diese leer bleiben sollen. Für den Strich können Sie auch die Dicke in Pixel und den Stil festlegen. Eine durchgezogene Linie ist die Standardeinstellung.

In Photoshop zeichnen Sie Vektorbilder mit Formen, Linien und Text.

Zeichnen Sie Vektorformen und Linien

Photoshop enthält Werkzeuge zum Zeichnen mehrerer gängiger Formen. Standardmäßig ist das Rechteck-Werkzeug hervorgehoben. Klicken und halten Sie das Symbol gedrückt, um alle Tools anzuzeigen:

• Rechteck-Werkzeug
• Abgerundetes Rechteckwerkzeug
• Ellipsen-Werkzeug
• Polygon-Werkzeug
• Linienwerkzeug
• Benutzerdefiniertes Formwerkzeug

Sie können das hervorgehobene Werkzeug jederzeit auswählen, indem Sie U auf Ihrer Tastatur drücken. Alternativ können Sie Umschalt + U drücken, um durch die Werkzeuge zu blättern, bis Sie das gewünschte gefunden haben.

Um schneller zu arbeiten, ist es eine gute Idee, mehr Photoshop-Tastaturkürzel zu lernen.

Zeichnen Sie grundlegende Vektorformen

Wählen Sie das Werkzeug für die Form aus, die Sie zeichnen möchten, und fügen Sie dann Ihre Füll- und Strichfarben hinzu .

Klicken und ziehen Sie nun Ihre Leinwand hinein. Die Form wird von der Ecke in die Richtung gezogen, in die Sie ziehen. Halten Sie die Umschalttaste gedrückt, um eine symmetrische Form wie einen Kreis oder ein Quadrat zu erstellen.

Um ein Dreieck zu zeichnen, wählen Sie das Polygon-Werkzeug . Klicken Sie einmal auf Ihre Leinwand, um das Feld Polygoneinstellungen erstellen zu öffnen. Stellen Sie die Anzahl der Seiten auf 3 ein .

Ändern und Bearbeiten von Vektorformen

Sie sind beim Erstellen von Vektorgrafiken in Photoshop nicht auf Grundformen beschränkt. Sie können sehr schnell geändert werden.

Wählen Sie zuerst die Form aus. Dadurch wird die Form hervorgehoben und Ankerpunkte entlang des Pfads angezeigt. Dies sind Punkte, an denen die Form Ecken oder Kurven aufweist.

Wählen Sie das Direktauswahl-Werkzeug aus der Symbolleiste (klicken und halten Sie auf das Symbol des Pfadauswahl-Werkzeugs , um es zu finden, oder drücken Sie Umschalt + A ). Klicken Sie nun auf einen der Ankerpunkte und ziehen Sie ihn in eine beliebige Richtung, um die Form zu verformen.

Verschieben Sie für erweiterte Bearbeitungen zwei oder mehr Ankerpunkte gleichzeitig.

Klicken Sie auf eine, um sie hervorzuheben, und klicken Sie dann bei gedrückter Umschalttaste auf eine andere. Verwenden Sie nun die Cursortasten auf Ihrer Tastatur, um beide Punkte gleichzeitig zu verschieben.

Vektorformen zusammenführen und kombinieren

Für eine noch komplexere Formen können Sie Pfadoperationen verwenden. Auf diese Weise können Sie mehrere Formen zu neuen kombinieren.

Zeichnen Sie zunächst eine Form auf Ihre Leinwand. Als nächstes klicken Sie auf den Pfadoperationen Schaltfläche in der Optionsleiste am oberen Rand des Bildschirms. Normalerweise wird jeder neue Pfad oder jede neue Form auf eine eigene Ebene verschoben. Ändern Sie dies, indem Sie auf Formen kombinieren klicken.

Zeichnen Sie nun eine andere Form. Dies erfolgt auf derselben Ebene wie Ihre erste Form.

Wenn Sie die Objekte einzeln verschieben müssen, verwenden Sie das Pfadauswahl-Werkzeug .

Ziehen Sie die zweite Form so, dass sie die erste überlappt. Die beiden verschmelzen zu einer einzigen Form, obwohl sie als separate Objekte verbleiben. Klicken Sie auf Merge – Form – Komponenten in Pfadoperationen , um sie zu einem einzigen Objekt kombiniert werden .

Verwenden Sie das Pfadauswahl-Werkzeug , um die zweite Form auszuwählen, die Sie gezeichnet haben. Nun in Pfadoperationen wählen subtrahieren Vordere Form. Die Form wird zusammen mit dem Bereich gelöscht, in dem sie sich mit der ersten Form überlappt.

Markieren Sie beide Formen. Wählen Sie unter Pfadoperationen die Option Formbereiche überschneiden aus . Dadurch werden beide Formen entfernt, abgesehen von den Bereichen, in denen sie sich überlappen. Wir verwenden diese Option, um einen Halbkreis zu erstellen.

Markieren Sie abschließend beide Formen und wählen Sie Überlappende Formen ausschließen . Dadurch wird der Bereich entfernt, in dem sich die beiden Formen überlappen, und alles andere bleibt intakt.

Diese Werkzeuge sind eine effektive Möglichkeit, neue Formen zu erstellen oder Teile aus vorhandenen zu teilen oder auszuschneiden. Sie arbeiten auch mit dem Stiftwerkzeug und Text .

Zeichnen Sie Vektorlinien

Es gibt zwei weitere formbezogene Werkzeuge, die Sie kennen sollten. Erstens ist das Linienwerkzeug .

Wählen Sie das Werkzeug aus und stellen Sie die Höhe in der Optionsleiste ein. Dies legt die Dicke der Linie fest. Klicken und ziehen Sie dann Ihr Dokument, um es zu zeichnen. Halten Sie die Umschalttaste gedrückt, um die Linie auf Null oder 90 Grad zu bringen.

Dieses Werkzeug hat einige versteckte Funktionen, aber zum größten Teil werden Sie es verwenden, um eine gerade Linie zu zeichnen.

Zeichnen Sie benutzerdefinierte Vektorformen

Schließlich das benutzerdefinierte Formwerkzeug . Legen Sie die Füll- und Strichfarben fest und klicken Sie dann in der Optionsleiste auf die Option Form . Hier können Sie eine von unzähligen voreingestellten benutzerdefinierten Formen auswählen, die Photoshop bereitstellt.

Um weitere Formen über die ursprüngliche Auswahl hinaus hinzuzufügen, klicken Sie auf das Zahnrad Einstellungen und wählen Sie eine Kategorie aus, die hinzugefügt werden soll. Es gibt Formen für alle Verwendungszwecke – Symbole, Sprechblasen, Pfeile, Texturen und mehr. Sie können auch Formen von Drittanbietern laden.

Klicken und ziehen Sie, um die Form Ihrem Bild hinzuzufügen. Sie können auch auf die Leinwand klicken, um eine genaue Breite und Höhe anzugeben.

Zeichnen von Vektoren mit dem Stiftwerkzeug

Wenn Sie Erfahrung mit Illustrator haben, wissen Sie, dass Sie das Pinselwerkzeug zum Freihandzeichnen verwenden. Photoshop verfügt über ein Pinselwerkzeug, das ähnliche Aufgaben ausführt. In Photoshop ist das Werkzeug jedoch nicht vektorbasiert, sodass Sie es nicht zum Zeichnen verwenden sollten. Sie sollten stattdessen das Stiftwerkzeug verwenden.

Das Stiftwerkzeug ist eine der leistungsstärksten Funktionen in Photoshop. Sie werden es häufig bei der Fotobearbeitung in Photoshop verwenden , da Sie damit sehr präzise Auswahlen erstellen können. Es eignet sich auch hervorragend zum Zeichnen und für Vektorgrafiken.

Erste Schritte mit dem Stiftwerkzeug

Das Stiftwerkzeug zeichnet einen Pfad zwischen Ankerpunkten, die Sie beim Klicken auf die Leinwand erstellen. Fügen Sie dem Pfad einen Strich hinzu, und Sie können einen Umriss zeichnen. Wenn Sie eine Füllung hinzufügen, können Sie ein festes Objekt zeichnen.

Hier ist eine kurze Einführung, um Ihnen den Einstieg zu erleichtern:

1. Wähle das Stiftwerkzeug (P) . Klicken Sie auf die Bildfläche, um einen Ankerpunkt abzulegen.
2. Bewegen Sie den Cursor einige Zentimeter und klicken Sie erneut, um einen weiteren Ankerpunkt abzulegen. Es wird ein Pfad erstellt, um die beiden zu verbinden. Stellen Sie den Strich auf 5px (schwarz) ein, damit Sie ihn besser sehen können.
3. Klicken Sie noch einige Male, um den Pfad zu entwickeln. Klicken und ziehen Sie, um einen gekrümmten Pfad zu erstellen. Dadurch wird dem Ankerpunkt auch ein Lenker hinzugefügt. Ziehen Sie diese, um den Winkel und die Tiefe der Kurve zu steuern.
4. Klicken Sie auf die Eingabetaste , um einen offenen Pfad (eine Linie) zu erstellen, oder klicken Sie auf den ersten Ankerpunkt, um einen geschlossenen Pfad (eine Form) zu erstellen.

Was das Stiftwerkzeug so nützlich macht, ist, dass Sie jederzeit zurückgehen und Ihre Form bearbeiten können:

• Holen Sie sich das Direktauswahl-Werkzeug (A) . Wählen Sie einen Ankerpunkt auf dem Pfad aus und ziehen Sie ihn an eine neue Position. Verwenden Sie dieses Werkzeug mit dem Lenker eines Ankerpunkts, um auch eine Kurve zu bearbeiten.
• Wählen Sie das Werkzeug Ankerpunkt hinzufügen, indem Sie auf das Stiftwerkzeug klicken und es gedrückt halten. Klicken Sie irgendwo auf den Pfad, um manuell einen neuen Ankerpunkt hinzuzufügen, und ziehen Sie ihn dann an seinen Platz. Auf diese Weise können Sie Ihre Form optimieren.

Drei Stiftwerkzeuge

Photoshop bietet drei verschiedene Stifte zum Zeichnen:

• Das Stiftwerkzeug ist die Standardoption und die flexibelste Option. Für Anfänger empfehlen wir, dies hauptsächlich zum Zeichnen von geraden Linien zu verwenden. Wenn Sie fortgeschrittener werden, können Sie es für alles verwenden.
• Mit dem Freiformstift-Werkzeug können Sie freihändig zeichnen, ähnlich wie mit dem Pinsel-Werkzeug. Es wird weiterhin ein Pfad erstellt, den Sie später optimieren und bearbeiten können. Die Ankerpunkte werden beim Zeichnen automatisch generiert. Dies ist ein großartiges Tool, wenn Sie ein Grafiktablett verwenden .
• Mit dem Krümmungsstift-Werkzeug können Sie problemlos Kurven zeichnen, ohne mit dem Lenker spielen zu müssen, wie Sie es mit dem Hauptstift-Werkzeug tun.

Verfolgen Sie ein Bild als Vektor in Photoshop

Sobald Sie gelernt haben, wie Sie die verschiedenen Stiftwerkzeuge verwenden, können Sie sie zum Verfolgen von Bildern verwenden. Auf diese Weise verwandeln Sie eine gescannte Skizze oder ein Objekt in einem Foto in ein Vektorbild.

Öffnen Sie das Bild in Photoshop und zoomen Sie hinein. Wählen Sie nun das Stiftwerkzeug aus und platzieren Sie Ihren ersten Ankerpunkt am Rand des Objekts, das Sie verfolgen möchten. Ihre neue Zeichnung wird automatisch auf eine eigene Ebene verschoben. Klicken Sie weiter um die Kanten, um Ihren Pfad zu erstellen.

Wenn sich das Objekt, das Sie verfolgen, vor einem einfachen Hintergrund befindet, versuchen Sie es mit dem Freiformstift-Werkzeug, wobei die Option Magnetisch in der Optionsleiste aktiviert ist. Dadurch wird Ihr Pfad zum Rand des Objekts verschoben.

Arbeiten Sie mit Vektortext in Photoshop

Die Verwendung von Text in Photoshop ist ziemlich selbsterklärend. Wählen Sie das horizontale Textwerkzeug (T) aus , klicken Sie auf die Bildfläche, um ein Textfeld zu erstellen, und geben Sie dann ein. Sie können Schriftart, Größe, Gewicht und alles andere wie in jeder anderen App anpassen.

Stellen Sie für normalen Text eine Füllfarbe, aber keinen Strich ein. Wenden Sie einen Strich nur für stark stilisierten Text an.

Wenn Sie fertig sind, können Sie den Text in ein Vektorobjekt konvertieren. Wählen Sie den Text aus und gehen Sie zu Typ> In Form konvertieren . Auf diese Weise können Sie auf die Ankerpunkte jedes Charakters zugreifen und diese einzeln anpassen. Es ist gut, um die Farbe eines einzelnen Buchstabens zu ändern oder das Aussehen der Schriftart zu optimieren.

Nach der Konvertierung kann der Text nicht mehr bearbeitet werden. Es ist eine gute Idee, die ursprüngliche Textebene zu duplizieren und dann auszublenden, falls Sie eine Sicherung benötigen.

Verwalten von Vektorobjekten

Um Ihre Grafik zu erstellen, müssen sich alle diese Objekte an der richtigen Position und in der richtigen Größe befinden. So geht's:

• Verschieben Sie Objekte, indem Sie sie mit dem Pfadauswahl-Werkzeug (A) auswählen und an ihren Platz ziehen.
• Ändern Sie die Größe von Objekten, indem Sie sie mit dem Pfadauswahl- Tool auswählen und dann unter Windows Strg + T oder unter Mac Cmd + T drücken. Dies zeigt eine Box um das Objekt. Nehmen Sie einen Lenker entlang der Kante und ziehen Sie ihn hinein oder heraus, um die Größe zu ändern. Halten Sie die Umschalttaste gedrückt, um das ursprüngliche Seitenverhältnis beizubehalten.
• Drehen Sie ein Objekt, indem Sie die Maus direkt vor einen der Lenker halten, bis sich der Cursor in ein Drehsymbol verwandelt. Klicken und ziehen Sie nun.
• Ordnen Sie Objekte neu an, indem Sie auf eine Ebene klicken und diese über oder unter eine andere Ebene ziehen.
• Richten Sie Objekte aus, indem Sie sie alle mit dem Verschieben-Werkzeug (V) auswählen (oder die Umschalttaste gedrückt halten und auf mehrere Ebenen klicken) und dann die Steuerelemente zum Ausrichten in der Optionsleiste verwenden.

Vektorgrafiken in Photoshop: Alles zusammen

Nachdem Sie nun wissen, wie Sie alle Werkzeuge verwenden, können Sie sie zusammenfügen, um Ihre eigenen Vektorgrafiken zu erstellen:

Photoshop ist zwar keine echte Alternative zu Illustrator für professionelles Grafikdesign, aber überraschend leistungsfähig. Für einfache Dinge wie Logos, Symbole und kleine Bilder, die Sie in anderen Dokumenten verwenden möchten, ist dies mehr als gut genug.