[{"data":1,"prerenderedAt":134},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements":3},{"id":4,"title":5,"body":6,"category":121,"description":122,"extension":123,"keywords":124,"meta":125,"navigation":126,"order":127,"path":128,"rawbody":129,"seo":130,"stem":131,"updated":132,"__hash__":133},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements.de.md","Elemente maskieren",{"type":7,"value":8,"toc":114},"minimark",[9,13,23,28,39,46,50,57,74,77,81,88,107,111],[10,11,12],"p",{},"Eine Maske nutzt die Form eines Elements, um ein anderes zu beschneiden, sodass das maskierte Element nur dort sichtbar ist, wo sich beide überlappen. So beschneidest du zum Beispiel ein Bild auf eine Form.",[14,15,16],"blockquote",{},[10,17,18,22],{},[19,20,21],"strong",{},"Für abgerundete Bilder brauchst du keine Maske."," Bild-Elemente können ihre Ecken selbst abrunden, bis hin zum vollen Kreis.",[24,25,27],"h2",{"id":26},"eine-maske-erstellen","Eine Maske erstellen",[10,29,30,31,34,35,38],{},"Wähle zuerst das ",[19,32,33],{},"maskierende Element"," (die Form, die beschneidet), dann das Element, das du maskieren möchtest, und klicke in der Toolbar auf ",[19,36,37],{},"Mask elements",". Du musst mindestens zwei Elemente ausgewählt haben.",[10,40,41],{},[42,43],"img",{"alt":44,"src":45},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F09fbe64f-a592-4002-e468-a46be6358600\u002Fpublic",[24,47,49],{"id":48},"die-zwei-slots","Die zwei Slots",[10,51,52,53,56],{},"Eine Maske hat zwei Slots, beide im ",[19,54,55],{},"Layer Panel"," sichtbar:",[58,59,60,68],"ul",{},[61,62,63,64,67],"li",{},"den Slot ",[19,65,66],{},"Masking Layers",": die Form, die beschneidet.",[61,69,63,70,73],{},[19,71,72],{},"Masked Layers",": das, was durch sie hindurch sichtbar ist.",[10,75,76],{},"Jeder Slot kann mehr als ein Element enthalten. Ziehe Elemente im Layer Panel in die Slots hinein und heraus, um zu ändern, was maskiert wird oder was die Maskierung übernimmt.",[24,78,80],{"id":79},"optionen","Optionen",[10,82,83,84,87],{},"Im ",[19,85,86],{},"Property Panel"," hat eine Maske zwei Optionen:",[58,89,90,101],{},[61,91,92,95,96,100],{},[19,93,94],{},"Invert",": zeigt den Inhalt ",[97,98,99],"em",{},"außerhalb"," der Form statt innerhalb.",[61,102,103,106],{},[19,104,105],{},"Color masking",": nutzt Farbe und Helligkeit des maskierenden Elements, um die Transparenz festzulegen, statt nur seinen Umriss.",[24,108,110],{"id":109},"eine-maske-entfernen","Eine Maske entfernen",[10,112,113],{},"Um eine Maske aufzulösen, ziehe ihre Elemente im Layer Panel aus beiden Slots heraus und lösche dann die nun leere Maske.",{"title":44,"searchDepth":115,"depth":115,"links":116},2,[117,118,119,120],{"id":26,"depth":115,"text":27},{"id":48,"depth":115,"text":49},{"id":79,"depth":115,"text":80},{"id":109,"depth":115,"text":110},"design-elements-and-tools","Nutze ein Element, um ein anderes zu beschneiden, sodass Bilder und Formen nur dort erscheinen, wo du es möchtest.","md",[],{},true,50,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements.de","---\ntitle: \"Elemente maskieren\"\ndescription: \"Nutze ein Element, um ein anderes zu beschneiden, sodass Bilder und Formen nur dort erscheinen, wo du es möchtest.\"\ncategory: design-elements-and-tools\norder: 50\nkeywords: []\n---\nEine Maske nutzt die Form eines Elements, um ein anderes zu beschneiden, sodass das maskierte Element nur dort sichtbar ist, wo sich beide überlappen. So beschneidest du zum Beispiel ein Bild auf eine Form.\n\n> **Für abgerundete Bilder brauchst du keine Maske.** Bild-Elemente können ihre Ecken selbst abrunden, bis hin zum vollen Kreis.\n\n## Eine Maske erstellen\n\nWähle zuerst das **maskierende Element** (die Form, die beschneidet), dann das Element, das du maskieren möchtest, und klicke in der Toolbar auf **Mask elements**. Du musst mindestens zwei Elemente ausgewählt haben.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F09fbe64f-a592-4002-e468-a46be6358600\u002Fpublic)\n\n## Die zwei Slots\n\nEine Maske hat zwei Slots, beide im **Layer Panel** sichtbar:\n\n- den Slot **Masking Layers**: die Form, die beschneidet.\n- den Slot **Masked Layers**: das, was durch sie hindurch sichtbar ist.\n\nJeder Slot kann mehr als ein Element enthalten. Ziehe Elemente im Layer Panel in die Slots hinein und heraus, um zu ändern, was maskiert wird oder was die Maskierung übernimmt.\n\n## Optionen\n\nIm **Property Panel** hat eine Maske zwei Optionen:\n\n- **Invert**: zeigt den Inhalt *außerhalb* der Form statt innerhalb.\n- **Color masking**: nutzt Farbe und Helligkeit des maskierenden Elements, um die Transparenz festzulegen, statt nur seinen Umriss.\n\n## Eine Maske entfernen\n\nUm eine Maske aufzulösen, ziehe ihre Elemente im Layer Panel aus beiden Slots heraus und lösche dann die nun leere Maske.\n",{"title":5,"description":122},"help\u002Fdesign-elements-and-tools\u002Fmask-elements.de","2026-06-12","3nZStTXJPE46HG8X3RK5or4-r4dN89HqKWQGb3bJQLs",1789292813198]