Photoshop-Tutorial: Abgerundete Ecken
Runde Ecken sind modern. Umso erstaunlicher, dass viele Gestalter noch mit dem Rechteckauswahl-Werkzeug, weichen Auswahlkanten und komplizierten Masken arbeiten. Es geht nämlich auch sehr viel einfacher.
Zunächst wird das Abgerundetes-Rechteck-Werkzeug in der Werkzeugpalette ausgewählt:

Anschließend wird die Option Pfade aktiviert und der gewünschte Radius der Rundung eingetragen:

Nun wird ein Rechteck über dem gewünschten Ausschnitt aufgezogen. Da es sich um ein Vektor-Werkzeug handelt, wird automatisch ein Arbeitspfad angelegt. Dieser Pfad wird mit der Tastenkombination ⌘Return zu einer Auswahl umgewandelt (alternativ können Sie den Arbeitspfad auch in der Pfade-Palette als Auswahl laden):

Diese Auswahl wird mit der Tastenkombination ⌘⇧i invertiert (alternativ: Menü Auswahl > Auswahl umkehren). Den Inhalt der aktuellen Auswahl, nämlich die abgerundeten Ecken, muss man nun nur noch löschen bzw. mit der gewünschten Farbe füllen:

Et voilà: Perfekt abgerundete Ecken in unter 10 Sekunden.
Happy Photoshopping!
Ähnliche Beiträge:
Als Bossa Nova-Sängerinnen noch einen Knicks machten Bald ist ja Weihnachten ...
Kommentare:
Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.
Es ist wirklich erstaunlich, wie viele das noch auf ältere und kompliziertere Weise machen. Die Dunkelziffer ist noch höher als man vermutet.
Noch einfacher finde ich es, das Abgerundete-Rechteck-Werkzeug mit der Option Formebenen zu benutzen und das abzurundende Bild mit Hilfe dieser diese Ebene zu maskieren:
1. Form aufziehen
2. Ebenenhirarchie: oben Bild, unten abgerundete Form
3. Klick zwischen beiden Ebenen mit gedrückter alt-Taste
So behalte ich das Ausgangsmaterial und kann den Bildausschnitt nachträglich beliebig verändern.
Hallo, gute Hilfe,
aber bei mir will das nicht so klappen. Wenn ich die Auswahl lösche, gibt es bei mir einen Übergang, ja fast einen Verlauf von Bild zu Transparenz, also keine richtigen Ränder etc…?
Vielen Dank für dieses kleine aber feine Tutorial! Irgendwie musste es doch einen eleganteren Weg geben, als mit „Auswahl abrunden“ (Ergebnis sind dabei nur eckige und fransige runde Ecken). Jetzt weiß ich endlich wie es schnell und einfach geht.
Vielen Dank! Dieser Tipp hat Stunden an Arbeitszeit gespart…!
Hallo. Ist zwar schon lange her mit dem Thema, aber ich glaube es geht noch ein wenig schneller:
1. Bei der Ebene mit dem Foto 2 mal „Ebenenmaske hinzufügen (unter Ebenen das Viereck mit dem Kreis“ hintereinander drücken und sofort anschliessend
2. das „abgerundete Rechteckwerkzeug“ anwenden
Dann ist das Bild sofort mit abgerundeten Ecken ausgeschnitten.
Gruss aus Trier
Andreas
Wer die abgerundeten Ecken für ein Webprojekt lieber mit CSS statt mit Bildern umsetzen möchte, findet hier eine einfache Anleitung: http://popthis.de/2010/03/abgerundete-ecken-css-einfach-ohne-bilder/
Lange kein so tolles Tutorial gefunden, danke dafür – wirklich sehr gelungen :-)
Vielen Dank, einfach und gut verständlich und vor allem bebildert.
Gute Beschreibung – allerdings kucken unter meinen Abrundungen weiße Ecken hervor :-((
Daher meine Frage: Kann ich die Auswahl mit einer Transparenz versehen? (Wie?)
Oder muss ich eine transparente Hintergrundebene einfügen?
Funktioniert Transparenz überhaupt bei nem JPEG?
und noch schneller :)
das abgerundete Rechteck-Tool auswählen, markieren, kopieren(strg+c), neues dokument mit gleicher größe(strg+n), einfügen(strg+v) fertig.
sorry aber der ich hab photshop erst seit vorgestern und hab mich durch die comments hier inspirieren lassen.
thx to all
Danke!
Vielen Dank für die super Anleitung !!
Hallo!
Wenn ich das bild abspeichere, wird der transparente Hintergrund durch einen weißen ersetzt! Woran liegt das, kann mir wer helfen :(
Danke im voraus!
Grüße aus Österreich
Das ist leider schlecht erklärt.
@ Frank: Nomen est omen, würde ich sagen.
@Georg: Du musst deine Arbeit als png-Datei absteichern. Als jpeg oder ähnliches wird der weiße HG automatisch hinzugefügt.
Kommentar schreiben:
FAQ (Häufig gestellte Fragen)
Kommentare:
- Michael Preidel zu Pasta dell’Orto
- Stefan zu Pasta dell’Orto
- Michael Preidel zu CookieCrumble Testflight jetzt auch für macOS
- Götz zu CookieCrumble Testflight jetzt auch für macOS
- Michael Preidel zu Harbor – Sicherer Hafen [Testflight]
- Henning zu Harbor – Sicherer Hafen [Testflight]
Schlagwörter


