Photoshop
Zeichnen benutzerdefinierter Formen mit dem Formenbedienfeld in Photoshop CC 2020
Erfahren Sie, wie Sie mit dem neuen Bedienfeld „Formen“ benutzerdefinierte Formen in Photoshop zeichnen und wo Sie Hunderte neuer Formen finden, die jetzt in Photoshop CC 2020 enthalten sind!
Wenn Sie ein Fan von Vektorformen sind, werden Sie Photoshop CC 2020 lieben. CC 2020 führt nicht nur das neue Formenbedienfeld ein, sondern enthält auch Hunderte brandneuer benutzerdefinierter Formen!
In diesem Tutorial zeige ich Ihnen, wo Sie das Formenbedienfeld finden, wie Sie auf über 380 neue Formen zugreifen und wie Sie Formen per Drag & Drop in Ihr Dokument zeichnen. Außerdem vergleichen wir das Formenbedienfeld mit dem Werkzeug für benutzerdefinierte Formen von Photoshop und erfahren, warum das Zeichnen von Formen mit dem Formenbedienfeld so viel einfacher ist. Außerdem lernen Sie einfache Tricks kennen, mit denen Sie Formen auf unterschiedliche Weise kombinieren können, z.
Um mitzumachen, benötigen Sie Photoshop CC 2020. Wenn Sie Photoshop CC bereits verwenden, stellen Sie sicher, dass Ihre Kopie auf dem neuesten Stand ist.
Lass uns anfangen!
Laden Sie dieses Tutorial als druckfertiges PDF herunter!
Das Dokument-Setup
Um mitzumachen, brauchen Sie nur ein neues, leeres Photoshop-Dokument, wie ich es hier verwende:
Ein leeres Photoshop-Dokument.
Formen mit dem Custom Shape Tool zeichnen
Bevor wir uns das neue Bedienfeld „Formen“ und die neuen Möglichkeiten zum Zeichnen von Formen in Photoshop CC 2020 ansehen, sollte ich darauf hinweisen, dass die traditionelle Art des Zeichnens von Formen mit dem Werkzeug für benutzerdefinierte Formen immer noch funktioniert.
Das einzige Problem bei der Verwendung des Werkzeugs für benutzerdefinierte Formen besteht darin, dass Sie zunächst auf die Standardformen beschränkt sind. Sie haben erst dann Zugriff auf alle neuen Formen, die in CC 2020 enthalten sind, wenn Sie sie aus dem Formenbedienfeld laden. Werfen wir einen kurzen Blick auf die Verwendung des benutzerdefinierten Formwerkzeugs.
Weitere Informationen: Was ist der Unterschied zwischen Vektorformen und Pixelformen?
Schritt 1: Wählen Sie das benutzerdefinierte Formwerkzeug
Um das benutzerdefinierte Formwerkzeug auszuwählen, klicken und halten Sie das Symbol des Rechteckwerkzeugs in der Symbolleiste, bis ein Flyout-Menü angezeigt wird, und wählen Sie dann das benutzerdefinierte Formwerkzeug aus dem Menü:
Auswählen des benutzerdefinierten Formwerkzeugs aus der Symbolleiste.
Schritt 2: Wählen Sie eine benutzerdefinierte Form
Öffnen Sie dann in der Optionsleiste die Auswahl für benutzerdefinierte Formen, indem Sie auf die Miniaturansicht der aktuellen Form klicken:
Klicken Sie auf die Miniaturansicht der Form.
Und hier finden wir die neuen Standardformen, die in Photoshop CC 2020 enthalten sind. Die neuen Formen sind in Sets gruppiert, und jedes Set wird durch einen Ordner dargestellt.
Um einen der Standardsätze zu öffnen oder zu schließen, klicken Sie auf den Pfeil links neben seinem Ordner. Ich öffne das Wild Animals Set:
Klicken Sie auf den Pfeil, um einen Formsatz zu öffnen.
Wählen Sie dann eine Form aus, indem Sie auf die Miniaturansicht klicken. Ich wähle die Löwenform:
Wählen Sie eine der Wild Animal-Formen.
Schritt 3: Stellen Sie den Werkzeugmodus auf Form
Bevor Sie mit dem Zeichnen Ihrer Form beginnen, stellen Sie sicher, dass der Werkzeugmodus in der Optionsleiste auf Form und nicht auf Pfad oder Pixel eingestellt ist:
Einstellen des Werkzeugmodus auf Form.
Schritt 4: Zeichnen Sie Ihre Form
Klicken und ziehen Sie dann einfach in das Dokument, um die Form zu zeichnen. Um das ursprüngliche Seitenverhältnis der Form beizubehalten, halten Sie beim Ziehen die Umschalttaste auf Ihrer Tastatur gedrückt.
Sie können die Form von ihrer Mitte aus zeichnen, indem Sie die Alt- (Win) / Wahltaste (Mac) gedrückt halten, nachdem Sie mit dem Ziehen begonnen haben. Und um die Form beim Zeichnen zu verschieben, halten Sie die Leertaste gedrückt, ziehen Sie die Form an ihren Platz, lassen Sie dann die Leertaste los und ziehen Sie weiter:
Ziehen Sie eine der benutzerdefinierten Formen in Photoshop CC 2020 heraus.
Lassen Sie die Maustaste los, um die Form zu vervollständigen. Photoshop füllt sie dann mit Farbe:
Photoshop füllt die Form, wenn Sie die Maustaste loslassen.
Und im Ebenenbedienfeld wird die neue Form auf einer eigenen Formebene angezeigt. Wir wissen, dass es sich um eine Formebene handelt, an der quadratischen Pfadkontur unten rechts in der Vorschau der Ebenenvorschau:
Das Ebenenbedienfeld mit der Formebene.
Schritt 5: Ändern Sie die Größe der Form mit Free Transform
Nachdem Sie Ihre Form mit dem Werkzeug für benutzerdefinierte Formen gezeichnet haben, können Sie die Größe ändern, indem Sie in der Menüleiste zum Menü Bearbeiten gehen und Freier Transformationspfad wählen.
Freier Transformationspfad entspricht dem Standardbefehl Freie Transformation. Es hat nur einen anderen Namen, wenn Sie mit Formebenen arbeiten:
Gehen Sie zu Bearbeiten> Freier Transformationspfad.
Klicken Sie dann auf einen der Ziehpunkte und ziehen Sie ihn, um die Größe der Form nach Bedarf zu ändern:
Ziehen Sie die Transformationsgriffe, um die Größe der Form zu ändern.
Klicken Sie auf das Häkchen in der Optionsleiste, um den Befehl Pfad frei transformieren zu beenden, wenn Sie fertig sind:
Klicken Sie auf das Häkchen in der Optionsleiste.
Schritt 6: Wählen Sie eine andere Farbe für die Form
Um die Farbe Ihrer Form zu ändern, klicken Sie in der Optionsleiste auf das Farbfeld Füllfarbe:
Klicken Sie auf das Farbfeld Füllfarbe.
Klicken Sie dann im Dialogfeld Fülltyp auf eine neue Farbe. Oder verwenden Sie die Symbole oben im Dialogfeld, um zwischen Farb-, Verlaufs- oder Musterfüllungen zu wechseln. Das Symbol oben rechts öffnet den Farbwähler von Photoshop, in dem Sie eine benutzerdefinierte Farbe für Ihre Form auswählen können:
Auswählen einer neuen Formfarbe.
Photoshop aktualisiert die Form sofort mit der neuen Farbe:
Die Form wird mit der neuen Farbe gefüllt.
So löschen Sie eine Form
Um eine Form zu löschen, wählen Sie die Formebene im Ebenenbedienfeld aus und drücken Sie dann die Rücktaste (Win) / Entf (Mac) auf Ihrer Tastatur.
Oder klicken Sie auf die Formebene und ziehen Sie sie nach unten auf den Papierkorb. Und das sind die Grundlagen zum Zeichnen von Formen mit dem Werkzeug für benutzerdefinierte Formen in Photoshop:
Ziehen Sie die Formebene in den Papierkorb.
Laden Sie dieses Tutorial als druckfertiges PDF herunter!
Das neue Formenbedienfeld in Photoshop CC 2020
Neu in Photoshop CC 2020 ist das Formenbedienfeld. Das Shapes-Bedienfeld ist nicht nur das neue Zuhause für all Ihre benutzerdefinierten Formen, sondern bietet auch die Möglichkeit, Hunderte von zusätzlichen Formen zu laden, die in Photoshop CC 2020 enthalten sind.
Wo finde ich das Formenbedienfeld?
Um das Formenbedienfeld zu öffnen, gehen Sie in der Menüleiste zum Menü „Fenster“ und wählen Sie „Formen“:
Gehen Sie zu Fenster > Formen.
Die Standardformsätze
Im Formenbedienfeld finden Sie dieselben Standardformsätze, die wir zuvor mit dem Werkzeug für benutzerdefinierte Formen gesehen haben. Klicken Sie auf den Pfeil links neben einem Ordner, um ein Set zu öffnen oder zu schließen, und klicken Sie dann auf eine Miniaturansicht, um eine Form auszuwählen:
Die neuen Standardformen im Bedienfeld „Formen“.
So ändern Sie die Größe der Miniaturansicht der Form
Um die Größe der Formminiaturen zu ändern, klicken Sie auf das Menüsymbol des Formenbedienfelds:
Klicken Sie auf das Menüsymbol.
Wählen Sie dann Kleine Miniaturansicht oder Große Miniaturansicht aus dem Menü. Sie können auch Kleine Liste oder Große Liste auswählen, um die Namen der Formen zusammen mit ihren Miniaturansichten anzuzeigen:
Die Optionen für die Miniaturansichtsgröße.
Deine letzten Formen
Oben im Bedienfeld „Formen“ befindet sich eine Zeile mit Ihren zuletzt verwendeten Formen. Klicken Sie auf eine beliebige Miniaturansicht in der Zeile, um die Form erneut auszuwählen:
Die zuletzt verwendeten Formen.
Oder wenn Sie die zuletzt verwendeten Formen lieber ausblenden möchten, klicken Sie auf das Menüsymbol des Formenbedienfelds und dann auf „Letzte Formen anzeigen“, um die Auswahl aufzuheben:
Die Option Letzte anzeigen.
So laden Sie mehr Formen in Photoshop CC 2020
Neben den neuen Standardformen enthält Photoshop CC 2020 auch Hunderte von zusätzlichen Formen, die alle in CC 2020 brandneu sind. Und es enthält alle Formen aus früheren Versionen von Photoshop.
Um weitere Formen zu laden, klicken Sie auf das Menüsymbol des Formenbedienfelds:
Klicken Sie auf das Menüsymbol.
Und wählen Sie dann Legacy-Shapes und mehr:
Auswahl älterer Formen und mehr.
Unter den Standardordnern wird ein neuer Ordner für Legacy Shapes and More angezeigt:
Der Ordner Legacy Shapes and More.
Drehen Sie den Ordner auf und Sie finden darin zwei neue Ordner. Die erste enthält alle neuen Formen in CC 2020 und die zweite enthält alle älteren Formen aus früheren Photoshop-Versionen:
Die neuen und alten Shapes-Ordner.
Im Ordner Shapes 2019 finden Sie Sets für Blätter und Bäume, Seen und Hügel, Menschen, Tiere, Gebäude, Fahrzeuge, Spiele, Dinosaurier und mehr. Verwenden Sie die Bildlaufleiste rechts, um durch die Liste zu blättern:
Scrollen durch alle neuen Formsätze.
Verwenden der neuen Formen mit dem Werkzeug für benutzerdefinierte Formen
Nachdem Sie die zusätzlichen Formen in das Bedienfeld „Formen“ geladen haben, sind diese Formen bei der nächsten Verwendung des Werkzeugs „Benutzerdefinierte Formen“ in der Optionsleiste verfügbar:
Die neuen Formen können jetzt mit dem Werkzeug für benutzerdefinierte Formen verwendet werden.
So verzerren Sie Bilder mit dem Warp-Tool in verschiedene Formen
So zeichnen Sie Formen mit dem Formenbedienfeld
Das Zeichnen einer Form aus dem Formenbedienfeld ist einfach. Tatsächlich ist es schneller und einfacher als das Zeichnen mit dem benutzerdefinierten Formwerkzeug.
Schritt 1: Ziehen Sie eine Form aus dem Formenbedienfeld und legen Sie sie ab
Klicken Sie einfach auf die Miniaturansicht einer Form im Formenbedienfeld und ziehen Sie sie dann per Drag & Drop in Ihr Dokument:
Ziehen und Ablegen einer Form aus dem Formenbedienfeld.
Lassen Sie die Maustaste los und Photoshop zeichnet die Form sofort. Eine nette Funktion des Formenbedienfelds ist, dass Formen automatisch mit dem richtigen Seitenverhältnis gezeichnet werden, sodass Sie die Umschalttaste nicht gedrückt halten müssen, wie wir es beim Zeichnen mit dem Werkzeug für benutzerdefinierte Formen tun:
Die Form wird sofort angezeigt.
Schritt 2: Ändern Sie die Größe der Form mit Free Transform
Ein weiterer Vorteil der Verwendung des Bedienfelds „Formen“ besteht darin, dass Photoshop das Feld „Freie Transformation“ automatisch um die Form herum platziert. Ziehen Sie einfach die Ziehpunkte, um die Größe der Form nach Bedarf zu ändern:
Ändern Sie die Größe der Form mit den Griffen für die freie Transformation
Klicken Sie dann auf das Häkchen in der Optionsleiste, um die Änderungen zu übernehmen und Free Transform zu beenden:
Anklicken des Häkchens.
Und im Ebenenbedienfeld wird die Form auf einer eigenen Formebene angezeigt:
Das Ebenenbedienfeld mit der neuen Form.
Schritt 3: Wählen Sie eine Farbe für die Form
Um die Farbe der Form zu ändern, doppelklicken Sie auf die Vorschauminiatur der Form im Ebenenbedienfeld:
Doppelklicken Sie auf die Miniaturansicht der Formebene.
Und dann wählen Sie eine neue Farbe aus dem Farbwähler:
Auswählen einer neuen Formfarbe aus dem Farbwähler.
Klicken Sie auf OK, um den Farbwähler zu schließen und die neue Farbe anzuwenden:
Die neue Farbe aus dem Color Picker.
Formfarben aus dem Farbfeldbedienfeld auswählen
In Photoshop CC 2020 können Sie die Farbe einer Form auch über das Farbfeldbedienfeld ändern. Das Farbfeldbedienfeld ist mit dem Farbbedienfeld sowie den Farbverläufen und Musterbedienfeldern gruppiert, die ebenfalls neu in CC 2020 sind.
Öffnen Sie im Farbfeldbedienfeld einen der Farbfelder, um eine Farbe auszuwählen:
Auswählen einer Farbe im Farbfeldbedienfeld.
Ziehen Sie dann einfach die Farbe aus dem Farbfeldbedienfeld auf die Form. Stellen Sie sicher, dass Sie direkt auf die Form ziehen, sonst fügen Sie die Farbe der falschen Ebene hinzu:
Ziehen einer Farbe aus dem Farbfeldbedienfeld auf die Form.
Lassen Sie die Maustaste los und die Form wird sofort mit der neuen Farbe aktualisiert:
Das Ergebnis nach dem Ziehen der Farbe auf die Form.
Erfahren Sie mehr: Erstellen Sie Ihre eigenen Farbfelder aus Bildern!
Füllen der Form mit einem Farbverlauf oder Muster
Sie können auch einen Verlauf aus dem Verlaufsbedienfeld oder ein Muster aus dem Musterbedienfeld auf die Form ziehen und dort ablegen.
Zum Beispiel wechsle ich zum Verlaufsbedienfeld und öffne eines der neuen Verlaufssets:
Auswählen eines Farbverlaufs im Farbverlaufsbedienfeld.
Dann ziehe ich eine der Verlaufsminiaturen per Drag & Drop auf die Form:
Ziehen eines Farbverlaufs aus dem Farbverlaufsbedienfeld auf die Form.
Und Photoshop füllt die Form sofort mit den Farben aus dem Verlauf:
Das Ergebnis nach dem Ziehen des Verlaufs auf die Form.
Erfahren Sie mehr: So füllen Sie eine Form mit einem Foto!
So zeichnen Sie mehrere Formen auf derselben Ebene
Standardmäßig platziert Photoshop jede Form auf einer eigenen separaten Ebene. Mit dem Formenbedienfeld können wir Formen jedoch auch auf unterschiedliche Weise kombinieren. Eine Möglichkeit besteht darin, mehrere Formen auf derselben Ebene zu zeichnen. Dies ist praktisch, wenn alle Formen dieselbe Füllung haben müssen.
Um einer vorhandenen Formebene eine neue Form hinzuzufügen, halten Sie zuerst die Umschalttaste auf Ihrer Tastatur gedrückt. Ziehen Sie dann bei gedrückter Taste eine andere Form aus dem Bedienfeld „Formen“ und legen Sie sie direkt auf eine vorhandene Form ab.
Indem Sie direkt auf die Form selbst ziehen, teilen Sie Photoshop mit, zu welcher Formebene die neue Form hinzugefügt werden soll:
Ziehen und Ablegen einer zweiten Form aus dem Formenbedienfeld.
Verwenden Sie das Feld „Freie Transformation“ und die Griffe, um die Größe der neuen Form nach Bedarf zu ändern und neu zu positionieren, und klicken Sie dann auf das Häkchen in der Optionsleiste, um sie zu akzeptieren. Oder drücken Sie Enter (Win) / Return (Mac) auf Ihrer Tastatur:
Verschieben und Ändern der Größe der zweiten Form.
Obwohl es so aussieht, als hätten wir zwei Formen im Dokument, zeigt das Ebenenbedienfeld keine zwei separaten Formebenen an. Da ich beim Hinzufügen der zweiten Form meine Umschalttaste gedrückt gehalten habe, sind beide Formen jetzt Teil derselben Ebene:
Die zweite Form wurde der ursprünglichen Formebene hinzugefügt.
So wählen Sie einzelne Formen auf derselben Formebene aus
Um eine der Formen auszuwählen, stellen Sie zunächst sicher, dass Ihre Formebene im Ebenenbedienfeld aktiv ist. Wählen Sie dann das Pfadauswahlwerkzeug (der schwarze Pfeil) aus der Photoshop-Symbolleiste:
Auswählen des Pfadauswahlwerkzeugs.
Klicken Sie dann mit dem Pfadauswahlwerkzeug in die gewünschte Form. Kontrollpunkte (kleine Quadrate) werden um den Umriss der Form herum angezeigt und zeigen Ihnen an, dass die Form ausgewählt ist.
Hier habe ich die größere Form ausgewählt. Ich kann die Form jetzt mit Free Transform verschieben oder ihre Größe ändern (drücken Sie Strg + T (Win) / Befehl + T (Mac)), ohne die andere Form zu beeinflussen:
Verwenden Sie das Pfadauswahlwerkzeug, um einzelne Formen auf derselben Ebene auszuwählen.
Ändern der Füllfarbe der Formen
Alle Formen auf derselben Formebene haben dieselbe Füllung.
Wenn ich zum Beispiel einen anderen Verlauf aus dem Verlaufsbedienfeld auf eine der Formen ziehe:
Ziehen eines Farbverlaufs aus dem Farbverlaufsbedienfeld auf die kleinere Form.
Der Verlauf wird nicht nur auf diese eine Form angewendet, sondern auf beide Formen auf der Ebene:
Alle Formen auf derselben Ebene haben dieselbe Füllung.
So löschen Sie eine einzelne Form
Um eine der Formen zu löschen, wählen Sie die Form mit dem Pfadauswahlwerkzeug aus und drücken Sie dann die Rücktaste (Win) / Entf (Mac) auf Ihrer Tastatur.
Wie man eine Form von einer anderen subtrahiert
Sie können nicht nur neue Formen hinzufügen, sondern auch das Formenbedienfeld verwenden, um eine Form von einer anderen zu subtrahieren. Verwenden Sie diese Funktion, wenn Sie ein Loch durch eine Form schneiden möchten.
Halten Sie zuerst die Alt- (Win) / Wahltaste (Mac) auf Ihrer Tastatur gedrückt. Ziehen Sie dann bei gedrückter Taste eine Form aus dem Bedienfeld „Formen“ auf eine vorhandene Form.
Ich ziehe eine andere Herzform auf meine ursprüngliche:
Ziehen einer Form auf eine vorhandene Form, während Sie Alt (Win) / Wahltaste (Mac) gedrückt halten.
Und dieses Mal verwendet Photoshop die neue Form, um ein Loch durch die ursprüngliche Form zu schneiden:
Die zweite Form erzeugt ein Loch durch die erste Form.
Verwenden Sie das Feld „Freie Transformation“ und die Griffe, um die Größe der zweiten Form nach Bedarf zu ändern und neu zu positionieren:
Größenänderung und Neupositionierung der zweiten Form mit Free Transform.
Klicken Sie dann auf das Häkchen in der Optionsleiste, um es zu akzeptieren.
Anklicken des Häkchens.
Auch hier erscheinen beide Formen auf derselben Formebene im Ebenenbedienfeld. Verwenden Sie das Pfadauswahlwerkzeug aus der Symbolleiste, um die Formen einzeln auszuwählen, zu bearbeiten oder zu löschen:
Beide Formen teilen sich wieder dieselbe Ebene.
Wie man zwei Formen schneidet
Schließlich besteht eine weitere Möglichkeit, Formen mit dem Bedienfeld „Formen“ zu kombinieren, darin, sie zu überschneiden. Mit anderen Worten, die Füllung der Formen ist nur in dem Bereich sichtbar, in dem sich beide Formen überlappen.
Beginnen Sie mit dem Hinzufügen einer Anfangsform. Ich werde meine Herzform verwenden:
Beginnend mit einer Ausgangsform.
Wählen Sie dann im Bedienfeld „Formen“ eine andere Form aus.
Ich werde eine der neuen Dinosaurierformen ausprobieren (denn wer liebt Dinosaurier nicht?):
Eine andere Form wählen.
Um eine Form mit einer anderen zu überschneiden, halten Sie Umschalt+Alt (Win) / Umschalt+Wahl (Mac) auf Ihrer Tastatur gedrückt. Ziehen Sie dann bei gedrückter Taste die neue Form aus dem Bedienfeld „Formen“ auf die vorhandene Form im Dokument:
Ziehen Sie eine Form auf eine andere, während Sie Umschalt + Alt (Win) / Umschalt + Wahl (Mac) gedrückt halten.
Lassen Sie die Maustaste los und die Füllfarbe der Formen ist nur dort sichtbar, wo sich beide Formen überlappen:
Die Füllung wird nur im überlappenden Bereich angezeigt.
Wohin als nächstes
Und da haben wir es! Nachdem Sie nun wissen, wie Sie das Bedienfeld „Formen“ verwenden, probieren Sie das nächste Tutorial aus, in dem ich Ihnen zeige, wie Sie ein Bild in eine Form einfügen!
Weitere Tutorials finden Sie in unserem Abschnitt zu Photoshop-Grundlagen. Und vergessen Sie nicht, alle unsere Photoshop-Tutorials stehen als PDF zum Download bereit!
Your comment