Zum Tutorial springen
lil cactus

Wie rundet man die Ecken eines Bilds ab?

Einsteiger6 MinutenAktualisiert

Kurze Antwort

Zeichnen Sie in Lil Cactus mit dem Werkzeug Form ein gefülltes Rechteck, setzen Sie dann unter Fenster dann Eigenschaften die Werte X (px) und Y (px) auf 0, gleichen Sie Breite und Höhe an das Foto an und wählen Sie einen Radius (px) (120 für das Beispiel). Wählen Sie Ebene dann Anordnen dann Schrittweise nach hinten, wählen Sie die Fotoebene aus und wählen Sie Ebene dann Schnittmaske erstellen / zurückwandeln. Exportieren Sie mit Datei dann Exportieren dann PNG…, damit die Ecken transparent bleiben.

Das vollständige Wolkenfoto vor dem Abrunden und dasselbe Foto mit vier abgerundeten Ecken, in denen ein transparentes Schachbrettmuster zu sehen ist
Das Foto ist nur innerhalb des abgerundeten Rechtecks darunter sichtbar und bleibt auf einer eigenen Ebene. Ziehen Sie den Regler, um zu vergleichen.
Dauer
6 Minuten
Niveau
Einsteiger
Sie brauchen
Ein deckendes Foto ohne transparente Bereiche, die erhalten bleiben müssen
Funktioniert mit
JPG-, PNG- und WebP-Fotos; Export als PNG
Beispiel in Lil Cactus öffnenEigenes Foto verwenden

Kostenlos, ohne Anmeldung. Ihr Foto bleibt auf Ihrem Computer.

Eine Schnittmaske verwendet die gefüllte Form der darunterliegenden Ebene als Fenster für das Foto darüber. Hier ist dieses Fenster ein Rechteck mit abgerundeten Ecken. Sie können das Rechteck später ändern, ohne die Rundungen in das Foto selbst einzuarbeiten.

Die Ecken in fünf Schritten abrunden

  1. Das Foto öffnen und seine Abmessungen notieren

    Öffnen Sie das Beispiel auf dieser Seite oder verwenden Sie Datei dann Öffnen… Wählen Sie Fenster dann Eigenschaften. Notieren Sie oben im Bedienfeld die Werte Breite und Höhe des Fotos; Sie brauchen sie für das Rechteck.

    Die Anzeige im Bedienfeld „Eigenschaften“ mit Breite 1536 px und Höhe 1024 px des Beispieldokuments
    Das sind die Abmessungen des Dokuments.

  2. Ein gefülltes Rechteck zeichnen

    Wählen Sie in der Werkzeugleiste links das Werkzeug Form. Stellen Sie in der Optionsleiste Modus auf Form, Form auf Rechteck und Pfadoperation auf Neue Ebene.

    Ziehen Sie von der Nähe der oberen linken Ecke des Fotos zur unteren rechten Ecke. Das Rechteck erscheint auf einer neuen Ebene Form. Seine vorläufige Größe darf ungefähr sein: Die genauen Maße legen Sie als Nächstes fest.

    Der untere Teil der Werkzeugleiste vom Zeichenstift bis zur Hand, die ganze Schaltfläche „Form“ eingekreist
    Suchen Sie im unteren Teil der Werkzeugleiste das Symbol aus überlappendem Quadrat und Kreis.
    Die Einstellungen Modus „Form“, Form „Rechteck“ und Pfadoperation „Neue Ebene“, vollständig eingekreist
    Eine eigene Formebene erstellen.

  3. Maße und Eckenradius festlegen

    Geben Sie im Bedienfeld Eigenschaften unter Geometrie für X (px) 0 und für Y (px) 0 ein. Setzen Sie für das Beispiel Breite (px) auf 1536, Höhe (px) auf 1024 und Radius (px) auf 120. Verwenden Sie bei Ihrem eigenen Foto die Abmessungen, die Sie in Schritt 1 notiert haben. Drücken Sie nach jeder Zahl die Tab-Taste.

    Stellen Sie unter Fläche den Fülltyp auf Farbe und unter Kontur den Fülltyp auf Keine. Das Rechteck bedeckt jetzt die Arbeitsfläche, mit abgerundeten Ecken.

    Der Bereich „Geometrie“ mit den vollständig eingekreisten Feldern X 0, Y 0, Breite 1536, Höhe 1024 und Radius 120
    Legen Sie hier die Größe des Rechtecks fest, nicht die Dokumentgröße.
    Die Bereiche „Fläche“ und „Kontur“ mit beiden Feldern „Fülltyp“ eingekreist: Fläche „Farbe“ und Kontur „Keine“
    Verwenden Sie eine gefüllte Form ohne Kontur.

  4. Das Foto auf das Rechteck beschneiden

    Wählen Sie bei ausgewählter Ebene Form den Befehl Ebene dann Anordnen dann Schrittweise nach hinten. Klicken Sie im Bedienfeld Ebenen auf die Zeile des Fotos (beim Beispiel Hintergrund), direkt über Form. Wählen Sie Ebene dann Schnittmaske erstellen / zurückwandeln.

    In den Ecken ist jetzt ein Schachbrettmuster zu sehen; es kennzeichnet im Editor Transparenz und ist nicht Teil des Exports. Ein abgewinkelter Pfeil neben der Zeile des Fotos im Bedienfeld Ebenen zeigt, dass es auf Form beschnitten ist.

    Das Bedienfeld „Ebenen“ mit der ganzen Zeile „Hintergrund“ eingekreist, direkt über der ausgewählten Ebene „Form“
    Wählen Sie das Foto über der Form aus.
    Das Bedienfeld „Ebenen“ mit dem eingerückten Foto über „Form“ und einem abgewinkelten Schnittmaskenpfeil neben seiner Miniatur
    Das Foto ist auf die Form darunter beschnitten.

  5. Das transparente PNG exportieren

    Wählen Sie Datei dann Exportieren dann PNG…, geben Sie unter Dateiname rounded-sky.png ein und klicken Sie auf Exportieren.

    Wählen Sie außerdem Datei dann Speichern unter dann Lil-Cactus-Projekt…, damit beide Ebenen bearbeitbar bleiben; danach aktualisiert Datei dann Speichern das Projekt. Vorher schreibt Datei dann Speichern ein flaches Bild zurück in das geöffnete JPEG, mit weißen Ecken, weil JPEG keine Transparenz kennt; das erste Speichern als JPEG öffnet Bild speichern. Exportieren erzeugt immer eine neue Datei.

    Die Beschriftung und das Feld „Dateiname“ vollständig eingekreist, mit rounded-sky.png
    Die abgerundete Kopie benennen.
    Die Schaltfläche „Exportieren“ eingekreist neben „Abbrechen“ unten im Exportdialog
    Die Bildkopie exportieren.

Die Ecken später ändern

Klicken Sie im Projekt im Bedienfeld Ebenen auf die Zeile Form. Ändern Sie im Bedienfeld Eigenschaften den Radius (px) auf 240 und drücken Sie die Tab-Taste, um die Ecken stärker abzurunden. Das ändert das vorhandene Rechteck. Das Feld Eckenradius in der Optionsleiste gilt für die nächste Form, die Sie zeichnen.

Das Bedienfeld „Ebenen“ mit der vollständig eingekreisten Zeile „Form“ unter dem beschnittenen Foto
Wählen Sie das Rechteck unter dem Foto aus.
Der Bereich „Geometrie“ mit dem ganzen Feld „Radius“ eingekreist, Wert 240
Mit „Radius“ im Bedienfeld „Eigenschaften“ ändern Sie die vorhandene Form.
Ausschnitt einer stärker abgerundeten oberen linken Fotoecke mit Schachbrettmuster im ausgeblendeten Bereich
Der größere Radius blendet mehr von der Ecke aus.

Wie es weitergeht

Abgerundete Bildecken: Fragen und Antworten

Warum hat mein abgerundetes Bild im JPEG weiße Ecken?

JPEG kann keine Transparenz speichern. In Lil Cactus füllt ein JPEG-Export die ausgeblendeten Ecken mit Weiß. Exportieren Sie stattdessen mit Datei dann Exportieren dann PNG… oder Datei dann Exportieren dann WebP…, damit sie transparent bleiben.

Kann WebP die abgerundeten Ecken transparent halten?

Ja. Wählen Sie in Lil Cactus Datei dann Exportieren dann WebP… und klicken Sie auf Exportieren.

Ändert das Abrunden der Ecken die Pixelmaße meines Bilds?

Nein. Bei diesem Vorgehen in Lil Cactus bleiben die Maße der Arbeitsfläche erhalten. Es blendet Eckpixel aus, statt die Bildgröße zu ändern.

Warum ändert ein größerer Eckenradius die Form irgendwann nicht mehr?

In Lil Cactus endet der sichtbare Eckenradius bei der Hälfte der kürzeren Seite des Rechtecks. Darüber hinaus wird dieselbe abgerundete Form gezeichnet, auch wenn im Feld „Radius“ eine größere Zahl steht.

Kann ich nur eine Ecke eines Bilds abrunden?

Nicht mit dem Feld „Radius“: In Lil Cactus verwendet ein Live-Rechteck einen Radiuswert für alle vier Ecken.

Veröffentlicht  · Zuletzt geprüft