Hohlen Kreis in Photoshop erstellen

Die Erstellung eines hohlen Kreises, oft auch als Ring oder Kreisumriss bezeichnet, ist eine grundlegende Aufgabe in der Grafikbearbeitung und kommt in vielen Designprojekten zum Einsatz – sei es für Logos, Rahmen, Diagramme oder einfach als dekoratives Element. Adobe Photoshop bietet verschiedene Wege, um dieses Ziel zu erreichen. Während der Prozess auf den ersten Blick einfach erscheinen mag, gibt es Nuancen und alternative Methoden, die je nach Anwendungsfall vorteilhafter sein können. In diesem Artikel beleuchten wir die gängigsten und effektivsten Techniken, um einen hohlen Kreis in Photoshop zu erstellen.

Ein hohler Kreis besteht im Wesentlichen aus einer Kontur oder einem Umriss ohne Füllung im Inneren. Die Dicke der Kontur und ihre Farbe sind dabei die primären Gestaltungselemente. Wir werden uns auf die gängigsten Ansätze konzentrieren, die Ihnen Flexibilität und Kontrolle über das Endergebnis geben.

Methode 1: Verwendung des Formwerkzeugs und der Kontur-Eigenschaft (Empfohlen)

Diese Methode nutzt die leistungsstarken Vektorfunktionen von Photoshop durch die Verwendung von Formebenen. Sie ist in der Regel die flexibelste und am einfachsten zu bearbeitende Methode.

Schritt 1: Das Ellipsenwerkzeug auswählen

Wählen Sie in der Werkzeugleiste das Ellipsenwerkzeug (U). Wenn Sie andere Formwerkzeuge sehen, klicken und halten Sie das Werkzeugsymbol, um die verfügbaren Optionen anzuzeigen und wählen Sie die Ellipse.

Schritt 2: Eine Kreisform erstellen

Stellen Sie in der Optionsleiste am oberen Bildschirmrand sicher, dass als Modus „Form“ (nicht Pfad oder Pixel) ausgewählt ist. Dies stellt sicher, dass eine Formebene erstellt wird.

Um einen perfekten Kreis zu zeichnen (statt einer Ellipse), halten Sie die Umschalttaste gedrückt, während Sie mit der Maus auf die Arbeitsfläche klicken und ziehen. Lassen Sie die Maustaste los, wenn der Kreis die gewünschte Größe hat. Halten Sie zusätzlich die Alt-Taste (Option auf Mac) gedrückt, um den Kreis von der Mitte aus zu zeichnen.

Schritt 3: Füllung entfernen und Kontur hinzufügen

Nachdem die Formebene erstellt wurde, können Sie die Füllung und die Kontur direkt in der Optionsleiste oder im Eigenschaften-Bedienfeld einstellen. Dies ist der Schlüssel zur Erstellung des hohlen Kreises:

• Füllung (Füllung): Klicken Sie auf das Farbfeld oder das Dropdown-Menü für die Füllung in der Optionsleiste. Wählen Sie das Symbol für „Keine Füllung“ (ein Quadrat mit einem roten diagonalen Strich). Dies macht das Innere des Kreises transparent.
• Kontur (Kontur): Klicken Sie auf das Farbfeld oder das Dropdown-Menü für die Kontur. Wählen Sie eine Farbe für den Umriss. Daneben können Sie die Dicke der Kontur in Pixel (px) eingeben. Geben Sie einen Wert ein, z.B. 10 px, 20 px oder mehr, je nachdem, wie dick der Ring sein soll.

Im Kontur-Dropdown-Menü finden Sie weitere Optionen:

• Farbe: Wählen Sie die Farbe für die Kontur.
• Dicke: Stellen Sie die Breite der Kontur ein.
• Konturtyp: Sie können eine durchgezogene Linie, gestrichelte Linie oder gepunktete Linie wählen.
• Ausrichtung: Hier können Sie wählen, ob die Kontur an der Innenkante, der Mitte oder der Außenkante des Pfades ausgerichtet werden soll. Für einen einfachen Kreis spielt dies oft eine untergeordnete Rolle, da die Formebene keinen expliziten inneren oder äußeren Bereich im Sinne einer Pixelauswahl hat wie bei der Methode mit „Bearbeiten > Kontur geben...“. Standardmäßig ist oft „Zentriert“ eingestellt, was für die meisten Zwecke passend ist.
• Ecken und Enden: Passen Sie das Aussehen der Ecken und Enden der Kontur an, falls relevant (z.B. bei offenen Pfaden oder komplexeren Formen).

Ihre Formebene wird nun als hohler Kreis mit der gewählten Kontur angezeigt.

Methode 2: Verwendung einer Auswahl und der Funktion „Kontur geben“

Diese Methode basiert auf der Erstellung einer kreisförmigen Auswahl und dem anschließenden Anwenden einer Kontur auf den Rand dieser Auswahl. Dies ist die Methode, die der Beschreibung in Ihrer Anfrage am nächsten kommt, obwohl sie sich auf eine Auswahl und nicht direkt auf eine Formebene bezieht.

Schritt 1: Eine kreisförmige Auswahl erstellen

Wählen Sie das Auswahlrechteck-Werkzeug (M) aus der Werkzeugleiste und wechseln Sie in der Optionsleiste zum Auswahlellipsen-Werkzeug.

Um eine perfekte kreisförmige Auswahl zu erstellen, klicken und ziehen Sie mit der Maus auf der Arbeitsfläche, während Sie die Umschalttaste gedrückt halten. Lassen Sie die Maustaste los, wenn die Auswahl die gewünschte Größe hat. Halten Sie zusätzlich die Alt-Taste (Option auf Mac) gedrückt, um die Auswahl von der Mitte aus zu erstellen.

Schritt 2: Die Funktion „Kontur geben“ aufrufen

Nachdem die Auswahl aktiv ist (erkennbar an der „laufenden Ameisenlinie“), gehen Sie im Menü zu Bearbeiten > Kontur geben....

Schritt 3: Kontur-Optionen einstellen

Im Dialogfeld „Kontur geben“ können Sie die Eigenschaften des Umrisses definieren:

• Breite: Geben Sie die Dicke der Kontur in Pixel ein. Dies bestimmt, wie breit der Ring sein wird.
• Farbe: Klicken Sie auf das Farbfeld, um die Farbe der Kontur auszuwählen.
• Position: Dies ist ein entscheidender Punkt. Wählen Sie hier Innen, Mitte oder Außen.
  • Innen: Die Kontur wird innerhalb des Auswahlrandes gezeichnet.
  • Mitte: Die Kontur wird zur Hälfte innerhalb und zur Hälfte außerhalb des Auswahlrandes gezeichnet.
  • Außen: Die Kontur wird außerhalb des Auswahlrandes gezeichnet.

Um einen hohlen Kreis zu erzeugen, wobei die Kontur den Kreis definiert und der Bereich außerhalb und innerhalb der Kontur transparent bleibt (oder den Hintergrund zeigt), kann die Auswahl selbst später gelöscht werden. Die Position „Innen“ oder „Mitte“ wird oft gewählt, um die Kontur präzise zum ursprünglichen Auswahlbereich zu positionieren.

• Füllmethode und Deckkraft: Diese Einstellungen beeinflussen, wie die Kontur mit den Pixeln darunter interagiert. Für einen einfachen, deckenden Ring lassen Sie die Füllmethode auf „Normal“ und die Deckkraft auf 100%.

Klicken Sie auf OK, um die Kontur anzuwenden.

Schritt 4: Auswahl aufheben

Nachdem die Kontur angewendet wurde, sehen Sie den Umriss auf der aktiven Ebene (stellen Sie sicher, dass Sie auf einer Ebene arbeiten, die Pixelinhalte zulässt, z. B. eine leere neue Ebene oder eine Pixel-Ebene). Heben Sie die Auswahl auf, indem Sie Auswahl > Auswahl aufheben wählen (oder Strg+D / Cmd+D drücken).

Diese Methode erstellt Pixelinhalte. Das bedeutet, dass die Kontur nicht so einfach in Größe oder Farbe geändert werden kann wie bei einer Formebene. Sie müssten die Schritte wiederholen.

Methode 3: Verwendung von Formebenen und Löschen des inneren Bereichs

Eine weitere Möglichkeit, die nicht so gängig ist wie die ersten beiden, aber manchmal nützlich sein kann, ist das Erstellen eines gefüllten Kreises und das anschließende „Ausstanzen“ des inneren Bereichs.

Schritt 1: Einen gefüllten Kreis erstellen

Verwenden Sie das Ellipsenwerkzeug (U) im Modus „Form“, halten Sie die Umschalttaste gedrückt und ziehen Sie einen gefüllten Kreis in der gewünschten Größe.

Schritt 2: Einen kleineren Kreis erstellen und subtrahieren

Wählen Sie erneut das Ellipsenwerkzeug. Stellen Sie in der Optionsleiste sicher, dass als Pfadoperation Form subtrahieren (vorderste Form) ausgewählt ist (das zweite Symbol von links, zwei Quadrate, wobei das obere das untere überlappt und der überlappende Bereich transparent ist).

Halten Sie die Umschalttaste (für einen Kreis) und optional die Alt-Taste (für die Mitte) gedrückt und ziehen Sie einen kleineren Kreis *innerhalb* des ersten Kreises. Positionieren Sie ihn so, dass der Ring die gewünschte Dicke hat.

Sobald Sie die Maustaste loslassen, wird der Bereich des kleineren Kreises aus dem größeren Kreis ausgeschnitten, wodurch ein Ring entsteht. Diese Methode erstellt ebenfalls eine Formebene und ist somit flexibel.

Methode 4: Verwendung von Formebenen und Ebenenstilen

Diese Methode kombiniert die Flexibilität von Formebenen mit den Effekten von Ebenenstilen.

Schritt 1: Einen gefüllten Kreis erstellen

Verwenden Sie das Ellipsenwerkzeug (U) im Modus „Form“ und erstellen Sie einen gefüllten Kreis.

Schritt 2: Eine Kontur als Ebenenstil hinzufügen

Wählen Sie die Formebene im Ebenen-Bedienfeld aus. Klicken Sie auf das Ebenenstil-Symbol (fx) am unteren Rand des Bedienfelds und wählen Sie Kontur....

Schritt 3: Kontur-Optionen im Ebenenstil-Dialog einstellen

Im Dialogfeld „Ebenenstil“ unter dem Reiter „Kontur“ können Sie die Eigenschaften des Umrisses definieren:

• Größe: Stellen Sie die Dicke der Kontur ein.
• Position: Wählen Sie hier Innerhalb, Mitte oder Außerhalb. Für einen hohlen Kreis, der genau die Größe der ursprünglichen Form hat, wählen Sie oft Innerhalb oder Mitte. Wenn Sie einen Ring *außerhalb* der Form erstellen möchten, wählen Sie Außerhalb.
• Füllart: Wählen Sie Farbe und dann die gewünschte Farbe für die Kontur. Sie können auch einen Verlauf oder ein Muster wählen.
• Deckkraft und Füllmethode: Passen Sie diese bei Bedarf an.

Klicken Sie auf OK. Sie haben nun einen gefüllten Kreis mit einer Kontur als Ebenenstil.

Schritt 4: Füllung der Formebene entfernen (optional, aber oft gewünscht)

Um den Kreis wirklich hohl zu machen, müssen Sie die Füllung der ursprünglichen Formebene entfernen. Wählen Sie die Formebene im Ebenen-Bedienfeld aus. Reduzieren Sie die Füllung (nicht die Deckkraft!) im oberen Bereich des Ebenen-Bedienfelds auf 0%. Die Kontur (als Ebenenstil angewendet) bleibt sichtbar, während die Füllung der Form transparent wird.

Vergleich der Methoden

Alle vorgestellten Methoden führen zum Ergebnis eines hohlen Kreises, unterscheiden sich aber in ihrer Flexibilität und Bearbeitbarkeit:

• Methode 1 (Formwerkzeug + Kontur-Eigenschaft): Dies ist oft die beste Wahl. Sie erstellt eine Vektorform, die jederzeit verlustfrei skaliert und bearbeitet werden kann. Farbe, Dicke und sogar der Typ der Kontur können einfach in der Optionsleiste oder im Eigenschaften-Bedienfeld geändert werden. Dies ist eine nicht-destruktive Methode.
• Methode 2 (Auswahl + Kontur geben): Diese Methode erzeugt Pixel. Die Kontur ist fest auf der Ebene eingebrannt. Änderungen erfordern ein Löschen und Neuerstellen der Kontur. Sie ist nützlich, wenn Sie auf Pixelebenen arbeiten oder die Kontur auf Basis einer komplexen Auswahl erstellen möchten, die nicht einfach als Form darstellbar ist. Dies ist eine destruktive Methode.
• Methode 3 (Formwerkzeug + Subtrahieren): Erstellt ebenfalls eine Vektorform und ist flexibel bearbeitbar. Es ist eine alternative Vorgehensweise innerhalb der Formwerkzeuge. Das Ergebnis ist ein Vektorpfad, der einen Ring darstellt.
• Methode 4 (Formwerkzeug + Ebenenstil Kontur): Erstellt eine Vektorform, die skaliert werden kann. Die Kontur wird als Ebenenstil angewendet, was bedeutet, dass Größe, Farbe, Position usw. jederzeit im Ebenenstil-Dialog geändert werden können. Dies ist ebenfalls eine nicht-destruktive und sehr flexible Methode, besonders wenn Sie mehrere Effekte oder eine komplexe Kontur (Verlauf, Muster) anwenden möchten.

Für die meisten Designaufgaben, bei denen Sie Flexibilität benötigen, sind die Methoden 1 und 4, die auf Formebenen basieren, die empfehlenswertesten.

Tipps für perfekte hohle Kreise

• Präzise Größe und Position: Verwenden Sie beim Erstellen von Auswahlen oder Formen mit dem Ellipsenwerkzeug die Informationsanzeige (Info-Bedienfeld), um die genaue Größe und Position zu sehen und einzustellen. Sie können auch die Transformationssteuerung (Strg+T / Cmd+T) verwenden, um Formen oder Auswahlen exakt zu skalieren oder zu positionieren.
• Auflösung (bei Pixelmethoden): Wenn Sie Methode 2 verwenden, bedenken Sie, dass die Kontur aus Pixeln besteht. Wenn Sie das Bild später stark vergrößern, kann die Kontur pixelig erscheinen. Formebenen (Methoden 1, 3, 4) sind auflösungsunabhängig.
• Mitte finden: Um einen Kreis genau in der Mitte eines Dokuments oder einer Auswahl zu erstellen, verwenden Sie Hilfslinien oder die Ausrichten-Funktionen in der Optionsleiste (verfügbar, wenn Sie das Verschieben-Werkzeug oder ein Formwerkzeug aktiv haben und mehrere Ebenen/Auswahlen auswählen).
• Dashed/Dotted Konturen: Bei Formebenen (Methode 1) können Sie im Kontur-Dropdown-Menü ganz einfach gestrichelte oder gepunktete Linien auswählen und die Abstände anpassen. Bei Methode 4 (Ebenenstil) ist dies nicht direkt möglich; Sie müssten einen Pinsel oder einen anderen Effekt verwenden oder die Formebene in einen Smartobjekt konvertieren und dann eine Pinselkontur anwenden.

Häufig gestellte Fragen (FAQ)

F: Kann ich die Dicke oder Farbe des hohlen Kreises nachträglich ändern?
A: Ja, das hängt stark von der verwendeten Methode ab. Bei Formebenen (Methoden 1, 3, 4) können Sie die Eigenschaften jederzeit einfach anpassen (in der Optionsleiste, im Eigenschaften-Bedienfeld oder über die Ebenenstile). Bei der Pixel-basierten Methode (Methode 2) müssten Sie die Kontur löschen und neu anwenden.

F: Wie mache ich den Bereich innerhalb des Rings transparent?
A: Bei Methode 1 und 3 ist der Bereich innerhalb des Rings standardmäßig transparent, da Sie entweder die Füllung entfernt haben oder den inneren Bereich ausgeschnitten haben. Bei Methode 4 stellen Sie sicher, dass die Füllung der Formebene auf 0% gesetzt ist. Bei Methode 2 (Pixel) ist die Kontur einfach auf die aktive Ebene gezeichnet; ob der Bereich darunter transparent ist, hängt davon ab, ob Sie auf einer Ebene mit Transparenz (wie einer neuen leeren Ebene) gearbeitet haben und ob sich darunter andere Ebenen befinden.

F: Warum sieht meine Kontur pixelig aus?
A: Dies geschieht typischerweise, wenn Sie die Pixel-basierte Methode (Methode 2) verwendet haben und das Bild stark vergrößern. Pixel sind auflösungsabhängig. Für skalierbare Grafiken verwenden Sie immer Formebenen (Methoden 1, 3, 4).

F: Kann ich einen hohlen Kreis mit einem Verlauf statt einer Farbe erstellen?
A: Ja. Bei Methode 1 und 3 können Sie den Konturtyp auf „Verlauf“ einstellen. Bei Methode 4 (Ebenenstil) ist „Verlauf“ eine der Füllarten für die Kontur. Bei Methode 2 müssten Sie eine Auswahl aus dem Ring erstellen und dann einen Verlauf darauf anwenden.

F: Wie erstelle ich einen hohlen Kreis mit abgerundeten Ecken (obwohl ein Kreis keine Ecken hat)?
A: Ein Kreis hat keine Ecken im herkömmlichen Sinne. Wenn Sie eine Form mit abgerundeten Ecken meinen, die wie ein Ring aussieht (z. B. ein abgerundetes Rechteck als Ring), können Sie das abgerundete Rechteck-Werkzeug verwenden und die gleichen Prinzipien der Kontur-Eigenschaften oder Ebenenstile anwenden.

F: Die „Kontur geben“-Funktion ist ausgegraut. Warum?
A: Die Funktion „Bearbeiten > Kontur geben“ ist nur aktiv, wenn Sie eine aktive Auswahl haben und auf einer Pixel-Ebene arbeiten. Stellen Sie sicher, dass Sie eine Auswahl (z. B. mit dem Auswahl-Ellipsenwerkzeug) erstellt haben und dass die aktive Ebene im Ebenen-Bedienfeld eine Pixel-Ebene ist (keine Formebene, Textebene oder Smartobjekt, es sei denn, Sie haben sie vorher rastern). Sie können eine Formebene rastern, indem Sie sie im Ebenen-Bedienfeld auswählen, rechts klicken und „Ebene rastern“ wählen, aber denken Sie daran, dass dies die Vektorinformationen entfernt.

Fazit

Die Erstellung eines hohlen Kreises in Photoshop ist eine unkomplizierte Aufgabe, die auf verschiedene Weise gelöst werden kann. Die Verwendung von Formebenen mit ihren integrierten Kontur-Eigenschaften oder als Ebenenstil bietet die größte Flexibilität und ist für die meisten modernen Design-Workflows die bevorzugte Methode. Die Pixel-basierte Methode über „Bearbeiten > Kontur geben“ ist ebenfalls gültig, aber weniger flexibel für spätere Bearbeitungen. Wählen Sie die Methode, die am besten zu Ihren spezifischen Anforderungen und Ihrem Workflow passt. Übung macht den Meister, also experimentieren Sie mit den verschiedenen Optionen, um ein Gefühl dafür zu bekommen, welche für Sie am effektivsten ist.

Hat dich der Artikel Hohlen Kreis in Photoshop erstellen interessiert? Schau auch in die Kategorie Photoshop rein – dort findest du mehr ähnliche Inhalte!