Krümmungsstift-Werkzeug in Photoshop CC 2018-Zeichnen von Pfaden leicht gemacht

Eine der größten neuen Funktionen in Photoshop CC 2018 ist das neue Krümmungsstiftwerkzeug., Das Krümmungsstiftwerkzeug ist eine vereinfachte Version des Standardstiftwerkzeugs von Photoshop. Damit können wir komplexe Formen und Pfade zeichnen, ohne dass Steuergriffe bearbeitet oder Tastenkombinationen gespeichert werden müssen. Die Verwendung des Krümmungsstifts ist so einfach wie das Klicken, um Punkte hinzuzufügen. Photoshop verwendet diese Punkte dann, um Ihren Pfad automatisch zu zeichnen.

Wie der Name schon sagt, zeichnet das Krümmungsstift-Werkzeug standardmäßig gekrümmte Linien. Aber wie wir sehen werden, ist es genauso einfach, gerade Linien zu zeichnen und nach Bedarf zwischen gekrümmten und geraden Linien zu wechseln., Und wie das Standard-Stiftwerkzeug können wir unsere Pfadkonturen problemlos in Auswahlkonturen konvertieren, sodass jeder, auch Anfänger, in Photoshop eine saubere, professionelle Auswahl treffen kann. Mal sehen, wie es funktioniert!

Das Krümmungsstiftwerkzeug ist nur ab Photoshop CC 2018 verfügbar, daher benötigen Sie CC 2018, um zu folgen. Wenn Sie ein Creative Cloud-Abonnent sind, erfahren Sie, wie Sie Ihre Kopie von Photoshop auf CC 2018 aktualisieren, indem Sie unser Tutorial verwenden, um Photoshop CC auf dem neuesten Stand zu halten. Lass uns anfangen!

Laden Sie dieses Tutorial als druckfertiges PDF herunter!,

Einrichten des Dokuments

Erstellen eines neuen Photoshop-Dokuments

Anstatt Ihnen nur zu sagen, wie das Krümmungsstiftwerkzeug funktioniert, lassen Sie uns die Dinge so einrichten, dass Sie mir leicht folgen können. Zunächst erstellen wir ein neues Photoshop-Dokument. Gehen Sie zum Menü Datei in der Menüleiste oben auf dem Bildschirm und wählen Sie Neu:

Hiermit wird das Dialogfeld Neues Dokument geöffnet. Stellen Sie im Bereich Voreingestellte Details rechts sowohl die Breite als auch die Höhe des neuen Dokuments auf 1000 Pixel ein., Stellen Sie die Auflösung auf 72 Pixel/Zoll ein und stellen Sie sicher, dass der Hintergrundinhalt auf Weiß eingestellt ist. Klicken Sie dann unten rechts auf die Schaltfläche Erstellen. Ein neues Dokument, gefüllt mit Weiß, wird auf dem Bildschirm geöffnet:

Einrichten der Guides

Nachdem wir unser Dokument haben, richten wir einige Guides ein, damit wir die gleichen Formen leichter zeichnen können., Gehen Sie zum Menü Ansicht in der Menüleiste und wählen Sie Neues Führungslayout:

Legen Sie im Dialogfeld Neues Führungslayout sowohl die Anzahl der Spalten als auch die Anzahl der Zeilen auf 6 fest. Stellen Sie sicher, dass der Rinnenwert sowohl für die Spalten als auch für die Zeilen entweder leer oder auf 0 gesetzt ist. Wenn Sie bereits vorhandene Guides haben, die Sie entfernen müssen, wählen Sie unten Vorhandene Guides löschen aus. Klicken Sie dann auf OK, um das Dialogfeld zu schließen:

Sie sollten nun 3 Zeilen und 3 Spalten mit Hilfslinien vor Ihrem Dokument sehen:

Zeichnen mit dem Krümmungsstift-Werkzeug

Schritt 1: Wählen Sie das Krümmungsstift-Werkzeug aus der Symbolleiste

Wenn unser Dokument jetzt eingerichtet ist, erfahren Sie, wie Sie das neue Krümmungsstift-Werkzeug in Photoshop CC 2018 verwenden. Wir wählen das Krümmungsstift-Werkzeug aus der Symbolleiste aus., Standardmäßig ist das Krümmungsstiftwerkzeug hinter dem Standardstiftwerkzeug verschachtelt, sodass Sie auf das Symbol des Stiftwerkzeugs klicken und gedrückt halten müssen, bis ein Fly-Out-Menü angezeigt wird. Wählen Sie dann das Krümmungsstiftwerkzeug aus dem Menü:

Sehen Sie das Krümmungsstift-Werkzeug nicht in der Symbolleiste? Hier ist, wo es zu finden.,

Schritt 2: Stellen Sie den Werkzeugmodus auf „Pfad“ oder „Form“ ein

Bevor Sie mit dem Krümmungsstiftwerkzeug beginnen, wählen Sie aus, ob Sie mit der Option Werkzeugmodus in der Optionsleiste einen Pfadumriss oder eine Form zeichnen möchten. Standardmäßig ist der Werkzeugmodus auf Pfad eingestellt, worauf ich ihn einstellen werde. Wenn Sie eine Form zeichnen möchten, setzen Sie die Option Werkzeugmodus auf Form. Ich finde, es ist einfacher, einen Pfad zu zeichnen, da Pfade beim Zeichnen leichter zu sehen sind und Sie Ihren Pfad einfach in eine Form konvertieren können, wenn Sie fertig sind. Wir werden später lernen, wie man das macht., Lassen Sie den Werkzeugmodus vorerst auf Path:

Schritt 3: Klicken Sie, um einen Startpunkt hinzuzufügen

Um entweder einen Pfad oder eine Form zu zeichnen, klicken Sie einmal in Ihrem Dokument, um einen Startpunkt festzulegen. Ich klicke auf die Stelle, an der sich die vertikale Führung in der Mitte und die horizontale Führung entlang der Unterseite schneiden. Beachten Sie, dass an der Stelle, an der Sie geklickt haben, ein kleines Quadrat angezeigt wird., Dies wird als Ankerpunkt bezeichnet,da die Position des Pfads im Dokument verankert wird:

Schritt 4: Fügen Sie einen zweiten Punkt hinzu, um eine gerade Linie zu zeichnen

Klicken Sie anschließend auf, um einen zweiten Ankerpunkt hinzuzufügen. Ich klicke dort, wo sich die vertikale Führung links und die horizontale Führung in der Mitte schneiden. Beachten Sie, dass Photoshop, obwohl das Werkzeug als Krümmungsstiftwerkzeug bezeichnet wird, eine gerade Linie, die als Pfadsegment bezeichnet wird, zwischen den beiden Punkten zeichnet., Der Grund dafür ist, dass das Zeichnen einer Kurve drei Punkte erfordert.einer für den Anfang der Kurve, einer für das Ende und einer in der Mitte. Der Punkt in der Mitte bestimmt den Winkel oder Bogen der Kurve. Ohne diesen mittleren Punkt kann Photoshop nur eine gerade Linie zeichnen:

Schritt 5: Fügen Sie einen dritten Punkt hinzu, um eine Kurve zu zeichnen

Klicken Sie mit dem Krümmungsstift-Werkzeug, um einen dritten Punkt hinzuzufügen. Ich klicke dort, wo sich die obere horizontale Führung und die mittlere vertikale Führung schneiden., Sobald Sie auf den dritten Punkt klicken, wird die gerade Linie zu einer gekrümmten Linie:

Ändern der Dicke und Farbe des Pfades

Wenn Sie Probleme haben, Ihre Pfadumrisse zu sehen, können Sie sowohl die Farbe als auch die Dicke des Pfades anpassen, indem Sie auf das Zahnradsymbol in der Optionsleiste klicken:

Hiermit wird das Dialogfeld Pfadoptionen geöffnet, in dem Sie die Dicke des Pfadumrisses von 0,5 auf 3 Pixel ändern können. Sie können auch eine andere Farbe für den Pfad auswählen. Ich setze die Dicke auf 3 px und die Farbe auf Magenta. Beachten Sie, dass diese Einstellungen nur dazu dienen, Ihren Pfad während der Arbeit anzuzeigen. Sie haben keinen Einfluss auf das tatsächliche Erscheinungsbild des Pfads im Dokument. Um das Dialogfeld Pfadoptionen zu schließen, klicken Sie erneut auf das Zahnradsymbol:

Und jetzt sehen wir, dass sich sowohl die Dicke als auch die Farbe meines Pfades geändert haben:

Schritt 6: Klicken Sie, um weitere Punkte hinzuzufügen

Um Ihren Pfad oder Ihre Form weiter zu zeichnen, klicken Sie einfach, um weitere Punkte hinzuzufügen. Sobald Sie mit dem Zeichnen einer gekrümmten Linie durch Hinzufügen eines dritten Punktes begonnen haben, zeichnen alle zusätzlichen Punkte, die Sie hinzufügen, standardmäßig auch eine Kurve. Ich füge einen vierten Ankerpunkt hinzu, indem ich klicke, wo sich die vertikale Linie entlang der rechten und die horizontale Führung in der Mitte schneiden., Dadurch wird ein neues Pfadsegment zwischen dem dritten und vierten Punkt hinzugefügt und die Kurve erweitert:

Schritt 7: Klicken Sie auf den Startpunkt, um den Pfad zu schließen

Um Ihren Pfad zu schließen, klicken Sie erneut auf Ihren ursprünglichen Startpunkt. Wir haben jetzt mit dem Krümmungsstift-Werkzeug einen kompletten Kreis gezeichnet, indem wir einfach geklickt haben:

Umformung des Pfadumrisses

Verschieben eines vorhandenen Ankerpunkts

Wir haben unseren Pfad gezeichnet, aber wir können an dieser Stelle leicht zurückgehen und ihn neu gestalten. In der Tat gibt es ein paar Möglichkeiten, es zu tun. Eine Möglichkeit besteht darin, mit dem Krümmungsstift-Werkzeug auf einen vorhandenen Ankerpunkt zu klicken, um ihn auszuwählen, und dann den Punkt an eine neue Position zu ziehen. Hier ziehe ich den oberen Ankerpunkt zwei vertikale Führungen nach rechts:

Hinzufügen weiterer Ankerpunkte

Wir können dem vorhandenen Pfad auch weitere Ankerpunkte hinzufügen. Um einen neuen Punkt hinzuzufügen, klicken Sie auf eine beliebige Stelle entlang der Pfadskizze. Ziehen Sie dann den neuen Punkt, um den Pfad neu zu gestalten. Ich klicke oben links im Pfad, um einen neuen Punkt hinzuzufügen:

Um den Pfad neu zu gestalten, ziehe ich den neuen Punkt in die obere linke Ecke, wo sich die Rasterlinien schneiden:

Ich klicke auch, um ganz oben im Pfad einen neuen Ankerpunkt hinzuzufügen, und ziehe dann den neuen Punkt nach unten, wo sich die Rasterlinien knapp über der Mitte treffen:

Umschalten zwischen Kurvenpunkten und Eckpunkten

Bisher waren alle Ankerpunkte, die wir mit dem Krümmungsstift-Werkzeug hinzugefügt haben, Kurvenpunkte (auch als glatte Punkte bezeichnet). Das heißt, der Pfad umreißt Kurven, wie es durch den Punkt geht., Eine andere Möglichkeit, die Form eines Pfades zu ändern, besteht darin, einen Kurvenpunkt in einen Eckpunkt umzuwandeln. Um von einem Kurvenpunkt zu einem Eckpunkt zu wechseln, doppelklicken Sie auf einen vorhandenen Kurvenpunkt.

Ich doppelklicke auf den Punkt, den ich gerade in der oberen Mitte hinzugefügt habe, und jetzt sehen wir, dass anstelle einer glatten Kurve der Pfadumriss an diesem Punkt abrupt die Richtung ändert. Um von einem Eckpunkt zurück zu einem Kurvenpunkt zu wechseln, doppelklicken Sie erneut auf den Punkt:

Einen Punkt löschen

Um einen Ankerpunkt zu löschen, klicken Sie mit dem Curvature Pen-Werkzeug darauf, um ihn auszuwählen, und drücken Sie dann die Backspace-Taste (Win) / Delete (Mac) auf Ihrer Tastatur. Hier habe ich den Punkt in der oberen Mitte gelöscht und jetzt ist der Pfad in die gleiche Form zurückgekehrt, in der er sich befand, bevor der Punkt hinzugefügt wurde:

Löschen eines gesamten Pfads

Um Ihren gesamten Pfad zu löschen, klicken Sie mit der rechten Maustaste (Win) / Strg-Klick (Mac) im Dokument und wählen Sie dann Pfad löschen aus dem Menü. Sie löschen auch den gesamten Pfad, indem Sie die Rücktaste (Win) / Delete (Mac) auf Ihrer Tastatur drücken, wenn keine Ankerpunkte ausgewählt sind:

Ich lösche meinen Pfad, damit ich nur zu meinem leeren Dokument und meinen Handbüchern zurückkehre:

Zeichnen von geraden Pfadsegmenten mit dem Krümmungsstiftwerkzeug

Der Hauptvorteil des Krümmungsstiftwerkzeugs besteht darin, dass gekrümmte Pfadkonturen einfach gezeichnet werden können. Wir können damit aber auch genauso einfach gerade Linien zeichnen. Wir haben bereits gesehen, dass wir einen Kurvenpunkt durch Doppelklicken in einen Eckpunkt umwandeln können. Wenn wir jedoch im Voraus wissen, dass wir eine gerade Linie zeichnen müssen, müssen wir zuerst keinen Kurvenpunkt zeichnen und ihn dann konvertieren. Doppelklicken Sie stattdessen einfach auf den neuen Punkt, anstatt ihn mit einem Klick hinzuzufügen. Photoshop fügt den Punkt automatisch als Eckpunkt hinzu.,

Angenommen, wir möchten mit dem Krümmungsstift-Werkzeug einen rechteckigen Pfadumriss zeichnen. Beginnen Sie mit einem Klick, um einen Startpunkt für den Pfad festzulegen. Ich klicke in die untere linke Ecke:

Doppelklicken Sie dann, da wir wissen, dass der nächste Punkt ein Eckpunkt sein soll, anstatt ihn mit einem Klick hinzuzufügen. Ich doppelklicke auf zwei horizontale Führungen über meinem Startpunkt:

Um den dritten Punkt zur rechteckigen Form hinzuzufügen, doppelklicke ich erneut, um ihn als Eckpunkt hinzuzufügen. Beachten Sie, dass Photoshop, da wir die Punkte als Eckpunkte hinzufügen, sie mit geraden Pfadsegmenten anstelle von Kurven verbindet:

Ich füge einen vierten Eckpunkt hinzu, indem ich in der unteren rechten Ecke doppelklicke. Auch hier fügt Photoshop ein weiteres gerades Pfadsegment hinzu:

Um den Pfad abzuschließen, doppelklicke ich auf den ursprünglichen Startpunkt und Photoshop fügt das verbleibende gerade Segment hinzu:

Konvertieren eines geraden Pfadsegments in einen Bogen

Was ist, wenn Sie anstelle einer flachen horizontalen Linie oben auf dem Pfad einen Bogen wünschen? Mit dem Krümmungsstift-Werkzeug ist es einfach. Alles, was Sie tun müssen, ist auf eine beliebige Stelle entlang des oberen Pfadsegments zu klicken, um einen neuen Ankerpunkt hinzuzufügen:

Ziehen Sie dann den neuen Punkt nach oben, um den Bogen zu erstellen:

Verschieben mehrerer Ankerpunkte auf einmal

Bisher haben wir gelernt, dass wir einen einzelnen Ankerpunkt verschieben können, indem wir ihn mit dem Krümmungsstift-Werkzeug anklicken und ziehen. Aber was ist, wenn wir zwei oder mehr Ankerpunkte gleichzeitig verschieben müssen? In diesem Fall können wir das Direktauswahl-Tool von Photoshop verwenden. Sie finden das Direktauswahlwerkzeug, auch als „Weißpfeilwerkzeug“ bekannt, verschachtelt hinter dem Pfadauswahlwerkzeug (dem „Schwarzen Pfeilwerkzeug“) in der Symbolleiste., Klicken und halten Sie das Pfadauswahlwerkzeug gedrückt, bis ein Fly-out-Menü angezeigt wird, und wählen Sie dann das Direktauswahlwerkzeug aus dem Menü:

Angenommen, wir möchten die Höhe unseres Pfades ändern. Wir müssen alle drei Ankerpunkte auswählen, aus denen der obere Teil besteht (der Punkt oben links, der obere rechts und der Punkt oben im Bogen)., Um alle drei Punkte gleichzeitig auszuwählen, klicken und ziehen Sie mit dem Direktauswahlwerkzeug ein Feld um alle drei Punkte:

Klicken Sie dann mit allen drei oben ausgewählten Punkten auf einen von ihnen und ziehen Sie alle drei zusammen nach unten:

Um zum Krümmungsstiftwerkzeug zurückzukehren, wählen Sie es in der Symbolleiste erneut aus:

Um den Pfad zu löschen, damit wir von vorne beginnen können, klicken Sie mit der rechten Maustaste (Win) / Control-click (Mac) im Dokument und wählen Sie Pfad löschen aus dem Menü:

Laden Sie dieses Tutorial als druckfertiges PDF herunter!,

Zeichnen eines Herzens mit dem Krümmungsstiftwerkzeug

Nehmen wir abschließend das, was wir über Kurven-und Eckpunkte gelernt haben, und zeichnen damit einen Pfad in Form eines Herzens. Wenn wir fertig sind, beenden wir dieses Tutorial, indem wir lernen, wie man den Pfad in eine tatsächliche Form verwandelt, sowie eine Vektormaske und eine Auswahlskizze.

Klicken Sie zuerst in der unteren Mitte mit dem Krümmungsstiftwerkzeug, um Ihren Startpunkt festzulegen:

Klicken Sie dann oben links, wo sich die erste vertikale Führung links mit der zweiten horizontalen Führung von oben schneidet. Dies fügt einen zweiten Punkt hinzu, und da wir derzeit nur zwei Punkte haben, zeichnet Photoshop ein gerades Pfadsegment zwischen ihnen:

Um den dritten Punkt hinzuzufügen, klicken Sie dort, wo sich die obere horizontale Führung mit der zweiten vertikalen Führung von links schneidet., Da dies unser dritter Punkt ist, konvertiert Photoshop das gerade Pfadsegment in eine Kurve:

Wir müssen unseren vierten Punkt an der Stelle hinzufügen, an der die zweite horizontale Führung von oben auf die vertikale Führung in der Mitte trifft. Da wir jedoch wissen, dass dieser Punkt ein Eckpunkt und kein Kurvenpunkt sein muss, doppelklicken Sie darauf, um ihn hinzuzufügen:

Klicken Sie als Nächstes dort, wo sich die obere horizontale Führung mit der zweiten vertikalen Führung von rechts schneidet. Obwohl wir diesen Punkt als Kurvenpunkt hinzufügen (durch einfaches Klicken), zeichnet Photoshop zunächst ein gerades Pfadsegment. Das liegt daran, dass unser vorheriger Punkt ein Eckpunkt war:

Um den nächsten Punkt hinzuzufügen, klicken Sie dort, wo die erste vertikale Führung von rechts auf die zweite horizontale Führung von oben trifft., Photoshop konvertiert den geraden Pfad erneut in eine Kurve:

Schließen wir schließlich den Pfad und vervollständigen unsere Herzform, indem wir unten auf den anfänglichen Startpunkt klicken. Wir brauchen diesen Punkt, um ein Eckpunkt zu sein, keine Kurve, also vervollständigen Sie den Pfad, indem Sie auf den Startpunkt doppelklicken:

Schalten Sie die Führungen aus

Wir sind mit dem Krümmungsstiftwerkzeug fertig, also entfernen wir die Führungen, indem wir zum Menü Ansicht in der Menüleiste gehen, Show auswählen und dann Guides auswählen, um sie abzuwählen:

Dies lässt uns nur unseren Pfad zurück:

Konvertieren des Pfads in eine Auswahl, Maske oder Form

Nachdem wir unseren Pfad gezeichnet haben, macht Photoshop es einfach, den Pfad entweder in eine Auswahlskizze, eine Vektormaske oder eine Form umzuwandeln. Wenn das Krümmungsstiftwerkzeug noch aktiv ist, finden Sie alle drei Optionen in der Optionsleiste. Wählen Sie einfach die gewünschte aus:

Auswahlumriss

Um Ihren Pfad in einen Auswahlumriss umzuwandeln, wählen Sie Auswahl:

Photoshop öffnet das Dialogfeld Auswahl treffen. Hier können Sie der Auswahl bei Bedarf etwas Federung hinzufügen oder einfach auf OK klicken, um das Dialogfeld zu schließen:

Photoshop wandelt Ihren Pfadumriss sofort in einen Auswahlumriss für „marschierende Ameisen“ um:

Ich mache es rückgängig, damit wir uns die beiden anderen Optionen ansehen können, indem wir zum Menü Bearbeiten gehen und Auswahländerung rückgängig machen auswählen. Ich könnte auch einfach Strg+Z (Win) / Befehl+Z (Mac) auf meiner Tastatur drücken:

Vektormaske

Um eine Vektormaske aus Ihrer Pfadskizze zu erstellen, wählen Sie in der Optionsleiste Maske:

Photoshop konvertiert den Pfad in eine Vektormaske, wobei nur der Bereich innerhalb des Pfads im Dokument sichtbar bleibt. Das Schachbrettmuster, das jetzt den Pfad umgibt, repräsentiert Transparenz, da wir keine anderen Ebenen unter der Maske haben:

Und wenn wir im Ebenenbedienfeld nachsehen, sehen wir jetzt eine Miniaturansicht der Vektormaske:

Ich mache die Vektormaske rückgängig, damit wir uns die dritte Option ansehen können, indem wir zum Menü Bearbeiten gehen und Vektormaske rückgängig machen auswählen. Oder ich könnte einfach Strg+Z (Win) / Befehl+Z (Mac) auf meiner Tastatur drücken:

Formebene

Um einen mit dem Krümmungsstiftwerkzeug gezeichneten Pfad in eine Formebene umzuwandeln, wählen Sie Shape:

Photoshop füllt die neue Form mit Ihrer aktuellen Vordergrundfarbe, die in meinem Fall schwarz ist:

Wenn wir im Ebenenbedienfeld erneut nachsehen, sehen wir jetzt eine neue Formebene., Um die Farbe der Form zu ändern, doppelklicken Sie auf die Miniaturansicht der Form:

wählen Sie Dann eine neue Farbe aus der Farbauswahl auswählen. Da wir eine Herzform gezeichnet haben, wähle ich einen Rotton. Klicken Sie auf OK, wenn Sie fertig sind, um die Farbauswahl zu schließen:

Um den Pfadumriss um die Form herum auszublenden, drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur., Oder wählen Sie einfach ein anderes Werkzeug aus der Symbolleiste. Hier ist meine Herzform, die jetzt mit Rot gefüllt ist:

Und da haben wir es! Das ist unsere Schritt-für-Schritt-Anleitung zum Zeichnen von Pfaden und Formen mit dem neuen Krümmungsstiftwerkzeug in Photoshop CC 2018! Schauen Sie sich auch die neuen umfangreichen Tooltipps in Photoshop CC 2018 an. Besuchen Sie unsere Photoshop Basics Abschnitt für ähnliche Tutorials!