Erstellen und Arbeiten mit Vektorgrafiken in Adobe Photoshop

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 ist in erster Linie für Rasterbilder gedacht. Dies sind polygonale Bilder, die Pixel für Pixel gezeichnet werden. Sie unterstützen große Detailmengen 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 stufenlos ändern können und die Dateigrößen oft sehr klein sind. Vektoren eignen sich hervorragend für Grafikdesignarbeiten, einschließlich der Gestaltung von Logos und Symbolen. Du kannst sogar Konvertieren von Bildern in Vektorgrafiken in Adobe Illustrator .

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



Sie können jedem Objekt zwei Arten von Farbe zuweisen:

  • ZU Schlaganfall ist eine Linie, die dem Pfad folgt.
  • ZU Füllen fügt dem vom Pfad umgebenen Raum eine Volltonfarbe oder ein Muster hinzu.

Beides stellen Sie in der Optionsleiste am oberen Bildschirmrand ein. Sie können auch entweder auf Keine Farbe wenn sie leer bleiben sollen. Für den Strich können Sie außerdem 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 die Rechteckwerkzeug ist markiert. Klicken und halten Sie auf dieses Symbol, um den vollständigen Werkzeugsatz anzuzeigen:



  • Rechteckwerkzeug
  • Werkzeug für abgerundetes Rechteck
  • Ellipsenwerkzeug
  • Polygon-Tool
  • Linienwerkzeug
  • Benutzerdefiniertes Formwerkzeug

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

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

Zeichnen Sie grundlegende Vektorformen

Wählen Sie das Werkzeug für die Form aus, die Sie zeichnen möchten, und fügen Sie dann Ihr . hinzu Füllen und Schlaganfall Farben.

Klicken und ziehen Sie nun in Ihre Leinwand. Die Form wird von der Ecke in die Richtung gezeichnet, in die Sie ziehen. Um eine symmetrische Form wie einen Kreis oder ein Quadrat zu erstellen, halten Sie die Schicht Schlüssel.

Um ein Dreieck zu zeichnen, wählen Sie die Polygon-Tool . Klicken Sie einmal auf Ihre Leinwand, um die Polygon erstellen Einstellungsfeld. Satz Anzahl der Seiten zu 3 .

Ändern und Bearbeiten von Vektorformen

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

kann mein handy über bluetooth gehackt werden?

Wählen Sie zunächst die Form aus. Dadurch wird die Form hervorgehoben und Ankerpunkte entlang ihres Pfads angezeigt. Dies sind Punkte, an denen die Form Ecken oder Kurven hat.

Wählen Sie das Direktauswahlwerkzeug aus der Symbolleiste (klicken und halten Sie die Werkzeug zur Pfadauswahl 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 einen, um ihn hervorzuheben, dann Umschalt + Klick Ein weiterer. Verwenden Sie jetzt die Cursortasten auf Ihrer Tastatur, um beide Punkte gleichzeitig zu verschieben.

Zusammenführen und Kombinieren von Vektorformen

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

Beginnen Sie damit, eine Form auf Ihre Leinwand zu zeichnen. Klicken Sie als Nächstes auf Pfadoperationen Schaltfläche in der Optionsleiste am oberen Bildschirmrand. Normalerweise geht jeder neue Pfad oder jede neue Form auf eine eigene Ebene. Ändere das, indem du klickst Formen kombinieren .

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

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

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 Shape-Komponenten zusammenführen in Pfadoperationen um sie zu einem einzigen Objekt zu kombinieren.

Was passiert, wenn dich jemand auf Snapchat blockiert?

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

Markieren Sie beide Formen. In Pfadoperationen auswählen Formbereiche überschneiden . Dadurch werden beide Formen entfernt, mit Ausnahme der Bereiche, in denen sie sich überlappen. Wir verwenden diese Option, um einen Halbkreis zu erstellen.

Markieren Sie schließlich 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 bestehenden zu teilen oder auszuschneiden. Sie arbeiten mit der Stiftwerkzeug und Text sowie.

Vektorlinien zeichnen

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

Wählen Sie das Werkzeug aus und stellen Sie die Höhe in der Optionsleiste. Damit wird die Stärke der Linie eingestellt. Klicken und ziehen Sie dann in Ihr Dokument, um es zu zeichnen. Halten Sie die Schicht Taste, um die Linie auf Null oder 90 Grad auszurichten.

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

Zeichnen Sie benutzerdefinierte Vektorformen

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

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

Klicken und ziehen Sie, um die Form zu 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 eine ähnliche Aufgabe erfüllt. In Photoshop ist das Werkzeug jedoch nicht vektorbasiert, daher sollten Sie es nicht zum Zeichnen verwenden. Sie sollten die verwenden Stiftwerkzeug stattdessen.

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 Vektorgrafiken.

Erste Schritte mit dem Stiftwerkzeug

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

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

So verkleinern Sie die JPEG-Dateigröße
  1. Wähle aus Stiftwerkzeug (P) . Klicken Sie auf die Bildfläche, um einen Ankerpunkt zu setzen.
  2. Bewegen Sie den Cursor einige Zentimeter und klicken Sie erneut, um einen weiteren Ankerpunkt zu setzen. Ein Pfad wird 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 ein paar Mal, um den Pfad zu entwickeln. Klicken und ziehen Sie, um einen gekrümmten Pfad zu erstellen. Dadurch werden auch Lenker zum Ankerpunkt hinzugefügt. Ziehen Sie diese, um den Winkel und die Tiefe der Kurve zu steuern.
  4. Klicken Eintreten 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:

  • Bekommen das Direktauswahl-Tool (A) . Wählen Sie einen Ankerpunkt auf dem Pfad aus und ziehen Sie ihn an eine neue Position. Verwenden Sie dieses Werkzeug auch mit den Griffleisten eines Ankerpunkts, um eine Kurve zu bearbeiten.
  • Wähle aus Werkzeug Ankerpunkt hinzufügen indem Sie auf das Stiftwerkzeug klicken und halten. Klicken Sie irgendwo auf den Pfad, um manuell einen neuen Ankerpunkt hinzuzufügen, und ziehen Sie ihn dann an seinen Platz. So können Sie Ihre Form verfeinern.

Drei Stiftwerkzeuge

Photoshop bietet drei verschiedene Stifte zum Zeichnen:

  • Die Stiftwerkzeug ist die Standard- und flexibelste Option. Anfängern empfehlen wir, dies hauptsächlich zum Zeichnen von geraden Linien zu verwenden. Wenn Sie fortgeschrittener werden, können Sie es für alles verwenden.
  • Die Freiform-Stiftwerkzeug ermöglicht das Freihandzeichnen, ähnlich dem Pinselwerkzeug. Es erstellt immer noch einen Pfad, den Sie später optimieren und bearbeiten können. Die Ankerpunkte werden beim Zeichnen automatisch generiert. Dies ist ein großartiges Werkzeug, wenn Sie a Grafiktablet .
  • Die Krümmungsstift-Werkzeug macht es einfach, Kurven zu zeichnen, ohne mit dem Lenker spielen zu müssen, wie Sie es mit dem Hauptstiftwerkzeug tun.

Verfolgen Sie ein Bild als Vektor in Photoshop

Sobald Sie die verschiedenen Stiftwerkzeuge kennengelernt haben, können Sie sie zum Nachzeichnen von Bildern verwenden. So verwandeln Sie eine gescannte Skizze oder ein Objekt in einem Foto in ein Vektorbild.

Öffnen Sie das Bild in Photoshop und vergrößern Sie es. Wählen Sie nun das Stiftwerkzeug 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 herum, um Ihren Pfad zu erstellen.

Wenn sich das Objekt, das Sie verfolgen, vor einem einfachen Hintergrund befindet, versuchen Sie es mit der Freiform-Stiftwerkzeug mit dem Magnetisch Option in der Optionsleiste aktiviert. Dadurch wird Ihr Pfad am Rand des Objekts gefangen.

Arbeiten Sie mit Vektortext in Photoshop

Die Verwendung von Text in Photoshop ist ziemlich selbsterklärend. Wähle aus Horizontales Textwerkzeug (T) , klicken Sie auf den Bildbereich, 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.

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

Wenn Sie fertig sind, können Sie den Text in ein Vektorobjekt umwandeln. Wählen Sie den Text aus und gehen Sie zu Typ > In Form umwandeln . Auf diese Weise können Sie auf die Ankerpunkte jedes Charakters zugreifen, sodass Sie sie individuell anpassen können. 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 ein Backup benötigen.

Vektorobjekte verwalten

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

  • Objekte verschieben indem Sie sie mit den auswählen Pfadauswahlwerkzeug (A) und ziehen sie an ihren Platz.
  • Größe von Objekten ändern indem Sie sie mit den auswählen Werkzeug zur Pfadauswahl dann schlagen Strg + T unter Windows oder Befehl + T auf dem Mac. Dies zeigt eine Box um das Objekt herum. Ergreifen Sie einen Lenker entlang der Kante und ziehen Sie ihn hinein oder heraus, um die Größe zu ändern. Halt die Schicht Taste, um das ursprüngliche Seitenverhältnis beizubehalten.
  • Ein Objekt drehen indem Sie Ihre Maus außerhalb eines der Lenker halten, bis sich der Cursor in ein Drehsymbol verwandelt. Klicken und ziehen Sie nun.
  • Objekte neu anordnen indem Sie auf eine Ebene klicken und sie über oder unter eine andere Ebene ziehen.
  • Objekte ausrichten indem du sie alle mit dem auswählst Bewegungswerkzeug (V) (oder halten Schicht und Klicken auf mehrere Ebenen), und verwenden Sie dann die Ausrichtungssteuerelemente in der Optionsleiste.

Vektorgrafiken in Photoshop: Alles zusammenfügen

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

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

Teilen Teilen Tweet Email Adobe Illustrator vs. Photoshop: Was ist der Unterschied?

Wir klären jede Unklarheit über die Unterschiede zwischen diesen beiden Bildbearbeitungssuiten.

Weiter lesen Verwandte Themen
  • Kreativ
  • Adobe Photoshop
  • Vektorgrafiken
  • Adobe Creative Cloud
  • Photoshop-Tutorial
Über den Autor Andy Betts(221 veröffentlichte Artikel)

Andy ist ein ehemaliger Printjournalist und Zeitschriftenredakteur, der seit 15 Jahren über Technologie schreibt. In dieser Zeit hat er an unzähligen Publikationen mitgewirkt und Texterarbeiten für große Technologieunternehmen erstellt. Er hat auch Expertenkommentare für die Medien bereitgestellt und Podiumsdiskussionen bei Branchenveranstaltungen moderiert.

Mehr von Andy Betts

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich zu abonnieren