Photoshop Shapes And Shape Layers Essentials

Die Formwerkzeuge

Photoshop bietet sechs Formwerkzeuge zur Auswahl – das Rechteckwerkzeug, das abgerundete Rechteckwerkzeug, das Ellipsenwerkzeug, das Polygonwerkzeug, das Linienwerkzeug und das benutzerdefinierte Formwerkzeug. Wenn wir jedoch auf das Symbol des Werkzeugs klicken und die Maustaste ein oder zwei Sekunden lang gedrückt halten, wird ein Fly-Out-Menü angezeigt, in dem die anderen Formwerkzeuge angezeigt werden, aus denen wir auswählen können:

Wenn Sie ein Formwerkzeug ausgewählt haben und zu einem anderen wechseln müssen, müssen Sie nicht mehr zum Werkzeugbedienfeld zurückkehren (obwohl Sie dies können, wenn Sie möchten), da Photoshop uns Zugriff auf alle Formwerkzeuge direkt über die Optionsleiste am oberen Bildschirmrand ermöglicht. Zum Beispiel wähle ich das Rechteck-Werkzeug aus dem Werkzeugbedienfeld aus:

Wenn das Rechteck-Werkzeug ausgewählt ist, wird in der Optionsleiste eine Reihe von sechs Symbolen angezeigt, wobei jedes Symbol ein anderes Formwerkzeug darstellt. Die Werkzeuge werden von links nach rechts in der gleichen Reihenfolge aufgelistet, in der sie im Werkzeugbedienfeld angezeigt werden, sodass wir wieder das Rechteckwerkzeug, das abgerundete Rechteckwerkzeug, das Ellipsenwerkzeug, das Polygonwerkzeug, das Linienwerkzeug und das benutzerdefinierte Formwerkzeug haben. Klicken Sie einfach auf eines der Symbole, um das gewünschte Werkzeug auszuwählen:

Die Option Formebenen

Bevor wir mit dem Zeichnen von Formen beginnen, müssen wir Photoshop zunächst mitteilen, welche Art von Form wir zeichnen möchten, und damit meine ich keine Rechtecke oder Kreise. Mit Photoshop können wir drei sehr unterschiedliche Arten von Formen zeichnen – Vektorformen, Pfade oder pixelbasierte Formen. Wir werden uns die Unterschiede zwischen den drei näher ansehen und warum Sie sie in einem anderen Tutorial verwenden möchten, aber in den meisten Fällen möchten Sie Vektorformen zeichnen, bei denen es sich um dieselben Arten von Formen handelt Wir würden in einem Programm wie Illustrator zeichnen. Im Gegensatz zu Pixeln sind Vektorformen auflösungsunabhängig und vollständig skalierbar, was bedeutet, dass wir sie so groß machen können, wie wir möchten, und ihre Größe so oft ändern können, wie wir möchten, ohne die Bildqualität zu beeinträchtigen. Die Kanten von Vektorformen bleiben sowohl auf dem Bildschirm als auch beim Drucken immer scharf und scharf.

Um Vektorformen zu zeichnen, wählen Sie die Option Formebenen in der Optionsleiste. Es ist das erste von drei Symbolen ganz links (die Option Pfade befindet sich in der Mitte der drei Symbole, gefolgt von der Option Pixel füllen rechts):

Auswählen einer Farbe für die Form

Wenn die Option Formebenen ausgewählt ist, müssen wir als nächstes eine Farbe für unsere Form auswählen, und zwar durch Klicken auf das Farbfeld rechts neben dem Wort Farbe in der Optionsleiste:

Photoshop öffnet die Farbauswahl, in der wir die Farbe auswählen können, die wir verwenden möchten. Ich wähle Rot. Klicken Sie auf OK, sobald Sie eine Farbe ausgewählt haben, um die Farbauswahl zu schließen:

Machen Sie sich keine Sorgen, dass Sie die falsche Farbe für Ihre Form auswählen, wenn Sie nicht sicher sind, welche Farbe Sie benötigen. Wie wir sehen werden, machen es Formebenen einfach, die Farbe einer Form jederzeit nach dem Zeichnen zu ändern.

Das Rechteckwerkzeug

Wie Sie wahrscheinlich aus dem Namen erraten können, können wir mit dem Rechteckwerkzeug von Photoshop vierseitige rechteckige Formen zeichnen. Klicken Sie einfach in das Dokument, um den Startpunkt für Ihre Form festzulegen, halten Sie dann die Maustaste gedrückt und ziehen Sie diagonal, um den Rest der Form zu zeichnen. Wenn Sie ziehen, sehen Sie einen dünnen Umriss der Form:

Wenn Sie mit dem Aussehen Ihrer Form zufrieden sind, lassen Sie die Maustaste los und Photoshop füllt die Form mit der Farbe, die Sie in der Optionsleiste ausgewählt haben:

Zeichnen einer Form aus der Mitte

Wenn Sie ein Rechteck (oder eine beliebige Form) aus der Mitte und nicht aus einer Ecke zeichnen möchten, klicken Sie in das Dokument, wo sich die Mitte des Rechtecks befinden soll, und ziehen Sie die Form wie gewohnt heraus. Sobald Sie mit dem Ziehen beginnen, drücken Sie die Alt-Taste (Win) / Optionstaste (Mac) und halten Sie sie gedrückt, während Sie mit dem Ziehen fortfahren. Die Alt / Wahltaste weist Photoshop an, die Form aus der Mitte zu zeichnen. Dies funktioniert mit allen Formwerkzeugen, nicht nur mit dem Rechteckwerkzeug:

Quadrate zeichnen

Wir können auch Quadrate mit dem Rechteck-Werkzeug zeichnen. Um ein Quadrat zu zeichnen, klicken Sie in das Dokument und ziehen Sie eine rechteckige Form heraus. Sobald Sie mit dem Ziehen begonnen haben, drücken Sie die Umschalttaste auf Ihrer Tastatur und halten Sie sie gedrückt, während Sie die Form weiter herausziehen. Wenn Sie die Umschalttaste gedrückt halten, wird die Form in ein perfektes Quadrat gezwungen, unabhängig davon, in welche Richtung Sie ziehen. Sie können auch die Alt-Taste (Win) / Optionstaste (Mac) hinzufügen, um das Quadrat aus der Mitte zu zeichnen (halten Sie also Umschalt + Alt (Win) / Umschalt + Optionstaste (Mac) gedrückt):

Auch hier zeigt Photoshop beim Ziehen nur einen dünnen Umriss des Quadrats an, aber wenn Sie die Maustaste loslassen, füllt Photoshop es mit Farbe:

Die Formoptionen

Wenn Sie in der Optionsleiste direkt rechts neben den sechs Formwerkzeugsymbolen suchen, sehen Sie einen kleinen nach unten zeigenden Pfeil. Durch Klicken auf den Pfeil wird eine Liste zusätzlicher Optionen für das ausgewählte Formwerkzeug geöffnet. Wenn Sie beispielsweise das Rechteck-Werkzeug ausgewählt haben, werden durch Klicken auf den Pfeil die Rechteckoptionen angezeigt.
Mit Ausnahme des Polygon-Werkzeugs und des Linien-Werkzeugs, die wir später betrachten werden, werden Sie dieses Menü nicht sehr oft verwenden, da wir bereits gelernt haben, wie Sie direkt über die Tastatur auf die Hauptoptionen zugreifen können.

Zum Beispiel ist die Option Uneingeschränkt standardmäßig für uns ausgewählt, und das ist nur das normale Verhalten des Rechteckwerkzeugs, mit dem wir rechteckige Formen beliebiger Größe oder Seitenverhältnis zeichnen können. Mit der Option Quadrat können wir Quadrate zeichnen, aber wir können dies tun, indem wir beim Ziehen die Umschalttaste gedrückt halten. Und die Option From Center zeichnet die Form von ihrer Mitte aus, aber auch hier können wir dies bereits tun, indem wir beim Ziehen die Alt-Taste (Win) / Optionstaste (Mac) gedrückt halten:

Formebenen

Bevor wir uns die restlichen Formwerkzeuge ansehen, schauen wir uns kurz an, was im Ebenenbedienfeld passiert. Wenn Sie sich zu Beginn des Tutorials erinnern, haben wir gelernt, dass wir zum Zeichnen von Vektorformen in Photoshop sicherstellen müssen, dass die Option Formebenen in der Optionsleiste ausgewählt ist, und jetzt, da ich eine Form gezeichnet habe, sehen wir, dass ich eine tatsächliche Formebene in meinem Dokument habe, die Photoshop „Form 1“ genannt hat. Jede neue Vektorform, die wir zeichnen, wird auf einer eigenen Formebene platziert, die sich von normalen pixelbasierten Ebenen unterscheidet. Links neben einer Formebene befindet sich ein Farbfeldsymbol, das die aktuelle Farbe unserer Form anzeigt, und rechts neben dem Farbfeld befindet sich eine Miniaturansicht der Vektormaske:

Ich habe bereits erwähnt, dass wir uns keine Gedanken über die Auswahl der richtigen Farbe für eine Form machen müssen, da wir ihre Farbe nach dem Zeichnen leicht ändern können, indem wir direkt auf das Farbfeld der Formebene doppelklicken:

Photoshop öffnet die Farbauswahl für uns erneut, damit wir eine andere Farbe für die Form auswählen können. Diesmal wähle ich blau:

Ich klicke auf OK, um die Farbauswahl zu schließen, und Photoshop ändert die Farbe meiner quadratischen Form von rot nach Blau:

Rechts neben dem Farbfeld auf einer Formebene befindet sich die Miniaturansicht der Vektormaske. Der weiße Bereich innerhalb der Miniaturansicht stellt unsere Form dar. Vektormasken ähneln pixelbasierten Ebenenmasken, da sie einige Teile einer Ebene anzeigen, während andere Teile ausgeblendet werden, und damit meine ich, dass Photoshop beim Zeichnen einer Vektorform tatsächlich die gesamte Ebene mit unserer ausgewählten Farbe füllt, aber es zeigt nur die Farbe innerhalb des Formbereichs an. Es verbirgt die Farbe in den Bereichen außerhalb der Form. Dies ist nicht etwas, was Sie wirklich wissen müssen, um mit Formen in Photoshop zu arbeiten, aber es ist immer schön zu verstehen, was Sie gerade sehen. Der graue Bereich um die Form in der Miniaturansicht der Vektormaske ist der Bereich auf der Ebene, in dem die Farbe ausgeblendet wird, während im weißen Bereich die Farbe sichtbar ist:

Um zu sehen, wie Photoshop die Vektorform anzeigt, können wir Vektormasken vorübergehend deaktivieren, indem wir die Umschalttaste gedrückt halten und direkt auf die Miniaturansicht der Vektormaske klicken. In der Miniaturansicht wird ein großes rotes X angezeigt, das uns mitteilt, dass die Maske jetzt deaktiviert ist:

Wenn die Vektormaske deaktiviert ist, wird die gesamte Ebene im Dokument angezeigt, und wir können sehen, dass sie vollständig mit der blauen Farbe gefüllt ist, die ich für meine Form ausgewählt habe. Wenn Sie genau hinschauen, können Sie den dünnen Umriss sehen, an dem sich die Form auf der Ebene befindet:

Um eine Vektormaske wieder einzuschalten, halten Sie einfach die Umschalttaste gedrückt und klicken Sie erneut auf die Miniaturansicht im Ebenenbedienfeld. Wenn die Maske wieder eingeschaltet ist, wird die gesamte Farbe außerhalb der Form wieder ausgeblendet, und alles, was wir sehen können, ist die Farbe innerhalb der Form selbst. Die weißen Bereiche um die Form in meinem Dokumentfenster stammen von meiner Hintergrundebene darunter:

Nachdem wir uns nun die Formebenen angesehen haben, wollen wir sehen, welche anderen Arten von Formen wir in Photoshop mit den anderen geometrischen Formwerkzeugen zeichnen können.

Shortcodes, Aktionen und Filter Plugin: Fehler im Shortcode

Das abgerundete Rechteck-Werkzeug

Das abgerundete Rechteck-Werkzeug ist dem Standard-Rechteck-Werkzeug sehr ähnlich, außer dass es uns Rechtecke mit schönen abgerundeten Ecken zeichnen lässt. Wir steuern die Rundheit der Ecken mit der Option Radius in der Optionsleiste. Je höher der eingegebene Wert, desto abgerundeter erscheinen die Ecken. Ich setze meinen Radiuswert auf 50 Pixel:

Um ein abgerundetes Rechteck zu zeichnen, nachdem Sie einen Radiuswert eingegeben haben, klicken Sie in das Dokument, um einen Startpunkt festzulegen, halten Sie dann die Maustaste gedrückt und ziehen Sie den Rest der Form heraus. Genau wie beim normalen Rechteckwerkzeug zeigt Photoshop beim Zeichnen einen dünnen Umriss der Form an:

Wenn Sie die Maustaste loslassen, vervollständigt Photoshop die Form und füllt sie mit Farbe:

Hier ist ein weiteres Rechteck, diesmal mit einem Radiuswert von 150 px, der groß genug ist (in diesem Fall sowieso), um die gesamte linke und rechte Seite des Rechtecks gekrümmt erscheinen zu lassen:

Und hier ist ein Rechteck, aber mit einem viel niedrigeren Radiuswert von nur 10 px, was mir sehr kleine abgerundete Ecken gibt:

Leider gibt es keine Möglichkeit, eine Vorschau anzuzeigen, wie gerundet die Ecken mit unserem gewählten Radiuswert angezeigt werden, bevor wir das Rechteck tatsächlich zeichnen. Außerdem können wir den Radiuswert nicht im laufenden Betrieb anpassen, während wir die Form zeichnen, wie wir es in Illustrator können, und Photoshop lässt uns nicht zurückgehen und einfache Änderungen an den Ecken vornehmen, nachdem wir sie gezeichnet haben, was bedeutet, dass das Zeichnen abgerundeter Rechtecke eine Art „Versuch und Irrtum“ ist. Wenn Sie mit der Rundheit der Ecken nach dem Zeichnen der Form nicht zufrieden sind, drücken Sie Strg + Z (Win) / Befehlstaste + Z (Mac), um den Schritt schnell rückgängig zu machen.

So wie wir mit dem Rechteck-Werkzeug Quadrate zeichnen können, können wir mit dem abgerundeten Rechteck abgerundete Quadrate zeichnen. Halten Sie einfach die Umschalttaste gedrückt, nachdem Sie mit dem Ziehen begonnen haben, um das abgerundete Rechteck in eine quadratische Form zu bringen. Halten Sie die Alt-Taste (Win) / Wahltaste (Mac) gedrückt, nachdem Sie mit dem Ziehen begonnen haben, um das abgerundete Rechteck (oder Quadrat) aus der Mitte zu zeichnen.

Wenn wir auf den kleinen Pfeil in der Optionsleiste klicken, um die abgerundeten Rechteckoptionen aufzurufen, sehen wir, dass es genau die gleichen Optionen wie das normale Rechteckwerkzeug hat, z. B. Unconstrained, Square und From Center, und wieder wissen wir bereits, wie man über die Tastatur darauf zugreift:

Das Ellipsenwerkzeug

Mit dem Ellipsenwerkzeug von Photoshop können wir elliptische oder kreisförmige Formen zeichnen. Klicken Sie wie bei den Werkzeugen Rechteck und Abgerundetes Rechteck in das Dokument, um einen Startpunkt festzulegen, halten Sie dann die Maustaste gedrückt und ziehen Sie den Rest der Form heraus:

Lassen Sie die Maustaste los, um die Form zu vervollständigen, und lassen Sie sie von Photoshop mit Farbe füllen:

Halten Sie die Umschalttaste gedrückt, nachdem Sie mit dem Ellipsenwerkzeug gezogen haben, um die Form in einen perfekten Kreis zu zwingen. Wenn Sie nach dem Ziehen die Alt- (Win) / Wahltaste (Mac) gedrückt halten, wird die Form aus der Mitte gezeichnet:

Wenn Sie auf den kleinen Pfeil in der Optionsleiste klicken, werden die Ellipsenoptionen angezeigt, die wiederum nahezu identisch mit den Optionen Rechteck und abgerundetes Rechteck sind. Der einzige Unterschied besteht natürlich darin, dass das Ellipsenwerkzeug die Möglichkeit hat, einen Kreis anstelle eines Quadrats zu zeichnen:

Das Polygonwerkzeug

Das Polygonwerkzeug ist der Ort, an dem die Dinge interessant werden. Während das Rechteck-Werkzeug auf das Zeichnen von vierseitigen Polygonen beschränkt ist, können wir mit dem Polygon-Werkzeug Polygone mit beliebig vielen Seiten zeichnen. Es lässt uns sogar Sterne zeichnen, wie wir gleich sehen werden.

Geben Sie die Anzahl der Seiten, die Sie für Ihre Polygonform benötigen, in die Option Seiten in der Optionsleiste ein. Der Standardwert ist 5, aber Sie können einen beliebigen Wert von 3 bis 100 eingeben:

Nachdem Sie die Anzahl der Seiten eingegeben haben, klicken Sie in das Dokument und ziehen Sie Ihre Polygonform heraus. Photoshop zeichnet Polygonformen immer aus ihrer Mitte heraus, sodass Sie die Alt-Taste (Win) / Optionstaste (Mac) nicht gedrückt halten müssen. Wenn Sie die Umschalttaste gedrückt halten, nachdem Sie mit dem Ziehen begonnen haben, wird die Anzahl der Winkel begrenzt, in denen die Form gezeichnet werden kann. Dies kann dazu beitragen, die Form so zu positionieren, wie Sie sie benötigen:

Wenn Sie die Seitenoption für das Polygon-Werkzeug auf 3 setzen, können Sie auf einfache Weise ein Dreieck zeichnen:

Und hier ist eine Polygonform mit der Option Sides auf 12 gesetzt:

Zeichnen von Sternen mit dem Polygonwerkzeug

Um Sterne mit dem Polygonwerkzeug zu zeichnen, klicken Sie auf den kleinen Pfeil in der Optionsleiste, um die Polygonoptionen aufzurufen, und wählen Sie dann Stern:

Wenn die Option Stern ausgewählt ist, klicken Sie einfach in das Dokument und ziehen Sie eine Sternform heraus. Mit dem Standardwert Sides von 5 erhalten wir beispielsweise einen 5-zackigen Stern:

Wenn wir den Seitenwert auf 8 ändern, erhalten wir einen 8-zackigen Stern:

Wir können eine Starburst-Form erstellen, indem wir den Einzug der Punkte mit der Option Einzug Seiten nach erhöhen. Der Standardwert ist 50%. Ich werde es auf 90% erhöhen:

Hier ist meine Sternform mit dem Einzug auf 90%. Ich habe auch die Anzahl der Seiten auf 16 erhöht:

Standardmäßig haben Sterne scharfe Ecken an den Enden ihrer Punkte, aber wir können sie abgerundet machen, indem wir die Option Glatte Ecken wählen:

Hier ist ein standardmäßiger 5-Stern mit aktivierter Option Glatte Ecken::

Wir können die Einrückungen auch glätten und abgerundet machen, indem wir die Option Einrückungen glätten auswählen:

Und wieder sehen wir unsere Sternform anders aus:

Das Linienwerkzeug

Schließlich können wir mit dem Linienwerkzeug, dem letzten Werkzeug für geometrische Formen in Photoshop, einfache gerade Linien zeichnen, aber auch Pfeile zeichnen. Legen Sie die Dicke der Linie fest, indem Sie einen Wert in Pixel in die Option Gewicht in der Optionsleiste eingeben. Ich setze meine auf 16 px:

Klicken Sie dann einfach in das Dokument und ziehen Sie Ihre Linienform heraus. Halten Sie die Umschalttaste gedrückt, nachdem Sie mit dem Ziehen begonnen haben, um die Richtung zu begrenzen, in die Sie die Linie zeichnen können. Dies erleichtert das Zeichnen horizontaler oder vertikaler Linien:

Um Pfeilspitzen zu den Linien hinzuzufügen, klicken Sie auf den kleinen Pfeil in der Optionsleiste, um die Pfeilspitzenoptionen aufzurufen. Mit Photoshop können wir Pfeilspitzen entweder am Anfang oder am Ende einer Zeile oder an beiden hinzufügen. Wenn die Pfeilspitze in der Richtung angezeigt werden soll, in die Sie die Linie zeichnen, was normalerweise der Fall ist, wählen Sie die Option Ende. Stellen Sie sicher, dass Sie diese Option auswählen, bevor Sie die Linie zeichnen, da wir in Photoshop nicht zurückgehen und Pfeilspitzen hinzufügen können, nachdem die Linie bereits gezeichnet wurde:

Hier ist eine Linienform ähnlich der vorherigen, diesmal mit einer Pfeilspitze am Ende:

Wenn die Standardgröße der Pfeilspitze für Sie nicht funktioniert, können Sie sie mit den Optionen Breite und Länge anpassen. Wir können die Pfeilspitze auch mit der Option Konkavität konkav erscheinen lassen. Der Standardwert ist 0%. Ich werde es auf 50% erhöhen:

Dies ändert die Form der Pfeilspitze. Andernfalls müssen Sie die Form löschen und erneut zeichnen:

Ausblenden der Kontur um die Form herum

Wenn Sie Ihre Form nach dem Zeichnen genau betrachten (unabhängig davon, welches Formwerkzeug Sie verwendet haben), wird häufig eine dünne Kontur angezeigt, die Sie möglicherweise stört. Der Umriss wird um die Form herum angezeigt, wenn die Vektormaske der Form ausgewählt ist, und er wird immer standardmäßig ausgewählt, nachdem wir eine neue Form gezeichnet haben.

Wenn Sie sich die Ebene der Form im Ebenenbedienfeld ansehen, sehen Sie, dass die Miniaturansicht der Vektormaske einen weißen Hervorhebungsrand aufweist, der uns anzeigt, dass die Maske tatsächlich ausgewählt ist. Sie können den Umriss um die Form ausblenden, indem Sie die Vektormaske deaktivieren. Klicken Sie dazu einfach auf das Miniaturbild der Vektormaske. Der Hervorhebungsrand um die Miniaturansicht wird ausgeblendet, ebenso wie der Umriss um die Form im Dokument: