So legen Sie die Größe eines Rechtecks ​​in Photoshop fest. So zeichnen Sie in Photoshop

Der einfachste Weg, in Photoshop ein Rechteck zu zeichnen, ist die Verwendung des Rechteckwerkzeugs (Rechteck). Werkzeug " Rechteckwerkzeug»Gehört zur Gruppe der Werkzeuge zum Zeichnen von Formen und nimmt darin einen hohen Stellenwert ein.

Das Rechteck-Werkzeug in der Werkzeugpalette von Photoshop

Natürlich können Sie auch einfach das Rechteck-Werkzeug aus der Werkzeugpalette von Photoshop verwenden. Und Sie können es über Hotkeys aktivieren. Durch Drücken der Taste wird das zuletzt verwendete Werkzeug aus der Gruppe der Werkzeuge zum Zeichnen von Formen aktiv. Wenn es nicht „Rechteck“ war, dann sollten Sie die Tastenkombination verwenden, mit der Sie zwischen verschiedenen Werkzeugen innerhalb dieser Gruppe wechseln können.

Zeichenmodi

Ein Rechteck kann wie jede andere Form in Photoshop in einem der folgenden Modi gezeichnet werden:

  • „Form“ (Abbildung), wenn ein Vektorpfad mit einer Raster-„Füllung“ erstellt wird. Ein solches Rechteck kann mit einer Volltonfarbe, einem Farbverlauf oder einem Muster gefüllt werden. Jede im Formmodus gezeichnete Form wird auf einer separaten Ebene platziert, die mit einem speziellen Symbol gekennzeichnet ist, das den Benutzer darüber informiert, dass sich in dieser Ebene ein Vektorobjekt befindet. Später können Sie zu jeder erstellten Form zurückkehren und deren Form, Füllung und Strich ändern;
  • „Pfad“ (Kontur), wenn ein Vektorpfad erstellt wird, der Hilfsfunktionen ausführt. Ein solches Rechteck ist nicht Teil des Bildes, kann aber beispielsweise in einen Auswahlbereich umgewandelt oder zur Gewinnung einer Vektormaske verwendet werden. Alle im Pfadmodus gezeichneten Pfade sind temporäre Elemente, bis sie gespeichert werden. Um die Pfade in Photoshop zu steuern, gibt es ein Panel „ Pfade“(Konturen). Jede Kontur kann als Vektorprimitiv immer bearbeitet werden;
  • „Pixel“ (Pixel), wenn dem Dokument eine bestimmte Anzahl von Pixeln einer bestimmten Farbe hinzugefügt wird. Ein solches Rechteck wird sofort Teil der Bitmap. Beim Zeichnen im Pixelmodus werden keine Vektorpfade erstellt und keine zusätzlichen Ebenen hinzugefügt. Das darin gezeichnete Viereck nimmt seinen Platz in der aktuellen Ebene ein. In Zukunft können Sie damit wie mit jedem anderen Rasterbild arbeiten.
Rechtecke werden in folgenden Modi gezeichnet: 1 – Form; 2-Pfad; 3-Pixel

Um den Modus auszuwählen, in dem Sie ein Rechteck zeichnen möchten, sollten Sie auf „ Optionsleiste“ (Optionsfeld) zurückgreifen, wenn das Werkzeug „Rechteck-Werkzeug“ bereits aktiv ist. Alle möglichen Modi werden in der Dropdown-Liste „Werkzeugmodus auswählen“ angezeigt (was in der russischen Version von Photoshop als „übersetzt“ wird). Auswahlwerkzeugmodus', obwohl eine genauere Übersetzung wäre ' Auswahl der Betriebsart des Werkzeugs»).

Dropdown-Liste „Werkzeugmodus auswählen“ für das Rechteckwerkzeug

Der ausgewählte Modus bestimmt nicht nur die Eigenschaften des zukünftigen Objekts, sondern auch die Parameter, die während seiner Erstellung im Optionsfeld verfügbar sein werden. Diese Parameter sind größtenteils für alle „Figuren“ absolut gleich und werden daher im Rahmen dieses Artikels nicht berücksichtigt. Darüber hinaus werden wir nur über die einzigartigen Parameter des Rechteckwerkzeugs sprechen, die die Form, Größe und Position des Rechtecks ​​bestimmen.

Bestimmen der Proportionen, Größen und Lage eines Rechtecks

Im allgemeinsten Fall müssen Sie zum Zeichnen eines Rechtecks ​​in Photoshop Folgendes tun:

  • Nehmen Sie das Werkzeug „Rechteckwerkzeug“;
  • Wählen Sie den Zeichenmodus aus der Dropdown-Liste „Werkzeugmodus auswählen“;
  • Drücken Sie die linke Maustaste an der Stelle des Dokumentfensters, an der sich einer der Eckpunkte des Rechtecks ​​befinden soll;
  • Halten Sie die linke Maustaste gedrückt und bewegen Sie den Cursor an den Punkt, an dem sich der gegenüberliegende Scheitelpunkt befinden sollte.
  • Lassen Sie die Maustaste los.

Dies ist jedoch bei weitem nicht die einzige Möglichkeit, in Photoshop ein Rechteck zu zeichnen. Um die erforderliche Form und Größe der zukünftigen geometrischen Figur zu bestimmen, können Sie auf Hilfe zurückgreifen oder sie verwenden. Darüber hinaus können Sie beim Konstruieren eines Rechtecks ​​verwenden.

Optionsfeld

In Photoshop werden für jedes Werkzeug aus der Gruppe der Werkzeuge zum Erstellen von Formen eine Reihe spezifischer, für sich einzigartiger Optionen angeboten. Diese Optionen werden in einem Dropdown-Menü angezeigt, das durch Klicken auf das Zahnradsymbol in der „ Optionsleiste“ (Optionsfeld) aufgerufen wird.

Dropdown-Menü mit Optionen für das Rechteck-Werkzeug

Die folgenden Optionen stehen für das Rechteck-Werkzeug in der Optionsleiste zur Verfügung:

  • „Uneingeschränkt“ (beliebig), was standardmäßig aktiv ist. Mit seiner Verwendung können Sie Rechtecke beliebiger Form und Größe zeichnen, indem Sie der oben dargestellten Aktionsfolge folgen.
  • " Quadrat"(Quadrat), dessen Wahl dazu führt, dass alle Seiten und Winkel des gezeichneten Vierecks einander gleich sind;
  • „ Feste Größe“(Angegebene Größe), wenn aktiviert, können Sie sofort die genauen Abmessungen des zukünftigen Rechtecks ​​bestimmen. Bei Auswahl werden zwei Textfelder verfügbar: „W“ (W) und „H“ (H), in die Sie jeweils die erforderliche Breite und Höhe des Rechtecks ​​eingeben können. Dann muss nur noch der Ort angegeben werden, an dem sich die Figur befinden soll;
  • „Proportional“ (Proportionen festlegen), wenn aktiviert, können Sie das Seitenverhältnis des zukünftigen Rechtecks ​​festlegen. Bei Auswahl stehen außerdem zwei Felder zur Verfügung: „W“ (W) und „H“ (H), in die Sie jeweils das gewünschte Verhältnis der Breite des Rechtecks ​​zu seiner Höhe eingeben können. Wenn Sie dann ein Viereck zeichnen, hat es immer die angegebenen Proportionen;
  • „From Center“ (Von der Mitte): Wenn diese Option aktiviert ist, ist der Ausgangspunkt beim Zeichnen eines Rechtecks ​​nicht einer der Eckpunkte, sondern sein geometrischer Mittelpunkt. Diese Option kann in Verbindung mit jeder der oben genannten Optionen verwendet werden.
Der Prozess des Zeichnens eines Rechtecks, wenn verschiedene Optionen für das Rechteck-Werkzeug ausgewählt werden: 1 – Unbeschränkt; 2 – Unbeschränkt + Von der Mitte; 3 - Quadrat; 4 – Quadratisch + Von der Mitte; 5 – Feste Größe; 6 – Feste Größe + Von der Mitte; 7 – Proportional; 8 – Proportional + Von der Mitte

Hotkeys

Beim Arbeiten mit dem Rechteck-Werkzeug können Sie Hotkeys verwenden. Wenn Sie also gerade ein Rechteck zeichnen:

  • Halten Sie die Taste gedrückt, das Rechteck wird in Form eines Quadrats erstellt. Das Zeichnen eines Rechtecks ​​bei gedrückter Taste erfolgt genauso, als ob die Option „Quadrat“ für das Rechteck-Werkzeug ausgewählt wäre;
  • Halten Sie die Taste gedrückt, dann wird der Basispunkt des erstellten Rechtecks ​​sein geometrischer Mittelpunkt. Das heißt, die Aktion der gedrückten Taste kommt der Aktivierung der Option „Von der Mitte“ für das Rechteckwerkzeug gleich;
  • Halten Sie zwei Tasten gleichzeitig gedrückt: und , dann wird das erstellte Rechteck ein Quadrat und sein Basispunkt ist sein geometrischer Mittelpunkt. Mit anderen Worten: Die Tasten und haben die gleiche Wirkung wie die Option „Quadrat“ in Kombination mit der Option „Von der Mitte“ für das Rechteck-Werkzeug in der Optionsleiste;
  • Halten Sie die Leertaste gedrückt, dann können Sie die Position des zu erstellenden Rechtecks ​​ändern und nach dem Loslassen der Taste mit dem Zeichnen der Figur fortfahren, jedoch an einer neuen Stelle.
Der Vorgang zum Zeichnen eines Rechtecks ​​​​mit Hotkeys: 1 - Umschalt; 2 - Alt; 3 - Alt + Umschalt; 4-Raum

In diesem Fenster gibt es zwei Textfelder: „ Breite“(Breite) und“ Höhe»(Höhe), wo Sie die gewünschten Maße der Figur eingeben können. Es besteht auch die Möglichkeit, die Option „From Center“ (Von der Mitte) zu aktivieren. Wenn die Option „Von der Mitte“ aktiv ist, ist der zum Aufruf des Dialogfelds angegebene Punkt der geometrische Mittelpunkt des Rechtecks, andernfalls dessen oberer linker Scheitelpunkt. Nachdem Sie die entsprechenden Parameter eingestellt haben, müssen Sie auf „OK“ klicken. Danach erscheint das Rechteck sofort an der Stelle, an der Sie geklickt haben, um das Dialogfeld „Rechteck erstellen“ aufzurufen.

Im Folgenden werden alle in diesem Artikel beschriebenen Techniken demonstriert, die beim Zeichnen eines Rechtecks ​​mit dem Rechteck-Werkzeug in Photoshop verwendet werden können.

Video zum Artikel

Die vielleicht häufigste geometrische Figur ist ein Rechteck oder ein Quadrat, was im Wesentlichen dasselbe ist. Der einzige Unterschied besteht darin, dass alle Seiten eines Quadrats gleich sind.

Aber darum geht es in dem Gespräch nicht. In diesem Photoshop-Tutorial erfahren Sie, wie Sie mit zwei Methoden ein Rechteck erstellen. Lass uns anfangen!

Methode Nr. 1: Verwenden des Rechteckwerkzeugs

Gehen Sie zur Symbolleiste auf der linken Seite des Bildschirms und suchen Sie die Gruppe „Formen“. Wenn Sie mit der Maus darüber fahren, wird eine Liste mit allen verfügbaren Formen geöffnet. Wir brauchen das allererste – „Rechteck“.

Dank dieses erstaunlichen Tools können wir ein Rechteck jeder Größe mit dem gewünschten Seitenverhältnis erstellen. In diesem Fall verschlechtert sich die Qualität auch beim Skalieren nicht, denn. Die Figur wird in einem Vektor erstellt. Im oberen horizontalen Menü des Programms können Sie die gewünschten Parameter der Figur einstellen. Im Wesentlichen werden die Einstellungen für Füllung, Rand und Dicke der Linien festgelegt, die die Form bilden.

Dank der gedrückten Taste SCHICHT Sie können ein Rechteck mit gleichen Seiten auf die Leinwand zeichnen – d. h. Quadrat. Sie können die Größe der Form auch zunächst im oberen Bereich festlegen:

Nachdem Sie die Abmessungen festgelegt haben, müssen Sie auf die Leinwand klicken. Anschließend erscheint ein kleines Fenster, in dem Sie die Erstellung eines Rechtecks ​​​​mit den angegebenen Parametern bestätigen müssen. Wenn alles in Ordnung ist, klicken Sie einfach auf „OK“.

Ergebnis:

Methode Nr. 2: Verwenden des Auswahlwerkzeugs

Wir nutzen diese Methode seltener, aber manchmal hilft sie. Um ein Rechteck zu zeichnen, müssen wir die Gruppe „Auswahl“ in der Symbolleiste finden und aus der Dropdown-Liste „Rechteckiger Bereich“ auswählen. Siehe Screenshot unten:

Wenn Sie das Photoshop-Programm nicht zum ersten Mal öffnen, sollten Sie wissen, um welche Art von Werkzeug es sich handelt.

Zunächst müssen wir eine Auswahl als Rechteck auf der Leinwand erstellen. Auch hier gilt: Wenn Sie ein Quadrat erstellen möchten, halten Sie die UMSCHALTTASTE gedrückt.

Jetzt müssen wir den rechteckigen Bereich füllen. Über eine Tastenkombination können Sie ein Fenster mit Füllparametern aufrufen UMSCHALT+F5.

Sie können es noch einfacher machen, indem Sie in der Symbolleiste „Füllen“ auswählen und dann auf den ausgewählten Bereich auf der Leinwand klicken.

Um die Auswahl aufzuheben, klicken Sie einfach auf einen anderen Teil der Leinwand oder drücken Sie eine Tastenkombination STRG+D.

Wichtig! Beachten Sie, dass das Rechteck-Auswahlrechteck oben auch über ein Einstellungsfeld verfügt, in dem Sie die gewünschten Einstellungen festlegen können, einschließlich der Proportionen der Form.

Damit ist unsere kurze Lektion zum Zeichnen eines Rechtecks ​​in Photoshop abgeschlossen.

Wir sehen uns in unseren nächsten Lektionen!

Mit Zeichenwerkzeugen können Sie Vektorformen erstellen und bearbeiten. Sie erleichtern die Erstellung verschiedener Elemente für Webseiten.

Erstellen Sie eine neue Trainingsdatei.

Klicken Sie mit der linken Maustaste auf das Werkzeug „Formen“ in der Symbolleiste. Das Werkzeugauswahlfenster wird geöffnet:

Hier sind die wichtigsten Formen, die wir verwenden können. Wählen Sie eine beliebige aus und sehen Sie sich das Optionsfeld an:

Für jede Figur können Sie wählen:

  • Zeichenmodus:
    • Formschicht. Die Form wird auf einer separaten Ebene erstellt. Eine Formebene besteht aus einer Füllebene, die die Farbe der Form definiert, und einer zugehörigen Vektormaske, die die Grenzen der Form definiert. Die Ränder der Form sind ein Pfad, der auf der Registerkarte „Pfade“ des Ebenenbedienfelds angezeigt wird.

    • Konturen. In diesem Modus können Sie Umrisse von Formen zeichnen, die mit einer beliebigen Farbe gefüllt oder umrandet werden können. Pfade werden auf der Registerkarte „Pfade“ des Ebenenbedienfelds angezeigt.

    • Pixelfüllung. Beim Arbeiten in diesem Modus werden keine Vektor-, sondern Rasterbilder erstellt, die wie jedes Rasterbild verarbeitet werden können

  • Stil und Farbe

  • Legen Sie spezifische Parameter für diese Form fest

Zeichnen Sie Rechtecke

Wählen wir die erste Form – ein Rechteck. Wählen Sie im Bedienfeld den Modus „Ebenenform“ aus. Wählen Sie einen Stil aus, indem Sie auf das Dreieck rechts klicken.

Wählen Sie, was Ihnen gefällt. Wenn Sie übrigens auf das Dreieck im Kreis (rechts) klicken, können Sie im sich öffnenden Kontextmenü weitere Stile auswählen. Wenn Sie keinen Stil verwenden möchten, wählen Sie ein weißes Quadrat mit einer roten Linie durch.

Jetzt können Sie die geometrischen Parameter einstellen:

  • Willkürlich- So wie du zeichnest, soll es so sein.
  • Quadrat- Beim Strecken der Form mit der Maus bleiben Breite und Höhe immer gleich.
  • Angegebene Größe- Sie können die Breite und Höhe des Rechtecks ​​(in cm) einstellen und auf die Leinwand klicken. Es erscheint ein Rechteck mit den angegebenen Abmessungen.
  • Seitenverhältnis einstellen- Sie können festlegen, wie oft die Breite kleiner (oder größer) als die Höhe sein soll. Beim Strecken der Figur bleiben die Proportionen erhalten.
  • Von der Mitte- Zeichnet ein Rechteck aus der Mitte.
  • An Pixel ausrichten- Rechteckkanten rasten an Pixelrändern ein.
Wählen Sie nun beliebig aus und ziehen Sie Ihr Rechteck mit der Maus auf der Leinwand. Folgendes habe ich beispielsweise erhalten, wenn ich die Stile „Button“, „Glass Buttons“ und „Web Styles“ verwendet habe.

Ein ziemlich nützliches Tool zum Erstellen von Schaltflächen und Menüs für Ihre Webseiten, nicht wahr?

Zeichnen Sie Rechtecke mit abgerundeten Ecken

Wählen wir die zweite Form aus – ein Rechteck mit abgerundeten Ecken. Wählen Sie im Panel den Modus aus – die Ebenenform, den Eckenradius – zum Beispiel 15 und die Farbe (Sie können sie nach Ihren Wünschen gestalten). Die geometrischen Parameter sind die gleichen wie für das Rechteck.

Hier ist, was ich mit verschiedenen Kombinationen von Radius und Stil erhalten habe.

Warum nicht Nachrichtenblöcke und Menüschaltflächen?

Zeichne Kreise

Wählen wir die dritte Figur – eine Ellipse. Wählen Sie im Bedienfeld den Modus aus – Formebene, Farbe und Stil. Die geometrischen Parameter sind die gleichen wie bei einem Rechteck, mit dem einzigen Unterschied, dass statt eines Quadrats auch ein Kreis gewählt werden kann. Wählen Sie -beliebig- und strecken Sie die Ellipse. Wenn es ein Kreis sein soll, dann halten Sie die Umschalttaste gedrückt oder wählen Sie -Kreis- in den geometrischen Parametern aus.

Folgendes ist mir passiert:

Zeichnen Sie Polygone

Wählen wir eine Form – ein Polygon. Wählen Sie im Bedienfeld den Modus aus – Ebenenform, die Anzahl der Seiten im Bereich von 3 bis 100 (z. B. 3 – für ein Dreieck, 6 – für ein Sechseck), Farbe und Stil. Betrachten Sie die geometrischen Parameter:

  • Radius ist der Radius des Polygons.
  • Glatte Außenecken
  • Stern- Wenn das Kontrollkästchen deaktiviert ist, ist das Polygon konvex. Wenn das Kontrollkästchen aktiviert ist, ist das Polygon konkav.
  • Strahltiefe- Wenn das Polygon konkav ist, bilden seine Scheitelpunkte sozusagen Strahlen. Dieser Parameter zeigt an, wie viel vom Radius des Polygons von Strahlen eingenommen wird. Je höher der %, desto länger und schärfer sind die Strahlen.
  • Glatte Außenecken- Bei deaktiviertem Häkchen sind die Ecken scharf; bei aktiviertem Häkchen sind die Ecken abgerundet.
Zum Beispiel:

Das erste Neueck hat einen Radius von 3 cm, die restlichen Kästchen sind deaktiviert.

Das zweite Neuneck hat einen Radius von 3 cm, das Häkchen ist -Stern-, die Tiefe der Strahlen beträgt 25 %, die restlichen Kontrollkästchen sind deaktiviert.

Das dritte Neueck hat einen Radius von 3 cm, die Tiefe der Strahlen beträgt 50 %, alle Kontrollkästchen sind aktiviert.

Auf alle wurde ein Stil angewendet.

Linien zeichnen

Wählen wir eine Figur – Linien. Wählen Sie im Bedienfeld den Modus aus – Ebenenform, Linienstärke (in Pixel), Farbe und Stil. Betrachten Sie die geometrischen Parameter:

Wenn alle Kontrollkästchen deaktiviert sind, handelt es sich nur um eine Linie. Die Parameter legen die Pfeile an den Enden dieser Linie fest.

  • Start- Pfeil am Anfang der Zeile.
  • Ende- Pfeil am Ende der Zeile.
  • Breite- Proportionen des Pfeils als Prozentsatz der Linienstärke (von 10 % bis 1000 %).
  • Länge- Proportionen des Pfeils als Prozentsatz der Linienstärke (von 10 % bis 5000 %).
  • Krümmung- bestimmt den Krümmungsgrad des breitesten Teils des Pfeils an der Stelle, an der er auf die Linie trifft (von -50 % bis +50 %).
Zum Beispiel:

Die erste Zeile ist deaktiviert, Breite – 500 %, Länge – 1000 %, Dicke – 2 Pixel.

In der zweiten Zeile ist alles gleich, aber es gibt ein Häkchen am Anfang und eine Krümmung von 5 %.

In der dritten Zeile ist alles gleich, aber das Kontrollkästchen „Ende“ ist aktiviert und das Kontrollkästchen „Anfang“ ist deaktiviert.

Die vierte Zeile verfügt über beide Kontrollkästchen: Breite – 500 %, Länge – 1000 %, Krümmung – 15 %, Dicke – 5 Pixel.

Auf alle wurde ein Stil angewendet.

Zeichnen Sie beliebige Formen

Wählen wir eine Figur – eine beliebige Figur. Wählen Sie im Bedienfeld den Modus aus – Formebene, Farbe und Stil. Die geometrischen Parameter sind die gleichen wie bei einem Rechteck. Aber hier gibt es eine Auswahl der Figur selbst:

Wenn Sie auf das Dreieck im Kreis (rechts) klicken, können Sie im sich öffnenden Kontextmenü weitere Formen auswählen.

Zeichnen Sie mehrere Formen auf einer Ebene

Das Prinzip hier ist das gleiche wie bei den rechteckigen Auswahlwerkzeugen (in der ersten Lektion haben wir mit den Werkzeugen in der Optionsleiste einen nicht standardmäßigen Auswahlbereich erstellt: Zur Auswahl hinzufügen, von der Auswahl subtrahieren usw.). Die gleichen Werkzeuge sind in der Formen-Optionsleiste verfügbar.

Erstellen Sie beispielsweise eine Rechteckform, klicken Sie nun in der Optionsleiste auf das Symbol „Zum Formbereich hinzufügen“ und wählen Sie nun eine Ellipsenform aus. Bewegen Sie den Mauszeiger an den oberen Rand unseres Rechtecks, drücken Sie die linke Maustaste und strecken Sie die Ellipse, ohne sie loszulassen. Es sollte ungefähr so ​​aussehen:

Wenn die Ellipse nicht wie gewünscht gedehnt ist, können Sie sie korrigieren. Nutzen Sie dazu das Werkzeug „Umrissauswahl“ in der Symbolleiste:

Bewegen Sie den Cursor an den Rand der Ellipse und ziehen Sie die Ellipse bei gedrückter linker Maustaste an die Stelle, an der sie sein soll. Mit all diesen Werkzeugen können Sie Formen unterschiedlicher Komplexität zeichnen.

Formen speichern

Nehmen wir an, uns hat die zuletzt erstellte Form gefallen und wir möchten sie in Zukunft verwenden. Dazu müssen Sie es speichern. Für dieses Menü Bearbeiten -> Benutzerdefinierte Form definieren. Geben Sie der neuen Form einen Namen.

Jetzt ist unsere Form im Dropdown-Feld zur Auswahl beliebiger Formen erschienen.

Diese Lektion ist beendet. Das nächste Mal konzentrieren wir uns auf Pfade und Bitmaps.

So zeichnen Sie in Photoshop ein Rechteck ohne Füllung

In diesem Tutorial zeige ich Ihnen, wie Sie in Photoshop ein Rechteck ohne einheitliche Füllung zeichnen, d. h. nur der Umfang wird umrandet. Schließlich lässt sich ein gewöhnliches gefülltes Rechteck ganz einfach zeichnen, aber manche Leute haben damit Probleme.

Öffnen Sie in Photoshop ein Bild, auf dem Sie ein Rechteck zeichnen oder ein neues Dokument erstellen möchten.

Ich öffne dieses Bild:

Das Rechteck muss auf einer neuen Ebene erstellt werden, es kann nicht vor dem Hintergrund erstellt werden. Erstellen Sie eine neue Ebene:

Zeichnen Sie mit gedrückter linker Maustaste ein Rechteck der gewünschten Größe auf das Bild

Wir klicken mit der rechten Maustaste auf den ausgewählten Bereich und wählen aus dem Dropdown-Menü den Punkt „Strich“.

Geben Sie im nächsten Fenster die Breite und Farbe des Strichs an und klicken Sie auf „OK“.

Hier ist, was wir bekommen. Entfernen Sie die Auswahl mit der Tastenkombination Strg + D.

Das Rechteck ist fertig.

Sehen Sie sich ein Video zum Thema an:

comp-profi.com

3 Möglichkeiten, in Photoshop ein Quadrat und ein Rechteck zu zeichnen

Obwohl ein Quadrat und ein Rechteck die einfachsten geometrischen Formen sind, sind zum Zeichnen in Photoshop einige Anstrengungen und Grundkenntnisse erforderlich. Ein Anfänger ohne entsprechende Ausbildung wird diese Aufgabe höchstwahrscheinlich nicht bewältigen.

In diesem Artikel analysieren wir die drei beliebtesten Methoden zum Zeichnen eines Rechtecks ​​oder Quadrats in Photoshop.

Bevor Sie jedoch mit der Auswahl einer Zeichenmethode beginnen, müssen Sie sich für zukünftige Parameter entscheiden. Rechteck/Quadrat kann sein:

  • gefüllt mit einer Volltonfarbe oder nur mit gezeichneten Rändern;
  • beliebig oder mit genau vorgegebenen Maßen;
  • mit der Möglichkeit, die Größe jederzeit ohne Qualitätsverlust zu ändern.

Methode 1. Werkzeug für beliebige Formen

Bei dieser Methode wird ein Rechteck oder Quadrat mit einer Volltonfarbe gezeichnet. Wenn Sie nur den Rand benötigen, fahren Sie mit den nächsten beiden Methoden fort.

Wählen Sie in der Symbolleiste das Werkzeug „Freiformform“ aus. Es gibt zwei mögliche Szenarien für die Entwicklung von Ereignissen:

Option 1. Quadrat oder Rechteck mit weiterer Größenänderung ohne Qualitätsverlust

Hier ist natürlich die Verwendung einer Vektorfigur impliziert. Um es zu zeichnen, müssen Sie eine Option auswählen Formschicht:

In Zukunft können Sie die Größe dieser Figur ändern, ohne an Qualität zu verlieren. Verwenden Sie dazu das Werkzeug „Freie Transformation“ – Strg + T – und verwenden Sie die Eckgriffe, um die Größe zu ändern.

Für diejenigen, die es nicht wissen: Vektorformen bestehen nicht aus Pixeln, sondern aus speziellen mathematischen Formeln. Daher handelt es sich bei der Größenänderung nicht um ein Dehnen/Verkleinern von Pixeln, sondern um eine komplexe mathematische Neuberechnung, bei der es zu keinem Qualitätsverlust kommt.

Option 2. Standardquadrat/Rechteck (Raster).

Um eine Rasterform auf einmal zu zeichnen, verwenden Sie die Einstellung in der Optionsleiste Führen Sie eine Pixelfüllung durch. Aber bevor Sie mit dem Zeichnen beginnen: Erstellen Sie eine neue Ebene!

Tatsächlich können Sie jedoch Vektoren und Vektoren gleichzeitig zeichnen und diese dann einfach rastern. Hier können Sie selbst wählen.

Wie man ein Rechteck zum Quadrat macht

Die übliche Regel mit gedrückter Umschalttaste funktioniert bei beliebigen Formen nicht. Daher müssen Sie das Bedienfeld „Werkzeugoptionen“ verwenden und eine Einstellung auswählen, damit Photoshop ein Quadrat zeichnet.

Beachten Sie, dass Sie im selben Panel die genaue Größe des gewünschten Rechtecks/Quadrats angeben oder es gemäß vorgegebenen Proportionen zeichnen können.

Standardmäßig werden die Abmessungen durch Pixel bestimmt. Wenn Sie die Maßeinheit ändern möchten, geben Sie zunächst einen Wert in das Feld ein und klicken Sie dann mit der rechten Maustaste darauf. Das Fenster zur Einheitenauswahl wird angezeigt. Verfügbar: Pixel, Zoll, Zentimeter, Millimeter, Punkte und Spitzen.

Rechteck oder Quadrat mit abgerundeten Ecken

Um eine Form mit abgerundeten Ecken zu erhalten, gehen Sie wie oben beschrieben vor, wählen Sie jedoch ganz am Anfang das Werkzeug aus Rechteck mit abgerundeten Kanten. In der Werkzeugoptionsleiste müssen Sie nur angeben Radius Rundung.

Methode 2. Streichen Sie über die Auswahl

Diese Methode kostet nur 5 Cent. Wählen Sie das Rechteck-Auswahlrechteck-Werkzeug aus und zeichnen Sie ein Rechteck mit einer gepunkteten Linie. Um ein Quadrat zu zeichnen, halten Sie die Umschalttaste gedrückt.

Jetzt müssen wir die Grenzen dieses ausgewählten Bereichs streichen. Gehen Sie dazu zu Bearbeiten - Schlaganfall.

Stellen Sie dann im neuen Fenster den Strichtyp ein: Geben Sie die Rahmenstärke und die gewünschte Farbe an und markieren Sie, wie der Strich verlaufen soll:

  • Innen– bedeutet, dass der Rahmen innerhalb des ausgewählten Bereichs liegt;
  • Zentriert- bedeutet, dass der Rahmen gleichmäßig in einen Teil, der innerhalb der Auswahl verläuft, und in einen Teil von außen geteilt wird;
  • Außen- bedeutet, dass der Rahmen um die gepunktete Auswahllinie verläuft.

So könnte es ausgehen:

Im obigen Screenshot habe ich die gepunktete Linie bewusst nicht entfernt, da sie für Sie auch nicht verschwinden wird. Um es dauerhaft zu entfernen, drücken Sie Strg + D.

Um bei dieser Methode eine Form mit der exakten Größe zu zeichnen, müssen Sie diese zunächst in der Optionsleiste des Rechteck-Auswahlwerkzeugs angeben Stil - Angegebene Größe oder gegebene Proportionen. Danach werden die Felder aktiv, in denen Sie die Breiten- und Höhenwerte in Pixel eingeben. Wenn Sie mit der rechten Maustaste auf eines dieser Felder klicken, wird ein Menü zum Ändern der Maßeinheiten angezeigt.

Methode 2.1 Ausfüllen der Auswahl

Die gebräuchlichste Methode zum Zeichnen eines Rechtecks ​​besteht darin, ein Auswahlfeld zu zeichnen (wie oben beschrieben) und es einfach mit einer beliebigen Farbe zu füllen. Hier ist ein Rechteck oder Quadrat für Sie.

Methode 3. Änderung der Auswahl

Tatsächlich gefällt mir diese Methode am wenigsten wegen des offensichtlichen Nachteils: Die Ecken des Rechtecks ​​werden abgeschnitten, und der Rand des Rahmens selbst befindet sich in einem gefiederten Zustand, und es ist nicht möglich, diese Tatsachen zu beeinflussen.

Sie müssen also das Rechteck-Auswahlrechteck-Werkzeug erneut auswählen, einen Rahmen für das zukünftige Rechteck oder Quadrat zeichnen (mit der Umschalttaste) und dann zum Menü gehen Auswahl und wähle ein Team Modifikation - Rand.

Es erscheint ein neues Fenster, in dem wir in unserem Fall die Breite des Randes des Rechtecks ​​angeben. Nehmen wir an, ich gebe 7 Pixel an. Wir erhalten folgendes Ergebnis:

Und jetzt müssen Sie nur noch den resultierenden Rahmen übermalen. Hierfür eignet sich das Pinsel-Werkzeug. Hier kann man übrigens kreativer an die Sache herangehen und zum Beispiel mit verschiedenen Farben übermalen. Ergebnis:

Es bleibt nur noch die Auswahl zu entfernen - Strg + D. Ich denke, diese Methode ist nur für meine seltenen spezifischen Aufgaben geeignet, da Auslaufen und unterschnittene Ecken nur alles verderben.

Es ist ein Fehler im Text festgestellt. Wählen Sie ihn aus und drücken Sie Strg + Eingabetaste. Danke!

psand.ru

So zeichnen Sie in Photoshop ein transparentes oder farbiges Rechteck

Das Erstellen eines Rechtecks ​​in Photoshop ist eine ziemlich einfache Aufgabe, die auch ein Anfänger bewältigen kann. Ich empfehle Ihnen, das Zeichnen dieser einfachen Form zu erlernen, da diese Fähigkeit für Sie bei der Ausführung vieler Aufgaben nützlich sein kann. Sei es Website-Design, Bilderrahmen oder Bildkorrektur. Trotz des scheinbar großen Umfangs der Lektion werden Sie diese Aufgabe in wenigen Minuten bewältigen.

Ich zeige Ihnen verschiedene Möglichkeiten, ein Rechteck zu zeichnen, die Sie alle jemals brauchen werden.

Beginnen wir mit Formen. Wir erstellen ein neues Dokument. 1000 x 1000 Pixel reichen aus.


Gehen Sie nun zur Symbolleiste und suchen Sie nach dem Rechteck-Werkzeug.


Mit gedrückter rechter Maustaste zeichnen wir über das Arbeitsfeld.



Das Rechteck ist fertig! Um den dünnen schwarzen Rand zu entfernen, rastern Sie die Ebene. Die Rasterung finden Sie im Ebenenfenster.


Nun der zweite Weg. Ausgewählter Bereich.

Suchen Sie im oberen Bereich nach der Registerkarte „Ebenen“ und erstellen Sie eine neue.

Jetzt ist es an der Zeit, sich mit einem der beliebtesten Werkzeuge in Photoshop vertraut zu machen – dem ausgewählten Bereich, der sich oben in der seitlichen Symbolleiste befindet.


Wir zeichnen auf dem Arbeitsfeld, indem wir die rechte Maustaste gedrückt halten.


Es hat sich ein ausgewählter Bereich gebildet, den wir füllen müssen. Kommen wir also zum Werkzeug „Primärfarbe auswählen“. Durch Klicken darauf öffnen wir die Farbkarte und wählen einen beliebigen Farbton aus.

Wir suchen das Füllwerkzeug, wählen es aus und klicken auf den ausgewählten Bereich.



Und nun die Tastenkombination Strg + D und schon wird die Auswahl entfernt! Das Rechteck ist fertig!



Mit der dritten Methode lernen wir, wie man in Photoshop ein transparentes Dreieck zeichnet, das oft als Fotorahmen verwendet wird. Es ist genauso einfach zu zeichnen. Erstellen Sie eine neue Ebene, wählen Sie eine rechteckige Auswahl aus und platzieren Sie sie auf der Arbeitsfläche. Im Allgemeinen führen wir alle oben genannten Aktionen durch.


Und jetzt streichen wir über den ausgewählten Bereich, gehen zum oberen Bereich und klicken auf die Registerkarte „Bearbeiten“. Uns interessiert der Stroke-Befehl.


Wie Sie sehen können, wurde ein Dialogfeld angezeigt, in dem wir aufgefordert werden, die Linienstärke, die Strichfarbe und die Rahmenposition auszuwählen. Stellen Sie die Parameter nach Ihrem Geschmack ein oder wählen Sie meinen.


Drücken Sie die Tastenkombination Strg + D, um die Auswahl zu entfernen und das Ergebnis zu genießen.

Wie Sie sehen, haben wir einen vollwertigen Rahmen in Form eines transparenten Dreiecks.


Wir haben bereits gelernt, wie man in Photoshop ein Rechteck erstellt. Lassen Sie uns lernen, wie man es bearbeitet! Versuchen wir zum Beispiel, die Farbe und Größe zu ändern.


Wie Sie vielleicht bemerkt haben, empfehle ich Ihnen, eine neue Ebene zu erstellen, um das Rechteck zu zeichnen. Und das ist kein Zufall. Ihr Rechteck ist nicht im Arbeitsbereich verankert. Sie können es beliebig bearbeiten, der Arbeitsbereich bleibt jedoch unverändert. Ich möchte Sie warnen, dass diese Methoden auf ein Rechteck anwendbar sind, das mit einer der oben genannten Methoden erstellt wurde.

Versuchen wir zunächst, die Farbe zu ändern. Auch hier gibt es mehrere Methoden. Das erste ist das Füllwerkzeug. Wählen Sie in der Symbolleiste die gewünschte Farbe aus. Klicken Sie dann auf das Füllwerkzeug. Und danach schon auf unserem Rechteck.

Das Rechteck war gelb, wurde aber grün. Sehr einfach, finden Sie nicht?


Die zweite Möglichkeit sind Overlay-Optionen. Im Pferd des Wortes suchen wir das gewünschte und klicken es mit der linken Maustaste an.


Aktivieren Sie im angezeigten Dialogfeld das Kontrollkästchen neben „Farbüberlagerung“. Klicken Sie auf das mit Farbe gefüllte Kästchen und wählen Sie die Farbe aus, die Ihnen gefällt.


Es gibt viele Möglichkeiten, die Farbe eines Rechtecks ​​zu ändern. Man kann sich aber durchaus auf zwei wesentliche beschränken.

Lassen Sie uns nun lernen, wie Sie die Größe des Rechtecks ​​bestimmen.


Die Größenänderung eines Rechtecks ​​in Photoshop ist äußerst einfach. Wählen Sie das Verschieben-Werkzeug und klicken Sie auf das Rechteck.



Durch Ziehen der Ecke mit der Maus können Sie deren Größe ändern. Und auch entlang der Achse drehen.

photoshop-work.ru

So zeichnen Sie ein Rechteck in Photoshop


Die einfachste geometrische Figur ist ein Rechteck (Quadrat). Verschiedene Elemente von Websites, Bannern und anderen Kompositionen können aus Rechtecken bestehen.

Photoshop bietet uns die Möglichkeit, ein Rechteck auf verschiedene Arten zu zeichnen.

Der erste Weg ist ein Werkzeug "Rechteck".

Aus dem Namen geht hervor, dass Sie mit dem Tool Rechtecke zeichnen können. Bei Verwendung dieses Werkzeugs wird eine Vektorform erstellt, die beim Skalieren weder verzerrt noch an Qualität verliert.

Die Werkzeugeinstellungen befinden sich im oberen Bereich.


Es ist möglich, ein Rechteck mit vorgegebenen Abmessungen zu zeichnen. Die Abmessungen werden in den Feldern entsprechend der Breite und Höhe angegeben und das Rechteck wird mit einem Klick und Bestätigung erstellt.

Der zweite Weg ist ein Werkzeug „Rechteckiger Bereich“.

Dieses Werkzeug erstellt einen ausgewählten Bereich mit rechteckiger Form.

Wie beim vorherigen Tool funktioniert der Schlüssel SCHICHT, wodurch ein Quadrat entsteht.

Der rechteckige Bereich muss ausgefüllt werden. Dazu können Sie die Tastenkombination drücken UMSCHALT+F5 und legen Sie den Fülltyp fest,

oder nutzen Sie das Tool „Gießen“.


Mit den Tasten wird die Auswahl aufgehoben STRG+D.

Für eine rechteckige Fläche können Sie auch die Abmessungen oder Proportionen angeben (z. B. 3x4).

Alles über Rechtecke für heute. Jetzt wissen Sie, wie Sie sie erstellen, und zwar auf zwei Arten.

Wir freuen uns, dass wir Ihnen bei der Lösung des Problems helfen konnten.
Stellen Sie Ihre Frage in den Kommentaren und beschreiben Sie dabei detailliert den Kern des Problems. Unsere Experten werden versuchen, so schnell wie möglich zu antworten.

Hat Ihnen dieser Artikel geholfen?

Ja Nein

lumpics.ru

So zeichnen Sie ein Quadrat in Photoshop

Es scheint, dass wir uns in diesem Artikel mit einer sehr einfachen Frage befassen, auf die jeder die Antwort kennt, aber glauben Sie mir, hier ist nicht alles so einfach und es gibt viele Nuancen, insbesondere beim Zeichnen eines Quadrats oder Rechtecks ​​ohne Füllung.

Und so legen wir los. Zeichnen Sie zunächst ein Quadrat mit einer Füllung. Dazu öffne ich das folgende Bild in Photoshop:

Wählen Sie in der Symbolleiste das Werkzeug „Rechteck“ aus

Klicken Sie nun im oberen Bereich auf den Pfeil, um die Parameter zu öffnen und die Breite und Höhe festzulegen oder ein beliebiges Quadrat auszuwählen:

Zeichnen wir dieses Quadrat. Die Füllfarbe kann natürlich geändert werden.

Lassen Sie uns nun das schwierigere Problem lösen So zeichnen Sie in Photoshop ein Quadrat oder Rechteck ohne Füllung.

Ein solches Rechteck muss auf einer neuen Ebene gezeichnet werden, also erstellen Sie es. „Ebenen – Neu“.

Wählen Sie das Werkzeug „Rechteckiges Auswahlrechteck“ aus.

Zeichnen Sie mit diesem Werkzeug ein Rechteck auf das Bild. Um ein Quadrat zu zeichnen, halten Sie die Umschalttaste gedrückt und ziehen Sie es auf die gewünschte Größe.

Geben Sie die Breite und Farbe des Strichs an und klicken Sie auf „OK“.

Das Ergebnis ist so ein Quadrat ohne Füllung, wie wir es wollten:

Und schauen Sie sich auch das thematische Video an:

pc-wissen.ru

So zeichnen Sie in Photoshop – Lektion 9. Zeichnen einer Form in Photoshop

Mit Zeichenwerkzeugen können Sie Vektorformen erstellen und bearbeiten. Sie erleichtern die Erstellung verschiedener Elemente für Webseiten.

Erstellen Sie eine neue Trainingsdatei.

Klicken Sie mit der linken Maustaste auf das Werkzeug „Formen“ in der Symbolleiste. Das Werkzeugauswahlfenster wird geöffnet:

Hier sind die wichtigsten Formen, die wir verwenden können. Wählen Sie eine beliebige aus und sehen Sie sich das Optionsfeld an:

Für jede Figur können Sie wählen:

  • Zeichenmodus:
    • Formschicht. Die Form wird auf einer separaten Ebene erstellt. Eine Formebene besteht aus einer Füllebene, die die Farbe der Form definiert, und einer zugehörigen Vektormaske, die die Grenzen der Form definiert. Die Ränder der Form sind ein Pfad, der auf der Registerkarte „Pfade“ des Ebenenbedienfelds angezeigt wird.

    • Konturen. In diesem Modus können Sie Umrisse von Formen zeichnen, die mit einer beliebigen Farbe gefüllt oder umrandet werden können. Pfade werden auf der Registerkarte „Pfade“ des Ebenenbedienfelds angezeigt.

    • Pixelfüllung. Beim Arbeiten in diesem Modus werden keine Vektor-, sondern Rasterbilder erstellt, die wie jedes Rasterbild verarbeitet werden können

  • Stil und Farbe

  • Legen Sie spezifische Parameter für diese Form fest

Zeichnen Sie Rechtecke

Wählen wir die erste Form – ein Rechteck. Wählen Sie im Bedienfeld den Modus „Ebenenform“ aus. Wählen Sie einen Stil aus, indem Sie auf das Dreieck rechts klicken.

Wählen Sie, was Ihnen gefällt. Wenn Sie übrigens auf das Dreieck im Kreis (rechts) klicken, können Sie im sich öffnenden Kontextmenü weitere Stile auswählen. Wenn Sie keinen Stil verwenden möchten, wählen Sie ein weißes Quadrat mit einer roten Linie durch.

Jetzt können Sie die geometrischen Parameter einstellen:

  • Willkürlich- So wie du zeichnest, soll es so sein.
  • Quadrat- Beim Strecken der Form mit der Maus bleiben Breite und Höhe immer gleich.
  • Angegebene Größe- Sie können die Breite und Höhe des Rechtecks ​​(in cm) einstellen und auf die Leinwand klicken. Es erscheint ein Rechteck mit den angegebenen Abmessungen.
  • Seitenverhältnis einstellen- Sie können festlegen, wie oft die Breite kleiner (oder größer) als die Höhe sein soll. Beim Strecken der Figur bleiben die Proportionen erhalten.
  • Von der Mitte- Zeichnet ein Rechteck aus der Mitte.
  • An Pixel ausrichten- Rechteckkanten rasten an Pixelrändern ein.
Wählen Sie nun beliebig aus und ziehen Sie Ihr Rechteck mit der Maus auf der Leinwand. Folgendes habe ich beispielsweise erhalten, wenn ich die Stile „Button“, „Glass Buttons“ und „Web Styles“ verwendet habe.

Ein ziemlich nützliches Tool zum Erstellen von Schaltflächen und Menüs für Ihre Webseiten, nicht wahr?

Zeichnen Sie Rechtecke mit abgerundeten Ecken

Wählen wir die zweite Form aus – ein Rechteck mit abgerundeten Ecken. Wählen Sie im Panel den Modus aus – die Ebenenform, den Eckenradius – zum Beispiel 15 und die Farbe (Sie können sie nach Ihren Wünschen gestalten). Die geometrischen Parameter sind die gleichen wie für das Rechteck.

Hier ist, was ich mit verschiedenen Kombinationen von Radius und Stil erhalten habe.

Warum nicht Nachrichtenblöcke und Menüschaltflächen?

Zeichne Kreise

Wählen wir die dritte Figur – eine Ellipse. Wählen Sie im Bedienfeld den Modus aus – Formebene, Farbe und Stil. Die geometrischen Parameter sind die gleichen wie bei einem Rechteck, mit dem einzigen Unterschied, dass statt eines Quadrats auch ein Kreis gewählt werden kann. Wählen Sie -beliebig- und strecken Sie die Ellipse. Wenn es ein Kreis sein soll, dann halten Sie die Umschalttaste gedrückt oder wählen Sie -Kreis- in den geometrischen Parametern aus.

Folgendes ist mir passiert:

Zeichnen Sie Polygone

Wählen wir eine Form – ein Polygon. Wählen Sie im Bedienfeld den Modus aus – Ebenenform, die Anzahl der Seiten im Bereich von 3 bis 100 (z. B. 3 – für ein Dreieck, 6 – für ein Sechseck), Farbe und Stil. Betrachten Sie die geometrischen Parameter:

  • Radius ist der Radius des Polygons.
  • Glatte Außenecken
  • Stern- Wenn das Kontrollkästchen deaktiviert ist, ist das Polygon konvex. Wenn das Kontrollkästchen aktiviert ist, ist das Polygon konkav.
  • Strahltiefe- Wenn das Polygon konkav ist, bilden seine Scheitelpunkte sozusagen Strahlen. Dieser Parameter zeigt an, wie viel vom Radius des Polygons von Strahlen eingenommen wird. Je höher der %, desto länger und schärfer sind die Strahlen.
  • Glatte Außenecken- Bei deaktiviertem Häkchen sind die Ecken scharf; bei aktiviertem Häkchen sind die Ecken abgerundet.
Zum Beispiel:

Das erste Neueck hat einen Radius von 3 cm, die restlichen Kästchen sind deaktiviert.

Das zweite Neuneck hat einen Radius von 3 cm, das Häkchen ist -Stern-, die Tiefe der Strahlen beträgt 25 %, die restlichen Kontrollkästchen sind deaktiviert.

Das dritte Neueck hat einen Radius von 3 cm, die Tiefe der Strahlen beträgt 50 %, alle Kontrollkästchen sind aktiviert.

Auf alle wurde ein Stil angewendet.

Linien zeichnen

Wählen wir eine Figur – Linien. Wählen Sie im Bedienfeld den Modus aus – Ebenenform, Linienstärke (in Pixel), Farbe und Stil. Betrachten Sie die geometrischen Parameter:

Wenn alle Kontrollkästchen deaktiviert sind, handelt es sich nur um eine Linie. Die Parameter legen die Pfeile an den Enden dieser Linie fest.

  • Start- Pfeil am Anfang der Zeile.
  • Ende- Pfeil am Ende der Zeile.
  • Breite- Proportionen des Pfeils als Prozentsatz der Linienstärke (von 10 % bis 1000 %).
  • Länge- Proportionen des Pfeils als Prozentsatz der Linienstärke (von 10 % bis 5000 %).
  • Krümmung- bestimmt den Krümmungsgrad des breitesten Teils des Pfeils an der Stelle, an der er auf die Linie trifft (von -50 % bis +50 %).
Zum Beispiel:

Die erste Zeile ist deaktiviert, Breite – 500 %, Länge – 1000 %, Dicke – 2 Pixel.

In der zweiten Zeile ist alles gleich, aber es gibt ein Häkchen am Anfang und eine Krümmung von 5 %.

In der dritten Zeile ist alles gleich, aber das Kontrollkästchen „Ende“ ist aktiviert und das Kontrollkästchen „Anfang“ ist deaktiviert.

Die vierte Zeile verfügt über beide Kontrollkästchen: Breite – 500 %, Länge – 1000 %, Krümmung – 15 %, Dicke – 5 Pixel.

Auf alle wurde ein Stil angewendet.

Zeichnen Sie beliebige Formen

Wählen wir eine Figur – eine beliebige Figur. Wählen Sie im Bedienfeld den Modus aus – Formebene, Farbe und Stil. Die geometrischen Parameter sind die gleichen wie bei einem Rechteck. Aber hier gibt es eine Auswahl der Figur selbst:

Wenn Sie auf das Dreieck im Kreis (rechts) klicken, können Sie im sich öffnenden Kontextmenü weitere Formen auswählen.

Zeichnen Sie mehrere Formen auf einer Ebene

Das Prinzip hier ist das gleiche wie bei den rechteckigen Auswahlwerkzeugen (in der ersten Lektion haben wir mit den Werkzeugen in der Optionsleiste einen nicht standardmäßigen Auswahlbereich erstellt: Zur Auswahl hinzufügen, von der Auswahl subtrahieren usw.). Die gleichen Werkzeuge sind in der Formen-Optionsleiste verfügbar.

Erstellen Sie beispielsweise eine Rechteckform, klicken Sie nun in der Optionsleiste auf das Symbol „Zum Formbereich hinzufügen“ und wählen Sie nun eine Ellipsenform aus. Bewegen Sie den Mauszeiger an den oberen Rand unseres Rechtecks, drücken Sie die linke Maustaste und strecken Sie die Ellipse, ohne sie loszulassen. Es sollte ungefähr so ​​aussehen:

Wenn die Ellipse nicht wie gewünscht gedehnt ist, können Sie sie korrigieren. Nutzen Sie dazu das Werkzeug „Umrissauswahl“ in der Symbolleiste:

Bewegen Sie den Cursor an den Rand der Ellipse und ziehen Sie die Ellipse bei gedrückter linker Maustaste an die Stelle, an der sie sein soll. Mit all diesen Werkzeugen können Sie Formen unterschiedlicher Komplexität zeichnen.

Formen speichern

Nehmen wir an, uns hat die zuletzt erstellte Form gefallen und wir möchten sie in Zukunft verwenden. Dazu müssen Sie es speichern. Für dieses Menü Bearbeiten -> Benutzerdefinierte Form definieren. Geben Sie der neuen Form einen Namen.

Jetzt ist unsere Form im Dropdown-Feld zur Auswahl beliebiger Formen erschienen.

Diese Lektion ist beendet. Das nächste Mal konzentrieren wir uns auf Pfade und Bitmaps.

  • Lektion 2. Ebenen und Text
  • Lektion 3. Filter
  • Lektion 6
  • Lektion 7. Zeichnen – Pinsel und Bleistift
  • Lektion 11

    Vorherige Lektion Zurück zur nächsten Lektion 

  • www.site-do.ru

    So zeichnen Sie Vektorformen in Photoshop, Füll- und Konturoptionen

    In den allermeisten Fällen zeichnen Sie Vektorformen. Im Gegensatz zu Pixelformen sind Vektorformen flexibel, skalierbar und nicht von der Bildauflösung abhängig. Das bedeutet, dass wir sie auf jede gewünschte Größe einstellen, sie ohne Qualitätsverlust beliebig bearbeiten und skalieren und sie sogar in jeder beliebigen Größe drucken können Größe auch ohne Qualitätsverlust!

    Unabhängig davon, ob sie auf dem Bildschirm oder im Ausdruck angezeigt werden, bleiben die Kanten von Vektorformen immer klar und scharf.

    Um sicherzustellen, dass Sie Vektorformen und keine Pfade oder Pixel zeichnen, wählen Sie in den Werkzeugmodusansichten in der Optionsleiste die Option „Form“ aus:

    Auswählen der Option „Form“ in der Optionsleiste

    Eine Form mit Farbe füllen

    Das nächste, was wir normalerweise tun, nachdem wir die Option „Form“ ausgewählt haben, ist die Auswahl der Farbe, die die Form ausfüllt. In Photoshop CS6 und höher geschieht dies durch Klicken auf das Feld „Füllen“ in der Optionsleiste:



    Klicken Sie auf die Schaltfläche in der Optionsleiste, um das Dialogfeld „Formfüllungseigenschaften“ zu öffnen.

    Diese Aktion öffnet ein Fenster, in dem wir aus vier verschiedenen Möglichkeiten zum Ausfüllen des Formulars wählen können, die jeweils durch eines von vier Symbolen oben im Fenster dargestellt werden. Belegung der Icons, beginnend vom linken Rand:

    • keine Farbe(Keine Farbe) – weißes Rechteck mit einer roten diagonalen Linie, keine Füllung
    • Pure Farbe(Volltonfarbe) – Volltonfüllung
    • Gradient(Verlauf) – Verlaufsfüllung
    • Muster(Muster) – mit einem Photoshop-Muster (Muster) füllen



    Verschiedene Methoden zum Ausfüllen eines Formulars

    Keine Farbe (Keine Farbe)

    Wie der Name schon sagt, bleibt die Form bei Auswahl dieser Option ohne Füllung und mit leeren Pixeln im Inneren. Wofür ist das? Nun, in manchen Fällen ist möglicherweise nur die Kontur selbst erforderlich. Außerdem wird oft nur ein Strich mit transparenten Pixeln im Inneren benötigt.

    Unten finden Sie ein einfaches Beispiel dafür, wie ein Formular ohne Farbfüllung aussieht. Alles, was wir sehen, ist die Hauptkontur der Form, die „Kontur“ (Pfad) genannt wird. Der Umriss erscheint nur im Photoshop-Dokument. Wenn Sie Ihre Arbeit also als JPEG oder PNG speichern oder drucken, ist der Umriss nicht sichtbar. Um es sichtbar zu machen, müssen wir einen Strich hinzufügen. Als Nächstes sehen wir, wie man ihn hinzufügt:



    Rechteckform ohne Füllung oder Strich.

    Einfarbig

    Um Ihr Formular mit einer Volltonfarbe zu füllen, wählen Sie die Option „Volltonfarbe“, zweites Symbol von links:



    Option „Reine Farbe“ (Solid Color), um die Form mit einer festen Volltonfarbe zu füllen

    Wählen Sie bei aktiver Option eine Farbe für die Form aus, indem Sie auf eines der Farbfelder klicken. Die Farben, die Sie kürzlich bei der Arbeit in Photoshop verwendet haben, werden über den Hauptfarbfeldern angezeigt:



    Farbauswahl durch Klicken auf das Muster.

    Wenn die von Ihnen benötigte Farbe nicht zu den angezeigten Mustern gehört, klicken Sie auf das Symbol „Farbauswahl“ in der oberen rechten Ecke des Fensters:



    Klicken Sie auf das Farbauswahlsymbol, um Ihre eigene Farbe auszuwählen.

    Das Dialogfeld „Farbauswahl“ wird geöffnet. Wählen Sie darin eine Farbe aus und klicken Sie auf „OK“, um die Farbauswahl zu schließen, nachdem Sie die gewünschte Farbe ausgewählt haben.

    Wie Sie in der Abbildung unten sehen können, haben wir nach diesen Aktionen das gleiche Formular, nur dass das Formular jetzt eine Farbe hat:



    Eine Figur voller Farbe.

    Verlaufsfüllung

    Um Ihre Form mit einem Farbverlauf zu füllen, wählen Sie die Option „Farbverlauf“. Klicken Sie dann auf eine der Miniaturansichten, um einen voreingestellten Farbverlauf auszuwählen, oder verwenden Sie die Miniaturansicht des Farbverlaufsstreifens unten, um Ihre eigene Farbverlaufsvariante zu erstellen.



    Wählen Sie einen vorgefertigten Farbverlauf oder erstellen Sie Ihren eigenen Farbverlauf, um die Form zu füllen.

    Hier ist die gleiche Form, nur dass sie jetzt mit einem Farbverlauf gefüllt ist:



    Eine Form, die mit einem der voreingestellten Farbverläufe von Photoshop gefüllt ist.

    Musterfüllung (Muster)

    Schließlich können wir mit der Option „Musterfüllung“ die Form mit einem der voreingestellten Muster von Photoshop füllen.
    Klicken Sie auf eines der Miniaturbilder, um ein Muster auszuwählen. In Photoshop sind nicht viele Musteroptionen vorinstalliert. Auswählen, Laden und Installieren eines Füllmusters wird hier ausführlich beschrieben.

    Unten sehen Sie die gleiche Form, diesmal gefüllt mit einem Muster:



    Dieselbe Form, nur dieses Mal mit dem Standard-Photoshop-Muster gefüllt.

    Machen Sie sich keine Sorgen, wenn Sie noch nicht sicher sind, welche Farbe, welchen Farbverlauf oder welches Muster Ihre Form benötigt. Wie wir später sehen werden, können Sie die Form später jederzeit bearbeiten und die Füllung ändern.

    Hinzufügen eines Strichs zu einer Vektorform

    Diese Option gibt es in Photoshop seit Version CS6. Standardmäßig fügt Photoshop den Rändern einer Form keinen Strich hinzu, aber das Hinzufügen eines Strichs ist so einfach wie das Hinzufügen einer Farbfüllung.

    Um einen Strich hinzuzufügen, klicken Sie auf die entsprechende Option in der Optionsleiste:

    Option zum Hinzufügen eines Strichs.

    Dies öffnet ein Fenster mit Optionen, in denen wir die Farbe des Strichs auswählen und viele andere Optionen festlegen können.

    Oben im Fenster befinden sich dieselben vier Symbole zur Auswahl des Fülltyps der Strichlinie: Keine Farbe, Volltonfarbe, Farbverlauf und Muster. Standardmäßig ist „Keine Farbe“ ausgewählt. Ich wähle den Typ „Einfarbig“. Wählen Sie eine Strichfarbe aus und weisen Sie sie genauso zu wie die Füllfarbe, wie oben beschrieben.

    Ändern des Schlaggewichts

    Um die Strichstärke zu ändern, verwenden Sie das entsprechende Eingabefeld direkt rechts neben dem Farbfeldrechteck in der Optionsleiste. Standardmäßig ist die Gewichtung auf 3 pt (Punkte) eingestellt. Sie können aber auch andere Maßeinheiten festlegen, wenn Sie mit der rechten Maustaste auf dieses Eingabefeld klicken, öffnet sich eine Dropdown-Liste mit Maßeinheiten. Ich wähle fast immer Pixel:

    Ändern Sie die Breite und Einheiten des Strichs.

    Option „Kanten ausrichten“.

    Rechts neben allen anderen befindet sich in der Optionsleiste die Option „Kanten ausrichten“. Wenn diese Funktion aktiviert ist (standardmäßig aktiviert), richtet Photoshop die Kanten des Strichs am Pixelraster aus, wodurch das Bild schärfer wird.
    Die Option ist nur aktiv, wenn die Stricheinheit Pixel ist.

    Weitere Strichoptionen

    Standardmäßig zeichnet Photoshop einen durchgezogenen Strich, wir können dies jedoch ändern, indem wir in der Optionsleiste auf die Schaltfläche „Strichoptionen“ klicken:

    Schaltfläche des Fensters zur Auswahl zusätzlicher Eigenschaften – Auswahl eines Strichstrichs – durchgehend, gestrichelt, gepunktet usw.

    Dadurch wird das Fenster „Strichoptionen“ geöffnet. In diesem Fenster können wir den Linientyp von durchgezogen in gestrichelt oder gepunktet ändern. Darüber hinaus gibt es drei zusätzliche Schlagoptionen:



    Dialogfeld „Konturoptionen“.

    Möglichkeit "Ausrichten"(Ausrichten) ermöglicht uns die Auswahl, ob sich der Strich innerhalb des Pfades, außerhalb oder in der Mitte befindet.
    Nächste Option „Endet“(Großbuchstaben) funktioniert nur, wenn wir einen gestrichelten Strich ausgewählt haben. Wir können das Aussehen der Enden der Segmente ändern.

    1. Der Strich endet am Rand seiner angegebenen Länge und das Ende hat eine rechteckige Form
    2. Das Ende hat eine halbkreisförmige Form und ragt auf jeder Seite um die halbe Breite über den Rand einer bestimmten Strichlänge hinaus
    3. Das Ende hat eine rechteckige Form und ragt auf jeder Seite um die halbe Breite über den Rand der angegebenen Strichlänge hinaus

    „Winkel“(Ecken) ermöglichen Ihnen, das Erscheinungsbild der Ecke an der Kreuzung von Strichlinien zu ändern. Die Kohlen können scharf (Standard), abgerundet oder abgeschrägt sein. Diese Option funktioniert, wenn der Strich außerhalb oder in der Mitte des Pfads liegt. Befindet sich der Strich innerhalb des Pfades, bleiben die Ecken immer scharf.

    Wenn Sie unten im Fenster auf die Schaltfläche „Andere Optionen ...“ (Weitere Optionen ...) klicken, wird ein weiteres Fenster geöffnet, in dem wir die Länge der Striche und die Abstände zwischen den Strichen festlegen können. Hier ist ein Beispiel einer rechteckigen Form mit einem gefüllten und gestrichelten Strich und unterschiedlichen Strichlängen:



    Ein Strich innerhalb einer Form, der zwei Arten von Strichen verwendet – eine Linie und einen Punkt.
    .

    In diesem Tutorial behandeln wir die Grundlagen der Arbeit mit Formen und Formebenen in Photoshop. Wir beginnen unsere Lektion mit dem Erlernen der fünf grundlegenden Werkzeuge zum Zeichnen geometrischer Formen – Rechteck, abgerundetes Rechteck, Ellipse, Polygon und Linie.

    Anschließend schauen wir uns im nächsten Tutorial an, wie man mit dem Freiformform-Werkzeug komplexere Formen zeichnet. Die meisten Leute denken, dass Photoshop nur zur Bildbearbeitung verwendet wird, und wenn man sie nach einem guten Grafikeditor fragen würde, wäre die Antwort in den meisten Fällen „Adobe Illustrator“.

    Tatsächlich sind die Fähigkeiten von Adobe Illustrator im Bereich der Vektorgrafiken viel umfassender als die von Photoshop-Programmen, dennoch kann Photoshop in diesem Bereich mehr, als Sie von einem Bitmap-Editor erwarten sollten. Die verschiedenen Werkzeuge in der Gruppe „Formen“ und die Formebenen von Photoshop erleichtern das Hinzufügen einfacher Vektorbilder zu Zeichnungen und Zeichnungen.

    Photoshop verfügt über sechs Werkzeuge zum Zeichnen von Formen: Rechteckwerkzeug, abgerundetes Rechteckwerkzeug, Ellipsenwerkzeug, Polygonwerkzeug, Linie (Linienwerkzeug) und „Benutzerdefinierte Form“ (Benutzerdefiniertes Formwerkzeug). Sie befinden sich an einer Stelle in der Symbolleiste.

    Standardmäßig ist das Rechteck-Werkzeug im Bedienfeld sichtbar. Wenn wir jedoch auf das Werkzeugsymbol klicken und die Maustaste einige Sekunden lang gedrückt halten, wird ein Popup-Menü mit einer Liste der übrigen Werkzeuge der Gruppe „Formen“ angezeigt aus dem wir das auswählen können, was wir brauchen:

    Alle sechs Werkzeuge der Gruppe „Formen“ befinden sich an einer Stelle in der Symbolleiste

    Wenn Sie zunächst ein Werkzeug in der Gruppe „Formen“ auswählen und dann zu einem anderen wechseln möchten, müssen Sie die Symbolleiste nicht erneut aufrufen (Sie können dies jedoch tun, wenn Sie möchten). Mit Photoshop können wir das gewünschte Werkzeug aus der Optionsleiste oben auf dem Bildschirm auswählen, wo alle sechs Werkzeuge angezeigt werden. In der Symbolleiste wähle ich beispielsweise das Rechteck-Werkzeug aus:

    Auswählen des Rechteckwerkzeugs

    Nach Auswahl des Rechteckwerkzeugs werden in der Optionsleiste sechs Symbole angezeigt, die die verschiedenen Werkzeuge in der Gruppe „Formen“ darstellen. Die Werkzeuge werden von links nach rechts in derselben Reihenfolge platziert, in der sie in der Symbolleiste erscheinen, sodass wir wieder die Werkzeuge „Rechteck“, „Abgerundetes Rechteck“, „Ellipse“, „Polygon“, „Linie“ und „Freiform“ sehen. Um das gewünschte Werkzeug auszuwählen, klicken Sie einfach auf eines der Symbole:

    Alle sechs Formenwerkzeuge können direkt aus der Optionsleiste ausgewählt werden (nachdem eines davon aus der Symbolleiste ausgewählt wurde).

    Auswahl der Option „Formebene“.

    Bevor wir mit dem Zeichnen von Formen beginnen, müssen wir Photoshop mitteilen, welche Art von Form wir zeichnen möchten. In diesem Fall meine ich mit Formtyp nicht „Rechteck“ oder „Kreis“. Tatsächlich ermöglicht uns Photoshop das Zeichnen von drei verschiedenen Arten von Formen – Vektorformen, Pfade und Pixelformen.

    In einem anderen Tutorial werden wir uns genauer ansehen, wie sich diese drei Arten von Formen unterscheiden und in welchem ​​Fall welcher Typ zu verwenden ist. In den meisten Fällen zeichnen Sie jedoch Vektorformen. Sie werden in einem Programm wie Illustrator gezeichnet. Im Gegensatz zu Pixelformen sind Vektorformen unabhängig von der Auflösung und vollständig skalierbar. Das bedeutet, dass wir die Größe nach Belieben ändern können, ohne dass die Bildqualität darunter leidet. Die Kanten von Vektorformen bleiben sowohl auf dem Bildschirm als auch beim Drucken klar und scharf.

    Um Vektorformen zu zeichnen, wählen Sie in der Optionsleiste die Option „Formebenen“ aus. Dies ist das erste von drei Symbolen weiter links (das mittlere Symbol ist die Option „Pfade“ und das rechte ist die Option „Pixel füllen“):

    Um Vektorformen zu zeichnen, wählen Sie die Option „Formebene“.

    Eine Farbe für eine Form auswählen

    Nachdem wir die Option „Formebene“ ausgewählt haben, müssen wir eine Farbe für unsere Form auswählen. Wir tun dies, indem wir im Einstellungsfeld auf das Farbfeldsymbol rechts neben dem Wort „Farbe“ (Farbe) klicken:

    Klicken Sie auf das Farbfeldsymbol, um die gewünschte Farbe für die Form auszuwählen

    Diese Aktion öffnet die Farbpalette, in der wir die gewünschte Farbe auswählen können. In meinem Fall wähle ich Rot. Wenn Sie eine Farbe ausgewählt haben, klicken Sie auf OK, um die Farbpalette zu schließen:

    Wählen Sie aus der Farbpalette eine Farbe für die Form

    Wenn Sie nicht sicher sind, ob Sie die richtige Farbe für Ihre Figur gewählt haben, machen Sie sich darüber keine Sorgen. Als Nächstes schauen wir uns an, wie Sie mithilfe von Formebenen problemlos zu den vorherigen Schritten zurückkehren und die Farbe einer Form jederzeit ändern können, nachdem wir sie gezeichnet haben.

    Rechteckwerkzeug

    Wie der Name schon vermuten lässt, können wir mit dem Rechteckwerkzeug vierseitige rechteckige Formen zeichnen. Klicken Sie einfach in das Dokumentfenster, um den Startpunkt der Form zu definieren, und ziehen Sie dann bei gedrückter Maustaste die Maus diagonal, um das Zeichnen der Form abzuschließen. Wenn Sie den Cursor bewegen, sehen Sie die dünnen Umrisse der zukünftigen Figur:

    Ziehen Sie den Cursor, um eine rechteckige Form zu zeichnen. Während sich der Cursor bewegt, wird der Umriss der Form angezeigt.

    Wenn Sie mit dem Ergebnis zufrieden sind, lassen Sie die Maustaste los und das Programm füllt die Form sofort mit der Farbe, die Sie im Einstellungsfeld ausgewählt haben:

    Das Programm füllt die Form mit Farbe, sobald Sie die Maustaste loslassen

    Zeichnen Sie eine Form aus der Mitte

    Wenn Sie ein Rechteck (oder eine andere Form) von der Mitte statt von der Ecke aus zeichnen müssen, platzieren Sie den Cursor im Dokumentfenster, um die Mitte des zukünftigen Rechtecks ​​zu bestimmen, und beginnen Sie bei gedrückter Maustaste mit dem Ziehen des Cursors und Zeichnen Sie die Form wie gewohnt. Halten Sie dabei die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt, während Sie den Cursor bewegen. Durch Drücken dieser Taste wird das Programm angewiesen, die Figur von der Mitte aus zu zeichnen. Dieser Trick funktioniert mit allen Formwerkzeugen, nicht nur mit dem Rechteckwerkzeug:

    Um eine Form aus der Mitte zu zeichnen, halten Sie beim Bewegen des Cursors die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt

    Quadrate zeichnen

    Mit dem Rechteck-Werkzeug können wir auch Quadrate zeichnen. Um ein Quadrat zu zeichnen, platzieren Sie den Cursor im Dokumentfenster und ziehen Sie ihn, um eine rechteckige Form zu zeichnen. Sobald Sie damit begonnen haben, drücken Sie die Umschalttaste und halten sie gedrückt, während Sie den Cursor bewegen. Durch Drücken der Umschalttaste wird die Form in ein Quadrat umgewandelt, unabhängig davon, in welche Richtung Sie den Cursor bewegen. Sie können auch einen Alt- (Win) / Wahltaste (Mac)-Tastendruck hinzufügen, um das Quadrat von der Mitte aus zu zeichnen (Sie halten also Umschalt+Alt (Win) / Umschalt+Wahl (Mac) gedrückt):

    Um ein Quadrat zu zeichnen, während Sie das Rechteck-Werkzeug verwenden, halten Sie die Umschalttaste gedrückt

    Auch hier zeichnet Photoshop beim Bewegen des Cursors nur einen dünnen Umriss des Quadrats, aber wenn Sie die Maustaste loslassen, füllt es das Quadrat mit Farbe:

    Das Programm wartet immer darauf, dass Sie die Maustaste loslassen und füllt die Form erst dann mit Farbe

    Optionen für Werkzeuge in der Gruppe „Formen“.

    Wenn Sie in der Optionsleiste rechts neben den sechs Werkzeugsymbolen der Gruppe „Formen“ nachsehen, sehen Sie einen kleinen nach unten zeigenden Pfeil. Wenn Sie auf diesen Pfeil klicken, wird eine Liste mit zusätzlichen Optionen für das Formenwerkzeug Ihrer Wahl geöffnet. Wenn Sie beispielsweise das Rechteckwerkzeug auswählen, wird durch Drücken des Pfeils ein Menü mit Optionen für das Rechteckwerkzeug geöffnet. Mit Ausnahme der Arbeit mit den Polygon- und Linienwerkzeugen, die wir später behandeln, werden Sie dieses Menü nicht oft verwenden, da wir bereits gelernt haben, wie Sie grundlegende Optionen mithilfe von Tastenkombinationen und einzelnen Tasten auswählen.

    Beispielsweise ist die Option „Uneingeschränkt“ standardmäßig ausgewählt und für das normale Verhalten des Rechteckwerkzeugs verantwortlich, sodass wir rechteckige Formen jeder Größe und mit jedem Seitenverhältnis zeichnen können. Mit der Option „Quadrat“ können wir Quadrate zeichnen. Dies können wir jedoch tun, indem wir einfach die Umschalttaste gedrückt halten, während wir den Cursor bewegen. Die Option „Von der Mitte“ ist für das Zeichnen der Form aus der Mitte verantwortlich, aber auch hier können wir dies tun, indem wir die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt halten:

    Klicken Sie auf den kleinen Pfeil, um weitere Optionen für das Rechteck-Werkzeug anzuzeigen

    Formschicht

    Bevor wir zu den restlichen Werkzeugen in der Gruppe „Formen“ übergehen, werfen wir einen Blick auf das Ebenenbedienfeld. Wie Sie sich erinnern, haben wir zu Beginn der Lektion gelernt, dass Sie zum Zeichnen von Vektorformen in Photoshop die Option „Formebene“ in der Optionsleiste auswählen müssen. Und jetzt, nachdem ich die Form gezeichnet habe, können wir sehen, dass im Ebenenbedienfeld eine Formebene (eine Ebene vom Typ „Shape“) erschienen ist, die das Programm „Shape 1“ (Form 1) genannt hat. Jede neue Vektorform, die wir zeichnen, wird auf einer separaten Ebene platziert, die anders aussieht als eine normale Pixelebene. Auf der linken Seite der Ebene befindet sich ein Farbfeldsymbol, das die aktuelle Füllfarbe unserer Form anzeigt, und rechts neben dem Farbsymbol befindet sich eine Miniaturansicht einer Vektormaske:

    Formebenen verfügen über ein Farbfeldsymbol auf der linken Seite und eine Miniaturansicht einer Vektormaske rechts davon

    Wie ich bereits erwähnt habe, sollten wir uns keine Gedanken über die Auswahl der richtigen Farbe für die Form machen, da wir die Füllfarbe der Form nach der Erstellung problemlos ändern können. Doppelklicken Sie dazu auf das Farbfeldsymbol der Formebene:

    Um die aktuelle Farbe der Form zu ändern, doppelklicken Sie auf das Farbfeldsymbol

    Photoshop öffnet den Farbwähler erneut, in dem wir eine andere Farbe für unsere Form auswählen können. Ich wähle dieses Mal Blau:

    Wählen Sie eine andere Farbe aus der Farbpalette

    Es genügt, jederzeit zurückzugehen und die Farbe der Form zu ändern.

    Rechts neben dem Farbfeldsymbol auf der Formebene befindet sich eine Miniaturansicht einer Vektormaske. Der weiße Bereich auf dem Miniaturbild stellt unsere Form dar. Vektormasken ähneln normalen Ebenenmasken darin, dass sie eine Ebene teilweise verdecken und Teile sichtbar lassen. Mit anderen Worten: Wenn wir eine Vektorform zeichnen, füllt das Programm tatsächlich die gesamte Ebene mit der ausgewählten Farbe, aber die Maske zeigt nur die Farbe innerhalb des Formbereichs an, während die Farbe im Rest des Ebenenbereichs ausgeblendet ist. Beim Arbeiten mit den Werkzeugen der Gruppe „Formen“ ist es natürlich überhaupt nicht notwendig zu wissen, wie die Vektormaske funktioniert, aber es ist immer schön zu verstehen, wie die Werkzeuge funktionieren. Der graue Bereich um die Form in der Miniaturansicht der Vektormaske stellt den Bereich auf der Ebene dar, in dem die Farbe nicht sichtbar ist, während der weiße Bereich in der Miniaturansicht den Bereich der Farbebene darstellt:

    Der weiße Bereich auf der Vektormaske stellt den Bereich auf der Ebene dar, in dem die Farbe sichtbar ist.

    Damit wir besser sehen können, wie Photoshop eine Vektorform rendert, können wir Vektormasken vorübergehend deaktivieren, indem wir die Umschalttaste gedrückt halten, während wir auf die Miniaturansicht der Vektormaske klicken:

    Halten Sie die Umschalttaste gedrückt und klicken Sie auf die Vektormaske, um sie zu deaktivieren

    Nach dem Ausschalten der Vektormaske wird die Ebene geöffnet und wir können sehen, dass sie vollständig mit der blauen Farbe gefüllt ist, die ich zum Füllen der Form ausgewählt habe. Wenn wir genauer hinschauen, können wir einen dünnen Umriss der Position der Form auf der Ebene erkennen:

    Nach dem Ausschalten der Vektormaske können Sie sehen, dass die gesamte Ebene mit Farbe gefüllt ist.

    Um die Vektormaske wieder einzuschalten, halten Sie einfach die Umschalttaste gedrückt, während Sie erneut auf die Miniaturansicht der Maske im Ebenenbedienfeld klicken. Nach dem Einschalten der Maske verbleibt die Farbe nur im Bereich der Form, während die Farbe im Rest der Ebene nicht mehr sichtbar ist. Die weißen Bereiche um die Form im Dokumentfenster gehören zur Hintergrundebene darunter:

    Dokument nach erneuter Aktivierung der Vektormaske

    Nachdem wir nun mit Formebenen vertraut sind, werfen wir einen Blick auf die anderen Formen, die Sie in Photoshop mit den Werkzeugen in der Gruppe „Formen“ zeichnen können.

    Abgerundetes Rechteckwerkzeug

    Das Abgerundete-Rechteck-Werkzeug ist dem Rechteck-Werkzeug sehr ähnlich, außer dass wir damit abgerundete Rechtecke zeichnen können. Wir passen die Abrundung der Ecken mithilfe der Option „Radius“ in der Optionsleiste an. Je größer der von uns eingegebene Radiuswert ist, desto runder werden die Ecken. In meinem Fall gebe ich einen Radiuswert von 50 Pixel ein:

    Mit der Option „Radius“ legen Sie den Grad der Abrundung der Ecken fest

    Um ein abgerundetes Rechteck zu zeichnen, klicken Sie nach der Eingabe eines Radiuswerts in das Dokumentfenster, um den Startpunkt der Form zu definieren, und ziehen Sie dann bei gedrückter Maustaste den Mauszeiger, um das Zeichnen der Form abzuschließen. Genau wie bei der Rechteckform zeigt das Programm beim Bewegen des Cursors einen dünnen Umriss der Form an:

    Ziehen Sie den Cursor, um ein abgerundetes Rechteck zu zeichnen, nachdem Sie in der Optionsleiste einen Radiuswert eingegeben haben

    Wenn Sie die Maustaste loslassen, beendet Photoshop das Zeichnen der Form und füllt sie mit Farbe:

    Wenn Sie die Maustaste loslassen, wird die Form mit Farbe gefüllt.

    Unten ist ein weiteres Rechteck mit einem Radius von 150 Pixel. Dieser Wert ist (zumindest für diese Form) so groß, dass die linke und rechte Seite des Rechtecks ​​gekrümmt sind:

    Je größer der Radiuswert ist, desto runder werden die Ecken.

    Und hier ist ein Rechteck mit einem kleinen Radiuswert von 10 Pixeln, der die Ecken der Form nur leicht abrundet:

    Ein kleiner Radiuswert rundet Ecken weniger ab

    Leider gibt es keine Vorschau auf den Grad der Abrundung der Ecken. Wie rund die Ecken sind, können wir erst sehen, nachdem wir ein Rechteck gezeichnet haben. Außerdem können wir den Radiuswert beim Zeichnen der Form nicht ändern, wie dies in Illustrator möglich ist. Photoshop erlaubt es uns auch nicht, nach dem Zeichnen der Form noch einmal zurückzugehen und die Abrundung der Ecken auch nur geringfügig zu korrigieren.

    All dies bedeutet, dass das Zeichnen abgerundeter Rechtecke im Wesentlichen ein Versuch und Irrtum ist. Wenn Ihnen die abgerundeten Ecken der Form nach dem Zeichnen nicht gefallen, drücken Sie Strg+Z (Windows) bzw. Befehl+Z (Mac), um den Vorgang schnell rückgängig zu machen, geben Sie dann einen neuen Radiuswert in die Optionsleiste ein und beginnen Sie Zeichnen Sie das Rechteck erneut.

    Genau wie mit dem Rechteck-Werkzeug können Sie mit dem Abgerundetes-Rechteck-Werkzeug abgerundete Quadrate zeichnen. Halten Sie einfach die Umschalttaste gedrückt, nachdem Sie mit dem Zeichnen der Form begonnen haben, und Ihr abgerundetes Rechteck nimmt die Form eines abgerundeten Quadrats an. Halten Sie die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt, um die Form von der Mitte aus zu zeichnen.

    Wenn wir auf den kleinen Pfeil in der Optionsleiste klicken, um ein Menü mit erweiterten Optionen für das Abgerundete-Rechteck-Werkzeug zu öffnen, können wir sehen, dass die Optionen „Frei“, „Quadrat“ und „Von der Mitte“ mit den Optionen des Rechteck-Werkzeugs identisch sind. Und auch hier wissen wir bereits, wie man diese Optionen mithilfe von Tastaturkürzeln und einzelnen Tasten auswählt:

    Die Werkzeuge „Rechteck“ und „Abgerundetes Rechteck“ verfügen über dieselben zusätzlichen Optionen

    Ellipsen-Werkzeug

    Mit dem Ellipse-Tool können wir Ellipsen und Kreise zeichnen. Klicken Sie genau wie bei den Werkzeugen „Rechteck“ und „Abgerundetes Rechteck“ in das Dokumentfenster, um den Startpunkt der Form zu definieren, und ziehen Sie dann bei gedrückter Maustaste den Mauszeiger, um das Zeichnen der Form abzuschließen:

    Zeichnen Sie eine Ellipse mit dem Ellipsen-Werkzeug

    Lassen Sie die Maustaste los, um das Zeichnen der Form abzuschließen und sie mit Farbe zu füllen:

    EllisaufgefülltFarbe

    Halten Sie die Umschalttaste gedrückt, nachdem Sie mit dem Ellipsenwerkzeug begonnen haben, um einen vollkommen gleichmäßigen Kreis zu zeichnen. Durch Drücken der Alt-Taste (Windows) bzw. der Wahltaste (Mac) können Sie die Form von der Mitte aus zeichnen:

    Beginnen Sie mit dem Zeichnen und fügen Sie dann einen Tastendruck der Umschalttaste hinzu, um einen vollkommen gleichmäßigen Kreis zu erstellen.

    Durch Klicken auf den kleinen Pfeil in der Optionsleiste werden die Optionen für das Ellipsen-Werkzeug geöffnet, die den Optionen für die Werkzeuge „Rechteck“ und „Abgerundetes Rechteck“ ähneln. Der einzige Unterschied besteht darin, dass Sie mit der Ellipse-Werkzeugoption Kreise anstelle von Quadraten zeichnen können:

    Das Ellipse-Werkzeug bietet fast die gleichen Optionen wie die Werkzeuge „Rechteck“ und „Abgerundetes Rechteck“.

    Polygon-Werkzeug

    Für das Zeichnen von Formen ist für uns das Polygon-Werkzeug interessanter. Während wir mit dem Rechteck-Werkzeug nur viereckige Rechtecke zeichnen können, können wir mit dem Polygon-Werkzeug Polygone mit beliebig vielen Seiten zeichnen. Als nächstes schauen wir uns an, wie man mit diesem Werkzeug sogar Sterne zeichnen kann.

    Geben Sie in der Option „Seiten“ in der Optionsleiste die Anzahl der Seiten an, die Sie für das Polygon wünschen. Der Standardwert für Seiten ist 5, Sie können jedoch eine beliebige Zahl zwischen 3 und 100 eingeben:

    Mit der Option „Seiten“ können Sie Photoshop mitteilen, wie viele Seiten Ihre Polygonform haben soll

    Sobald Sie die Anzahl der Seiten festgelegt haben, platzieren Sie den Cursor im Dokumentfenster und beginnen Sie mit dem Ziehen, um die Polygonform zu zeichnen. Photoshop zeichnet polygonale Formen immer von der Mitte aus, sodass Sie nicht die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt halten müssen. Wenn Sie die Umschalttaste gedrückt halten, nachdem Sie mit dem Zeichnen des Polygons begonnen haben, können Sie die Anzahl der Ecken für Ihre Form begrenzen und sie genau so positionieren, wie Sie es auf dem Bildschirm haben möchten:

    Das Polygon-Werkzeug ist unverzichtbar, wenn wir eine andere Form als ein Quad zeichnen müssen

    Indem wir die Anzahl der Seiten auf 3 setzen, können wir ganz einfach ein Dreieck zeichnen:

    Ein einfaches Dreieck, das mit dem Polygon-Werkzeug gezeichnet wurde

    Hier ist ein Polygon mit 12 Seiten:

    PolygonMitzwölfParteien

    Zeichnen Sie Sterne mit dem Polygon-Werkzeug

    Um mit dem Polygon-Werkzeug einen Stern zu zeichnen, klicken Sie auf den kleinen Pfeil in der Optionsleiste, um die Liste der Optionen für das Polygon-Werkzeug zu öffnen, und wählen Sie die Option „Stern“ aus:

    Wählen Sie aus der Liste der Optionen für das Werkzeug „Polygon“ die Option „Stern“ aus.

    Nachdem Sie die Option „Stern“ ausgewählt haben, klicken Sie in das Dokumentfenster und ziehen Sie den Cursor, um einen Stern zu zeichnen. Die Option „Seiten“ in der Optionsleiste bestimmt die Anzahl der Sternscheitelpunkte. Wenn der Standardwert des Parameters also fünf ist, erhalten wir einen fünfzackigen Stern: Und schließlich schauen wir uns das Linienwerkzeug an, das letzte Werkzeug in der Gruppe „Geometrische Formen“. Es ermöglicht uns, gerade Linien und Pfeile zu zeichnen. Legen Sie die gewünschte Linienstärke in Pixel fest, indem Sie in das Feld „Stärke“ in der Optionsleiste einen Wert eingeben. In meinem Fall gebe ich einen Wert von 16 Pixel ein:

    Verwenden Sie die Option „Dicke“, um die Dicke der Linie zu definieren

    Klicken Sie dann in das Dokumentfenster und ziehen Sie den Cursor, um eine Linie zu zeichnen. Nachdem Sie mit dem Zeichnen der Linie begonnen haben, halten Sie die Umschalttaste gedrückt, um die Richtung festzulegen, in die sich der Cursor bewegt. Auf diese Weise können Sie ganz einfach horizontale oder vertikale Linien zeichnen:

    Halten Sie eine Taste gedrücktSchicht um horizontale oder vertikale Linien zu zeichnen

    Um Pfeilspitzen an den Enden einer Linie festzulegen, klicken Sie auf das kleine Pfeilsymbol in der Optionsleiste, um die Pfeilspitzenoptionen auszuwählen. Mit Photoshop können wir Pfeile am Anfang einer Zeile, am Ende oder an beiden Enden gleichzeitig hinzufügen. Wenn Sie möchten, dass ein Pfeil in die Richtung erscheint, in die Sie die Linie zeichnen, was logischer ist, wählen Sie die Option „Ende“. Stellen Sie sicher, dass Sie diese Option auswählen, bevor Sie mit dem Zeichnen der Linie beginnen, da das Programm nicht zulässt, dass wir nach dem Zeichnen der Linie zurückgehen und den Pfeil festlegen:

    Um einen Pfeil in die Richtung hinzuzufügen, in der die Linie gezeichnet wurde, wählen Sie die Option „Ende“.

    Unten sehen Sie eine Linie, die der vorherigen Linie ähnelt, die ich gezeichnet habe, jedoch mit einem Pfeil am Ende:

    Einfaches Zeichnen von Pfeilen mit dem Linienwerkzeug

    Wenn Ihnen die Standardgröße des Pfeils nicht zusagt, können Sie sie mit den Parametern Breite und Länge ändern. Mit dem Parameter Konkavität können wir dem Pfeil auch eine Kurve hinzufügen. Standardmäßig beträgt der Wert dieses Parameters 0 %. Ich werde es auf 50 % erhöhen:

    Erhöhen Sie den Krümmungswert, um die Form des Pfeils zu ändern

    Dadurch ändert sich die Form des Pfeils. Stellen Sie auch hier sicher, dass Sie den Krümmungswert auswählen, bevor Sie mit dem Zeichnen der Linie beginnen. Andernfalls müssen Sie die Form löschen und erneut zeichnen:

    Pfeil mit auf 50 % eingestellter Krümmung

    Blenden Sie den Umriss um die Form aus

    Wenn Sie sich die von Ihnen gezeichnete Form genau ansehen (unabhängig davon, welches Formen-Werkzeug Sie verwendet haben), werden Sie höchstwahrscheinlich einen dünnen Umriss um sie herum sehen, der manchmal störend sein kann. Der Umriss um die Form wird angezeigt, wenn die Vektormaske der Form ausgewählt wird, und sie ist standardmäßig immer ausgewählt, nachdem wir eine neue Form gezeichnet haben.

    Wenn Sie sich die Formebene im Ebenenbedienfeld ansehen, werden Sie feststellen, dass die Miniaturansicht der Vektormaske von einem weiß hervorgehobenen Rand umgeben ist, was darauf hinweist, dass die Maske tatsächlich ausgewählt ist. Sie können den Umriss der Form ausblenden, indem Sie die Vektormaske deaktivieren. Klicken Sie dazu einfach auf das Miniaturbild der Vektormaske. Der hervorgehobene Rand um die Miniaturansicht wird ausgeblendet, ebenso wie der Umriss um die Form im Dokument:

    Klicken Sie auf die Miniaturansicht der Vektormaske, um die Auswahl aufzuheben und den Umriss um die Form auszublenden

    Und hier sind wir! Wir haben die Grundlagen der Arbeit mit Formebenen und den fünf Werkzeugen in der Gruppe „Formen“ in Photoshop behandelt! Im nächsten Tutorial erfahren Sie, wie Sie mit dem benutzerdefinierten Formwerkzeug komplexere Formen erstellen.

    Übersetzung: Ksenia Rudenko

    
    Spitze