← Design-Elemente & Werkzeuge

Elemente maskieren: Bild auf eine Form zuschneiden

Zuletzt aktualisiert 22. Oktober 2026

Im Template-Editor schneidest du mit einer Maske ein Element auf die Form eines anderen zu. Das zugeschnittene Element ist nur dort sichtbar, wo sich beide überlappen. So zeigst du zum Beispiel ein Foto in einem Kreis oder in einem eigenen Pfad.

Das geht in drei Schritten:

  1. Erstelle die Maske auf dem Canvas.
  2. Stelle die Maske im Properties-Panel ein.
  3. Entferne die Maske bei Bedarf im Layers-Panel wieder.

Maske erstellen

  1. Klicke auf dem Canvas auf die Form, die zuschneiden soll, zum Beispiel einen Kreis. Das zuerst ausgewählte Element gibt der Maske ihre Form.
  2. Halte Shift gedrückt und klicke auf das Element, das du zuschneiden willst, zum Beispiel ein Bild. Beide Elemente sind jetzt ausgewählt.
  3. Klicke in der Mitte der Toolbar auf das Quadrat mit dem Kreis oben rechts. Das ist das Werkzeug Mask elements. Das Bild ist jetzt nur noch innerhalb der Form sichtbar, und die neue Maske ist ausgewählt. Den Befehl Mask findest du auch im Kontextmenü im Layers-Panel.
    Mask elements lässt sich nicht anklicken?

    Das Werkzeug braucht mindestens zwei ausgewählte Elemente. Halte Shift gedrückt und klicke noch ein Element an.


    Toolbar mit markiertem Werkzeug Mask elements.
  4. Klicke im Layers-Panel auf den kleinen Pfeil links neben der neuen Maske. Sie klappt auf und zeigt zwei Bereiche: Masked Layers enthält das, was durch die Form sichtbar ist. Masking Layers enthält die Form, die zuschneidet.
    Das falsche Element ist zugeschnitten?

    Die Maske nimmt das zuerst ausgewählte Element als Form. Ziehe die beiden Elemente im Layers-Panel jeweils in den anderen Bereich. Oder mach den Schritt mit Cmd + Z (unter Windows Strg + Z) rückgängig und wähle in der anderen Reihenfolge aus.


    Layers-Panel mit aufgeklappter Maske: Masked Layers und Masking Layers.

Maske einstellen

Im Properties-Panel stellst du die Eigenschaften des ausgewählten Elements ein, hier die der Maske.

  1. Klicke im Layers-Panel auf die Maske. Ihre Eigenschaften erscheinen im Properties-Panel.
  2. Setze im Abschnitt Mask einen Haken bei der Option, die du brauchst:
    • Invert Mask: Das Element ist außerhalb der Form sichtbar statt innerhalb.
    • Apply grayscale as opacity: Nicht nur der Umriss der Form zählt, sondern auch ihre Helligkeit. Helle Bereiche lassen das Element durchscheinen, dunkle verdecken es. Diese Option erscheint nur bei Masken, die sie unterstützen.

    Abschnitt Mask im Properties-Panel mit Invert Mask und Apply grayscale as opacity.
  3. Prüfe das Ergebnis auf dem Canvas, vor allem helle, dunkle und durchsichtige Bereiche.

Einen Hintergrund für die Maske stellst du im Abschnitt Appearance mit Fill Color ein. Unter Background Clip wählst du, wo er liegt: Mask Frame ist eine Fläche um die ganze Maske, Shape folgt dem sichtbaren Teil. Mit Padding vergrößerst du den Hintergrund um einen Abstand, mit dem Button daneben auch für jede Seite einzeln.

Maske entfernen

  1. Klicke im Layers-Panel auf den kleinen Pfeil links neben der Maske. Die Bereiche Masked Layers und Masking Layers klappen auf.
  2. Ziehe alle Elemente aus beiden Bereichen heraus, zum Beispiel unter die Maske. Sie sind jetzt wieder normale Elemente, und die Maske ist leer.
  3. Klicke mit der rechten Maustaste auf die leere Maske und dann auf Remove. Die Maske ist gelöscht. Ist eine Maske nicht leer, löschst du die Elemente darin mit.
    Layers-Panel mit geöffnetem Kontextmenü einer leeren Maske; Remove ist markiert.