Erstellen und Arbeiten mit Vektorgrafiken in Photoshop

Adobe Illustrator ist die branchenübliche Anwendung 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 erfahren Sie, wie Sie Vektorgrafiken in Photoshop als Illustrator-Ersatz verwenden.

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 daher für Fotos verwendet. Die Dateigrößen können jedoch groß sein und Sie können nicht ohne Qualitätsverlust vergrößern.

Vektorbilder sind Linien und Kurven, die durch mathematische Formeln erzeugt werden. Dies bedeutet, dass Sie die Größe unendlich oft ändern können und die Dateigrößen oft sehr klein sind. Vektoren eignen sich hervorragend für grafische Designarbeiten, einschließlich des Designs von Logos und Symbolen.

Ein Kunstwerk 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 Farbtypen zuweisen.

• EIN Schlaganfall ist eine Linie, die dem Pfad folgt.
• EIN Füllen fügt dem von dem Pfad umgebenen Raum eine durchgehende Farbe oder ein Muster hinzu.

Beides stellen Sie in der Optionsleiste oben auf dem Bildschirm ein. Sie können auch auf einstellen Keine Farbe Wenn Sie möchten, dass sie leer bleiben. Für den Strich können Sie auch die Stärke 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 verschiedener gebräuchlicher Formen. Standardmäßig ist die Rechteckwerkzeug ist markiert. Klicken Sie auf das Symbol und halten Sie es gedrückt, um alle Werkzeuge anzuzeigen:

• Rechteckwerkzeug
• Abgerundetes Rechteckwerkzeug
• Ellipse-Werkzeug
• Polygon-Werkzeug
• Linienwerkzeug
• Werkzeug für benutzerdefinierte Form

Sie können das hervorgehobene Werkzeug immer auswählen, indem Sie drücken U auf deiner Tastatur. Alternativ drücken Sie Umschalt + U die Werkzeuge durchlaufen, bis Sie das gewünschte Werkzeug gefunden haben. Tastenkombinationen Tastenkombinationen für Adobe Photoshop 101: Die nützlichsten Befehle Tastenkombinationen für Adobe Photoshop 101: Die nützlichsten Befehle Egal, ob Sie Anfänger oder Profi sind: Mit diesen Photoshop-Tastenkombinationen können Sie viele Stunden Zeit sparen. Klicken Sie hier für die vollständige Liste! Weitere Informationen sind eine gute Möglichkeit, schnell durch Photoshop zu navigieren.

Zeichnen Sie grundlegende Vektorformen

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

Jetzt klicken und ziehen Sie Ihre Leinwand. Die Form wird aus 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 Fenster zu öffnen Polygon erstellen Einstellungsfeld. einstellen Anzahl der Seiten zu 3.

Vektorformen ändern und bearbeiten

Beim Erstellen von Vektorgrafiken in Photoshop sind Sie nicht auf grundlegende Formen beschränkt. Sie können sehr schnell modifiziert 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 hat.

Wählen Sie das Direktauswahlwerkzeug aus der Symbolleiste (klicken und halten Sie die Pfadauswahlwerkzeug Symbol, um es zu finden). Klicken Sie auf einen der Ankerpunkte und ziehen Sie ihn in eine beliebige Richtung, um die Form zu deformieren.

Verschieben Sie für erweiterte Bearbeitungen zwei oder mehr Ankerpunkte gleichzeitig. Klicken Sie auf eines, um es zu markieren, und klicken Sie dann auf Umschalttaste + Klick Ein weiterer. Verwenden Sie jetzt die Cursor-Tasten auf Ihrer Tastatur, um beide Punkte gleichzeitig zu verschieben.

Vektorformen kombinieren und kombinieren

Für noch komplexere Formen können Sie verwenden Pfadvorgänge. Auf diese Weise können Sie mehrere Formen zu neuen einzelnen Formen kombinieren.

Beginnen Sie mit dem Zeichnen einer Form auf Ihrer Leinwand. Klicken Sie anschließend auf Pfadvorgänge Schaltfläche in der Optionsleiste am oberen Bildschirmrand. Normalerweise geht jeder neue Pfad oder jede Form auf eine eigene Ebene. Ändern Sie das, indem Sie auf klicken Formen kombinieren.

Zeichne jetzt eine andere Form. Dies wird sich auf derselben Ebene wie Ihre erste Form befinden. Wenn Sie die Objekte einzeln verschieben müssen, verwenden Sie die Pfadauswahlwerkzeug.

Ziehen Sie die zweite Form so, dass sie die erste überlappt. Die beiden verschmelzen zu einer einzigen Form, bleiben jedoch als separate Objekte. Klicken Formkomponenten zusammenführen im Pfadvorgänge um sie zu einem einzigen Objekt zusammenzufassen.

Verwenden Sie die Pfadauswahlwerkzeug um die zweite Form auszuwählen, die Sie gezeichnet haben. Jetzt in Pfadvorgänge wählen Vordere Form abziehen. Die Form wird jetzt zusammen mit dem Bereich gelöscht, in dem sie mit der ersten Form überlappt.

Markieren Sie beide Formen. Im Pfadvorgänge wählen Schneiden Sie Formbereiche aus. Dadurch werden beide Formen getrennt von den Bereichen, in denen sie sich überlappen. Wir verwenden diese Option, um einen Halbkreis zu erstellen.

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

Diese Werkzeuge sind ein effektiver Weg, um neue Formen zu erstellen oder aus vorhandenen Teile herauszuschneiden oder auszuschneiden. Sie arbeiten auch mit dem Stiftwerkzeug und Text.

Vektorlinien zeichnen

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

Wählen Sie das Werkzeug aus und legen Sie das fest Höhe in der Optionsleiste. Damit wird die Stärke der Linie festgelegt. Klicken Sie dann in Ihr Dokument und ziehen Sie es, um es zu zeichnen. Halten Sie die Umschalttaste gedrückt, um die Linie auf Null oder 90 Grad zu fangen.

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

Zeichnen Sie benutzerdefinierte Vektorformen

Endlich, das Werkzeug für benutzerdefinierte Form. Legen Sie die Füll- und Strichfarben fest und klicken Sie dann auf Gestalten Option in der Optionsleiste. Hier können Sie aus unzähligen vordefinierten benutzerdefinierten Formen auswählen, die Photoshop bereitstellt.

Um mehr Formen als die ursprüngliche Auswahl hinzuzufügen, klicken Sie auf die Einstellungen Wählen Sie eine Kategorie aus, die Sie hinzufügen möchten. Es gibt Formen für alle Verwendungssymbole, 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 festzulegen.

Zeichnen von Vektoren mit dem Stiftwerkzeug

Wenn Sie Erfahrung mit Illustrator haben, wissen Sie, dass Sie das Paintbrush-Tool zum Freihandzeichnen verwenden. Photoshop verfügt über ein Pinselwerkzeug, das eine ähnliche Aufgabe erfüllt. In Photoshop ist das Werkzeug jedoch nicht vektorbasiert. Sie sollten es daher nicht zum Zeichnen verwenden. Sie sollten das verwenden Stiftwerkzeug stattdessen.

Das Stiftwerkzeug ist eine der leistungsfähigsten Funktionen in Photoshop. Sie werden in Photoshop häufig für die Fotobearbeitung verwendet. Fotobearbeitung in Photoshop erlernen: Grundlagen in einer Stunde erlernen Lernen Sie Fotobearbeitung in Photoshop: Grundlagen in 1 Stunde erhalten Photoshop ist ein einschüchterndes Programm - aber nur eine Sie können alle Grundlagen erlernen. Schnappen Sie sich ein Foto, das Sie bearbeiten möchten, und los geht's! Lesen Sie mehr, da Sie damit sehr genaue 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 erstellen, wenn Sie auf die Leinwand klicken. Fügen Sie dem Pfad einen Strich hinzu, und Sie können eine Kontur zeichnen. Wenn Sie eine Füllung hinzufügen, können Sie ein festes Objekt zeichnen. Weitere Informationen finden Sie in unserer vollständigen Anleitung zur Verwendung des Stiftwerkzeugs. Verwendung des Photoshop-Stiftwerkzeugs. Verwendung des Photoshop-Stiftwerkzeugs Weitere Informationen .

Hier ist eine kurze Einführung zum Einstieg:

1. Wähle aus Stiftwerkzeug (P). Klicken Sie auf die Bildleinwand, um einen Ankerpunkt abzulegen.
2. Bewegen Sie den Cursor ein paar Zentimeter und klicken Sie erneut, um einen anderen Ankerpunkt abzulegen. Ein Pfad wird erstellt, um die beiden zu verbinden. Setzen Sie den Strich auf 5px, schwarz, damit Sie ihn besser sehen können.
3. Klicken Sie mehrmals auf, um den Pfad zu entwickeln. Klicken und ziehen Sie, um einen gekrümmten Pfad zu erstellen. Dies fügt dem Ankerpunkt auch Lenker hinzu. Ziehen Sie diese, um den Winkel und die Tiefe der Kurve zu steuern.
4. Klicken Eingeben um einen offenen Pfad (eine Linie) zu erstellen, oder klicken Sie auf den ersten Ankerpunkt, um einen geschlossenen Pfad (eine Form) zu erstellen..

Das Stiftwerkzeug ist so nützlich, dass Sie jederzeit Ihre Form bearbeiten können:

• Bekommen das Direktauswahl-Tool (A). Wählen Sie einen Ankerpunkt im Pfad aus und ziehen Sie ihn an eine neue Position. Verwenden Sie dieses Werkzeug mit den Lenkern eines Ankerpunkts, um auch eine Kurve zu bearbeiten.
• Wähle aus Ankerpunktwerkzeug hinzufügen Klicken und halten Sie das Stiftwerkzeug. Klicken Sie irgendwo in den Pfad, um manuell einen neuen Ankerpunkt hinzuzufügen, und ziehen Sie ihn an die gewünschte Stelle. Dies ermöglicht Ihnen die Feinabstimmung Ihrer Form.

Drei Stiftwerkzeuge

Photoshop bietet drei verschiedene Stifte zum Zeichnen an.

Das Stiftwerkzeug ist die Standardeinstellung und die flexibelste Option. Anfängern empfehlen wir, dies vor allem zum Zeichnen von Geraden zu verwenden. Wenn Sie sich weiterentwickeln, können Sie es für alles verwenden.

Das Freiform-Stiftwerkzeug ermöglicht das Freihandzeichnen, ähnlich dem Pinselwerkzeug. Es wird immer noch ein Pfad erstellt, den Sie später anpassen und bearbeiten können. Die Ankerpunkte werden beim Zeichnen automatisch generiert. Dies ist ein hervorragendes Werkzeug, wenn Sie ein Grafiktablett verwenden. Die besten Grafiktabletts und Grafikprogramme für digitales Design Die besten Grafiktabletts und Grafikprogramme für digitales Design Wir haben die besten Grafiktabletts und -software zusammengestellt, die Sie verwenden können, wenn Sie brechen möchten in Cartoons und andere Formen digitaler Kunst. Weiterlesen .

Das Curvature-Stiftwerkzeug ermöglicht das einfache Zeichnen von Kurven, ohne mit dem Lenker spielen zu müssen, wie mit dem Hauptwerkzeug.

Verfolgen Sie ein Bild als Vektor in Photoshop

Wenn Sie gelernt haben, wie Sie die verschiedenen Stiftwerkzeuge verwenden, können Sie sie zum Verfolgen von Bildern verwenden. So verwandeln Sie eine von Ihnen 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 die Option Stiftwerkzeug Platzieren Sie Ihren ersten Ankerpunkt am Rand des Objekts, das Sie verfolgen möchten. Ihre neue Zeichnung wird automatisch auf eine eigene Ebene gesetzt. Klicken Sie weiter um die Kanten herum, um Ihren Pfad zu erstellen.

Wenn das zu verfolgende Objekt vor einem einfachen Hintergrund ist, versuchen Sie es mit Freiform-Stiftwerkzeug mit dem Magnetisch Option in der Optionsleiste aktiviert. Dadurch wird der Pfad an der Objektkante angezeigt.

Arbeit mit Vektortext in Photoshop

Die Verwendung von Text in Photoshop ist ziemlich selbsterklärend. Wähle aus Horizontales Textwerkzeug (T), Klicken Sie auf die Bildleinwand, 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 konvertieren. Wählen Sie den Text aus und gehen Sie zu Typ> In Form konvertieren. Auf diese Weise können Sie auf die Ankerpunkte der einzelnen Zeichen zugreifen, um sie einzeln anzupassen. Es ist gut, um die Farbe eines einzelnen Buchstabens zu ändern oder das Aussehen der Schrift zu optimieren.

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

Vektorobjekte verwalten

Um ein Kunstwerk erstellen zu können, müssen alle diese Objekte an der richtigen Position und in der richtigen Größe sein. So machen Sie das.

• Objekte verschieben indem Sie sie mit auswählen Pfadauswahlwerkzeug (A) und ziehen sie an Ort und Stelle.
• Größe der Objekte ändern indem Sie sie mit auswählen Pfadauswahlwerkzeug dann schlagen Strg + T unter Windows oder Cmd + T auf dem Mac. Dies zeigt eine Box um das Objekt. Nehmen Sie einen Lenker am Rand und ziehen Sie ihn nach innen oder außen, um die Größe zu ändern. Halte das Verschiebung Taste, um das ursprüngliche Seitenverhältnis beizubehalten.
• Objekt drehen Halten Sie die Maus gerade außerhalb eines Lenkers, bis der Cursor zu einem Drehsymbol wird. Jetzt klicken und ziehen.
• Objekte neu anordnen Klicken Sie auf eine Ebene und ziehen Sie sie über oder unter eine andere Ebene.
• Objekte ausrichten indem Sie sie alle mit auswählen Werkzeug bewegen (V) (oder halten Verschiebung und klicken Sie auf mehrere Ebenen), und verwenden Sie dann die Ausrichtungssteuerelemente in der Optionsleiste.

Vektorgrafiken in Photoshop: Alles zusammenfügen

Jetzt wissen Sie, wie Sie alle Werkzeuge verwenden, und Sie können sie zusammenstellen, um Ihre eigenen Vektorgrafiken zu erstellen.

Photoshop ist keine echte Alternative zu Illustrator Die beste Vektorsoftware für Mac-Designer mit kleinem Budget Die beste Vektorsoftware für Mac-Designer mit kleinem Budget Adobe Illustrator könnte der Goldstandard für Vektorsoftware für den Mac sein. Es muss immer ein Vermögen für Design-Software ausgegeben werden. Lesen Sie mehr für alle, die sich mit Grafikdesign auskennen. Für einfache Dinge wie Logos, Symbole und kleine Bilder, die Sie in anderen Dokumenten verwenden möchten, ist dies mehr als ausreichend.

Verwenden Sie Photoshop für Vektorgrafiken? Welche weiteren Tipps haben Sie zum Erstellen von Vektoren in Photoshop? Teilen Sie unten Ihre Gedanken mit!

Erfahren Sie mehr über: Adobe Photoshop, Photoshop-Tutorial, Vektorgrafiken.