So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop

Dieses Tutorial zeigt Ihnen, wie Sie Ecken in Photoshop am besten abrunden. Außerdem erfahren Sie, wie Sie Ihrem Bild nach dem Abrunden der Ecken einen Rahmen hinzufügen. Und schließlich, der wichtigste Schritt: Wie Sie das Ergebnis speichern, ohne die Transparenz in den Ecken zu beeinträchtigen.

Schritt 1: Entsperren Sie die Hintergrundebene

Öffnen Sie das Bild in Photoshop und gehen Sie zunächst zum Ebenenbedienfeld, wo sich das Bild auf der Hintergrundebene befindet.

Klicken Sie auf das Schlosssymbol der Ebene, um sie zu entsperren. Photoshop benennt die Ebene in Ebene 0 um und das Schlosssymbol verschwindet.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Entsperren Sie die Hintergrundebene.

Schritt 2: Rechteckwerkzeug auswählen

Wählen Sie in der Symbolleiste das Rechteck-Werkzeug aus.

Wenn ein anderes Formwerkzeug verfügbar ist, klicken Sie auf das Symbol dieses Werkzeugs, halten Sie die Maustaste gedrückt und wählen Sie das Rechteckwerkzeug aus der Liste aus.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie das Rechteck-Werkzeug aus der Symbolleiste in Photoshop

Schritt 3: Formoptionen festlegen

Klicken Sie in der Optionsleiste auf das Farbfeld „Strichfarbe“.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Farbfeld „Strichfarbe“ in der Optionsleiste in Photoshop

Stellen Sie die Farbe auf „Keine“ , um den Strich nicht anzuzeigen.

Drücken Sie dann die Eingabetaste ( Return auf dem Mac), um die Farboptionen zu schließen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie „Keine“ für die Strichfarbe.

Links neben der Strichfarbe befindet sich das Farbfeld „Füllfarbe“ .

Die Form kann in jeder beliebigen Farbe hergestellt werden, daher lassen wir sie im Beispiel schwarz (Standardfarbe der Form).

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Farbfeld-Füllfarbe.

In der Optionsleiste befindet sich außerdem die Option „Eckenradius“, wo Sie vor dem Zeichnen der Form die Abmessungen für die Ecken eingeben können.

Lassen Sie es vorerst auf 0, da wir die Ecken nach dem Zeichnen der Form abrunden werden.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Eckenradius-Option für das Rechteck-Werkzeug in Photoshop

Schritt 4: Zeichnen Sie ein Rechteck

Klicken und halten Sie in Ihrem Dokument und ziehen Sie die Form heraus. Machen Sie sich keine Gedanken über die Größe oder Position der Form, wir ändern sie später.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Zeichnen Sie die ursprüngliche Form.

Im Ebenenbedienfeld wird die Form auf einer eigenen Formebene über dem Bild angezeigt.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Neue Formebene im Ebenenbedienfeld.

Schritt 5: Zentrieren und Größe der Form ändern

Zentrieren Sie die Form auf der Leinwand, bevor Sie ihre Größe ändern.

Klicken Sie in der Optionsleiste auf das Symbol „Pfadausrichtung“ .

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Symbol „Pfadausrichtung“ in der Optionsleiste.

Ändern Sie die Option „Ausrichten an “ von „Auswahl“ in „Leinwand“ .

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Die Option „Ausrichten an“ ist auf „Leinwand“ eingestellt.

Klicken Sie auf die Symbole „Horizontale Mitte ausrichten“ und „Vertikale Mitte ausrichten“ .

Klicken Sie dann irgendwo auf die Optionsleiste, um das Feld zu schließen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Symbole „Horizontale Mitte ausrichten“ und „Vertikale Mitte ausrichten“.

Nachdem die Form nun zentriert ist, können Sie ihre Größe von der Mitte aus ändern, indem Sie die Alt- Taste auf einem Windows-PC bzw. die Wahltaste auf einem Mac gedrückt halten und einen der Transformationsgriffe ziehen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ändert die Größe einer Form von ihrer Mitte aus.

Schritt 6: Runden Sie die Ecken der Form ab

Beachten Sie die kleinen Kreise an jeder Ecke der Form. Dies sind die Eckradius- Steuerelemente.

Die Steuerung des Eckenradius befindet sich in der oberen linken Ecke der Form.

Um die Ecken abzurunden, ziehen Sie einfach einen der Kreise.

Ziehen Sie den Kreis, um die Ecken abzurunden.

Alle vier Ecken der Form sind gleichmäßig abgerundet.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Durch Ziehen eines Kreises werden alle Ecken gleichzeitig abgerundet.

Abgerundete Ecken im Eigenschaftenfenster

Eine weitere Möglichkeit zum Abrunden von Ecken bietet das Eigenschaftenfenster. Diese zweite Möglichkeit ist nützlich, wenn Sie den genauen Radiuswert kennen, den Sie benötigen.

Gehen Sie im Eigenschaftenfenster zu den Optionen für den Eckenradius . Möglicherweise müssen Sie nach unten scrollen, um sie zu finden.

Hier können Sie Werte für die Winkel an der oberen linken, oberen rechten, unteren rechten und unteren linken Ecke der Form eingeben.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Eckenradius-Optionen im Eigenschaftenfenster.

Um den Radius für alle 4 Ecken gleichzeitig festzulegen, stellen Sie zunächst sicher, dass das Link-Symbol ausgewählt ist.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Link-Symbol.

Geben Sie dann in eine beliebige Zelle einen Wert ein. Beispielsweise geben wir für die obere linke Ecke 800 px ein.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Geben Sie einen Radiuswert für eine der Ecken ein.

Drücken Sie die Eingabetaste ( Return auf dem Mac), um den Wert zu akzeptieren und für alle vier Ecken festzulegen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Jetzt haben alle vier Ecken den gleichen Radiuswert.

So runden Sie eine Ecke getrennt von den anderen

Sie können nicht nur alle vier Ecken gleichzeitig abrunden, sondern auch jede Ecke einzeln.

Am einfachsten geht das, indem Sie auf einem Windows-PC die Alt- Taste bzw. auf einem Mac die Wahltaste gedrückt halten und dann den Kreis für den Winkel ziehen, den Sie anpassen möchten.

Wenn Sie also möchten, dass die obere rechte Ecke spitz zuläuft, während die anderen Ecken abgerundet bleiben, können Sie die Alt-Taste (Win) bzw. Wahltaste (Mac) gedrückt halten und den Kreis dieser Ecke zurück an seine ursprüngliche Position ziehen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Rundet eine Ecke einer Form getrennt von den anderen Ecken ab.

Halten Sie die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt, um den Kreis zu ziehen, ohne die anderen Ecken zu beeinflussen.
So erhalten wir eine scharfe Ecke (oben rechts) und drei abgerundete Ecken.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ergebnisse nach separater Anpassung eines Winkels.

Eine weitere Möglichkeit, eine Ecke einzeln anzupassen, ist die Option „Eckenradius“ im Eigenschaftenfenster.

Heben Sie zunächst die Verknüpfung der Ecken auf, indem Sie das Häkchen aus dem Verknüpfungssymbol entfernen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ecken trennen.

Geben Sie anschließend einen Radiuswert für die Ecke ein. Wenn Sie möchten, dass auch die untere linke Ecke spitz zuläuft, können Sie einen Wert von 0 px eingeben.

Drücken Sie zur Bestätigung die Eingabetaste ( Return auf dem Mac).

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Setzen Sie den unteren linken Radius auf 0.

Jetzt haben wir zwei abgerundete Ecken und zwei spitze Ecken.

Setzen Sie den unteren linken Radius auf 0.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ergebnis nach der Anpassung nur der unteren linken Ecke.

Beachten Sie jedoch, dass, wenn Sie jetzt einen Kreis ziehen (ohne die Alt- oder Wahltaste gedrückt zu halten ), um alle vier Ecken gleichzeitig anzupassen, die Ecken in der oberen rechten und unteren linken Ecke immer noch weniger abgerundet sind als die anderen Ecken.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Die Ecken sind unterschiedlich stark abgerundet.

Ecken zurücksetzen

Ziehen Sie die Kreise zurück zu den Ecken, um sie auf ihre ursprünglichen scharfen Ecken zurückzusetzen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ziehen Sie die Kreise, um die Ecken zu schärfen.

Ziehen Sie dann einen der Kreise, um sie alle auf den gewünschten Betrag zu runden.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Runden Sie alle vier Ecken gleichzeitig ab.

Schritt 7: Schnittmaske erstellen

Nachdem Sie die Ecken der Form abgerundet haben, müssen Sie das Bild in die Form einfügen. Verwenden Sie dazu eine Schnittmaske.

Ziehen Sie im Ebenenbedienfeld die Bildebene über die Formebene.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ziehen Sie das Bild auf die Formebene im Ebenenbedienfeld.

Klicken Sie dann, während die Bildebene aktiv ist, auf das Menüsymbol des Ebenenbedienfelds.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Das Menüsymbol des Ebenenbedienfelds.

Klicken Sie auf das Menüsymbol.

Wählen Sie „Schnittmaske erstellen“ aus .

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie in Photoshop den Befehl „Schnittmaske erstellen“.

Dieser Befehl platziert das Bild in einer Form, sodass es so aussieht, als hätte es abgerundete Ecken.

Und alles außerhalb der Form ist jetzt transparent und wird durch ein Schachbrettmuster dargestellt.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Fotos haben jetzt abgerundete Ecken.

Schritt 8: Nehmen Sie letzte Anpassungen an den Ecken vor

Sie können die Ecken bei Bedarf immer noch anpassen, auch wenn sich das Foto innerhalb der Form befindet.

Wählen Sie einfach die Formebene im Ebenenbedienfeld erneut aus.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie die Formebene aus.

Solange Sie das Rechteckwerkzeug (oder ein beliebiges Formwerkzeug) in der Symbolleiste ausgewählt lassen, werden die Kreise an den Ecken wieder angezeigt.

Ziehen Sie einen Kreis, um die Rundung anzupassen, bis Sie mit dem Ergebnis zufrieden sind.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Die Eckradiuskreise werden erneut angezeigt, wenn die Formebene ausgewählt wird.

Um das Bild anzuzeigen, ohne dass die Formsteuerelemente im Weg sind, wählen Sie die Bildebene im Bedienfeld „Ebenen“ aus.

Und um die Steuerelemente wiederherzustellen, wählen Sie die Formebene aus.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wechseln Sie zwischen Form- und Bildebenen, um Formsteuerelemente anzuzeigen/auszublenden.

Schritt 9: Transparente Bereiche ausschneiden

Bevor wir fortfahren, schneiden wir die unnötigen transparenten Bereiche um das Bild herum aus, da wir eigentlich nur die Transparenz in den Ecken benötigen.

Gehen Sie zum Menü „Bild“ und wählen Sie „Zuschneiden“ aus .

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie den Befehl „Zuschneiden“ aus dem Bildmenü in Photoshop

Wählen Sie im Dialogfeld „Zuschneiden“ oben „Transparente Pixel“ aus und stellen Sie sicher, dass unten „Oben“, „Unten“, „Links“ und „Rechts“ ausgewählt sind.

Klicken Sie dann auf OK.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Dialogfeld „Zuschneiden“ in Photoshop

Photoshop schneidet die gesamte Transparenz ab, mit Ausnahme der verbleibenden Transparenz in den Ecken.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Ergebnis nach dem Entfernen des größten Teils des transparenten Teils.

Schritt 10: Fügen Sie einen Rahmen um das Foto hinzu (optional)

Wenn Sie Ihrem Bild einen Rahmen hinzufügen möchten, stellen Sie sicher, dass die Formebene im Ebenenbedienfeld ausgewählt ist.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie die Formebene aus.

Klicken Sie unten im Bedienfeld „Ebenen“ auf das Symbol für Ebeneneffekte (fx).

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Symbol für Ebeneneffekt.

Wählen Sie Strich aus der Liste aus.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Fügen Sie der Form einen Strichebeneneffekt hinzu.

Klicken Sie im Dialogfeld „Ebenenstil“ auf das Farbfeld , um eine Farbe für den Strich auszuwählen.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie die Strichfarbe aus.

Wählen Sie dann eine Farbe aus der Farbauswahl aus. Wir wählen beispielsweise Weiß (mit R-, G- und B-Werten von 255).

Klicken Sie auf „OK“ , um die Farbauswahl zu schließen, wenn Sie fertig sind.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Wählen Sie Weiß aus der Farbauswahl.

Stellen Sie im Dialogfeld „Ebenenstil“ sicher, dass die Strichposition auf „Innen“ eingestellt ist .

Ziehen Sie anschließend den Schieberegler „Größe“ , um die Linienbreite festzulegen. Die benötigte Größe hängt von der Größe Ihres Bildes ab.

Klicken Sie auf „OK“ , um das Dialogfeld „Ebenenstil“ zu schließen, wenn Sie fertig sind.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Optionen für Strichposition und -größe.

Dies ist das Bild mit hinzugefügtem Strich (Umriss).

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Um das Bild wird ein Rahmen hinzugefügt.

Schritt 11: Bild speichern

Um das Bild zu speichern und die abgerundeten Ecken beizubehalten, müssen Sie es in einem Format speichern, das Transparenz unterstützt. JPEG funktioniert nicht. Speichern Sie das Bild stattdessen als PNG .

Gehen Sie zum Menü „Datei“ und wählen Sie „Kopie speichern“ (nicht „Speichern unter“).

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Gehen Sie zu Datei > Kopie speichern

Gehen Sie im Dialogfeld „Kopie speichern“ wie folgt vor:

  • Navigieren Sie zu dem Speicherort auf Ihrem Computer, an dem Sie die Datei speichern möchten.
  • Ändern Sie den Dateityp in PNG .
  • Benennen Sie die Datei. Wir nennen sie beispielsweise „abgerundete Ecken“.
  • Klicken Sie auf Speichern .
So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Datei als PNG speichern.

Wählen Sie in den PNG-Formatoptionen die kleinste Dateigröße aus  und klicken Sie auf OK .

Ihr Bild wird jetzt mit abgerundeten Ecken gespeichert.

So erstellen Sie Bilder mit abgerundeten Ecken in Photoshop
Option für das PNG-Format.

Und das war’s! So runden Sie Ecken in Photoshop ab.

Sign up and earn $1000 a day ⋙

Leave a Comment

Apple bereitet möglicherweise die Integration von Gemini in Apple Intelligence vor

Apple bereitet möglicherweise die Integration von Gemini in Apple Intelligence vor

In der neu veröffentlichten Beta von iOS 18.4 gefundener Code deutet darauf hin, dass Apple eine Alternative zur ChatGPT-Integration in Apple Intelligence vorbereitet, höchstwahrscheinlich Google Gemini.

So erstellen Sie einen unscharfen Rand in Photoshop

So erstellen Sie einen unscharfen Rand in Photoshop

Vignette ist ein klassischer und zeitloser Effekt, der die Ränder eines Fotos abdunkelt, um den Fokus auf das Motiv zu lenken.

Neuester Black Goddess Code und wie man den Code einlöst

Neuester Black Goddess Code und wie man den Code einlöst

Wenn Sie Diamanten, SSR-Generäle, Lotterielose und viele andere Artikel erhalten möchten, verwenden Sie den Code „Black Goddess“ und lösen Sie die Prämien ein.

Tipps zum Spielen von Doggo Go bis Level 2, wie man Doggo Go Level 2 spielt

Tipps zum Spielen von Doggo Go bis Level 2, wie man Doggo Go Level 2 spielt

Derzeit ist Doggo Go ein Handyspiel, bei dem nur 1 % der Spieler weltweit Level 2 schaffen.

So behandeln Sie Blasen an den Füßen, wenn Sie viel laufen und enge Schuhe tragen

So behandeln Sie Blasen an den Füßen, wenn Sie viel laufen und enge Schuhe tragen

Was tun, wenn Sie vom Tragen von Schuhen Blasen an den Füßen bekommen? Dieser Artikel zeigt Ihnen, wie Sie Blasen durch das Tragen von Schuhen behandeln können.

Multiple-Choice-Auswahl zu allgemeinen naturwissenschaftlichen Kenntnissen

Multiple-Choice-Auswahl zu allgemeinen naturwissenschaftlichen Kenntnissen

Multiple-Choice-Fragen zu den Biowissenschaften helfen Ihnen, Ihr Wissen über die Welt zu festigen und zu erweitern. Beantworten Sie die folgenden Allgemeinwissensfragen!

So fügen Sie dem Datei-Explorer einen Papierkorb hinzu

So fügen Sie dem Datei-Explorer einen Papierkorb hinzu

Diese Anleitung zeigt Ihnen alle erforderlichen Schritte zum Anzeigen des Papierkorbs im Datei-Explorer, unabhängig davon, ob Sie Windows 10 oder Windows 11 verwenden.

So erstellen Sie mit abstrakten Bildern Handy-Hintergrundbilder

So erstellen Sie mit abstrakten Bildern Handy-Hintergrundbilder

Sie können aus abstrakten Fotos Ihre eigenen Handy-Hintergrundbilder erstellen. Sie sind nicht nur schön, sondern der Erstellungsprozess macht auch viel Spaß.

Warum ist die Auswahl des richtigen Ladegeräts schwieriger als nötig?

Warum ist die Auswahl des richtigen Ladegeräts schwieriger als nötig?

Die Wahl des falschen Ladegeräts kann dazu führen, dass Ihr Gerät langsam lädt oder sogar kaputt geht. Und bei so vielen Optionen und ähnlichen Produkten ist es schwieriger denn je, das richtige zu finden.

Facebook-Nachrichtenstatistiken, um zu sehen, wer auf Facebook die meisten Nachrichten sendet

Facebook-Nachrichtenstatistiken, um zu sehen, wer auf Facebook die meisten Nachrichten sendet

Facebook Messenger ist derzeit die meistgenutzte Messaging-App. Wissen Sie also, wer Ihnen am häufigsten Nachrichten sendet? Der folgende Artikel zeigt Ihnen, wer im Messenger am häufigsten Nachrichten sendet.

Warum ist Lens Blur ein Photoshop-Tool zur künstlerischen Fotobearbeitung?

Warum ist Lens Blur ein Photoshop-Tool zur künstlerischen Fotobearbeitung?

Mit dem Lens Blur-Tool von Adobe können Sie Ihre Fotos ganz einfach überprüfen und ihnen Tiefe und Fokus verleihen.

So übersetzen Sie Apple Podcasts direkt

So übersetzen Sie Apple Podcasts direkt

iOS 17.4 erweitert Apple Podcasts um Live-Übersetzung. Sie können auswählen, in welche Sprachen Sie den Inhalt des Podcasts übersetzen lassen möchten.

US-Unternehmen entwickelt Atombatterie, die 50 Jahre lang ununterbrochen betrieben werden kann

US-Unternehmen entwickelt Atombatterie, die 50 Jahre lang ununterbrochen betrieben werden kann

Um den Abstand zu China zu verringern, arbeiten die beiden US-Unternehmen Kronos Advanced Technologies und Yasheng Group gemeinsam an der Entwicklung von Atombatterien, die jahrzehntelang ohne Aufladen betrieben werden können.

Killervögel blenden und töten giftige afrikanische Schlangen

Killervögel blenden und töten giftige afrikanische Schlangen

Obwohl die Baumschlange über ein extrem gefährliches Gift verfügt, kann sie die tödlichen Stiche ihres Feindes nur auf Augen und Kopf ertragen.

ChatGPT wird diese 4 Arten von Websites zerstören

ChatGPT wird diese 4 Arten von Websites zerstören

KI-Chatbots verändern die Art und Weise, wie Benutzer mit Websites interagieren, grundlegend und machen dabei einige Arten von Websites überflüssig.