[{"data":1,"prerenderedAt":300},["ShallowReactive",2],{"navigation_docs":3,"-user-guide-layers-and-compositing":127,"-user-guide-layers-and-compositing-surround":295},[4,23,91,109],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Download","\u002Fgetting-started\u002Fdownload","1.getting-started\u002F2.download",{"title":19,"path":20,"stem":21},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F3.roadmap",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"User Guide","i-lucide-book-open","\u002Fuser-guide","2.user-guide",[29,75,79,83,87],{"title":30,"icon":31,"path":32,"stem":33,"children":34,"page":22},"Tools","i-lucide-wrench","\u002Fuser-guide\u002Ftools","2.user-guide\u002F1.tools",[35,39,43,47,51,55,59,63,67,71],{"title":36,"path":37,"stem":38},"Brush","\u002Fuser-guide\u002Ftools\u002Fbrush","2.user-guide\u002F1.tools\u002F1.brush",{"title":40,"path":41,"stem":42},"Crop","\u002Fuser-guide\u002Ftools\u002Fcrop","2.user-guide\u002F1.tools\u002F10.crop",{"title":44,"path":45,"stem":46},"Eraser","\u002Fuser-guide\u002Ftools\u002Feraser","2.user-guide\u002F1.tools\u002F2.eraser",{"title":48,"path":49,"stem":50},"Shapes","\u002Fuser-guide\u002Ftools\u002Fshapes","2.user-guide\u002F1.tools\u002F3.shapes",{"title":52,"path":53,"stem":54},"Selection","\u002Fuser-guide\u002Ftools\u002Fselection","2.user-guide\u002F1.tools\u002F4.selection",{"title":56,"path":57,"stem":58},"Fill","\u002Fuser-guide\u002Ftools\u002Ffill","2.user-guide\u002F1.tools\u002F5.fill",{"title":60,"path":61,"stem":62},"Gradient","\u002Fuser-guide\u002Ftools\u002Fgradient","2.user-guide\u002F1.tools\u002F6.gradient",{"title":64,"path":65,"stem":66},"Color Picker","\u002Fuser-guide\u002Ftools\u002Fcolor-picker","2.user-guide\u002F1.tools\u002F7.color-picker",{"title":68,"path":69,"stem":70},"Text","\u002Fuser-guide\u002Ftools\u002Ftext","2.user-guide\u002F1.tools\u002F8.text",{"title":72,"path":73,"stem":74},"Transform","\u002Fuser-guide\u002Ftools\u002Ftransform","2.user-guide\u002F1.tools\u002F9.transform",{"title":76,"path":77,"stem":78},"Layers & Compositing","\u002Fuser-guide\u002Flayers-and-compositing","2.user-guide\u002F2.layers-and-compositing",{"title":80,"path":81,"stem":82},"Canvas Workflow","\u002Fuser-guide\u002Fcanvas-workflow","2.user-guide\u002F3.canvas-workflow",{"title":84,"path":85,"stem":86},"Documents","\u002Fuser-guide\u002Fdocuments","2.user-guide\u002F4.documents",{"title":88,"path":89,"stem":90},"Troubleshooting","\u002Fuser-guide\u002Ftroubleshooting","2.user-guide\u002F5.troubleshooting",{"title":92,"icon":93,"path":94,"stem":95,"children":96,"page":22},"Tips & Tricks","i-lucide-lightbulb","\u002Ftips-and-tricks","3.tips-and-tricks",[97,101,105],{"title":98,"path":99,"stem":100},"Canvas & Gestures","\u002Ftips-and-tricks\u002Fcanvas-and-gestures","3.tips-and-tricks\u002F1.canvas-and-gestures",{"title":102,"path":103,"stem":104},"Brushes & Strokes","\u002Ftips-and-tricks\u002Fbrushes-and-strokes","3.tips-and-tricks\u002F2.brushes-and-strokes",{"title":106,"path":107,"stem":108},"Color & Selections","\u002Ftips-and-tricks\u002Fcolor-and-selections","3.tips-and-tricks\u002F3.color-and-selections",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":22},"Development","i-lucide-code","\u002Fdevelopment","4.development",[115,119,123],{"title":116,"path":117,"stem":118},"Development Overview","\u002Fdevelopment\u002Foverview","4.development\u002F1.overview",{"title":120,"path":121,"stem":122},"AI & LLM Usage","\u002Fdevelopment\u002Fai-and-llm-usage","4.development\u002F2.ai-and-llm-usage",{"title":124,"path":125,"stem":126},"Changelog","\u002Fdevelopment\u002Fchangelog","4.development\u002F3.changelog",{"id":128,"title":76,"body":129,"description":288,"extension":289,"links":290,"meta":291,"navigation":292,"path":77,"seo":293,"stem":78,"__hash__":294},"docs\u002F2.user-guide\u002F2.layers-and-compositing.md",{"type":130,"value":131,"toc":278},"minimark",[132,136,140,145,168,172,184,188,194,217,221,226,244,248,251,268,271,275],[133,134,76],"h1",{"id":135},"layers-compositing",[137,138,139],"p",{},"OxieDraw composites your artwork from a stack of layers, on the GPU.",[141,142,144],"h2",{"id":143},"the-layer-stack","The layer stack",[146,147,148,156,162],"ul",{},[149,150,151,155],"li",{},[152,153,154],"strong",{},"Layers"," - raster layers you paint on, plus text layers.",[149,157,158,161],{},[152,159,160],{},"Folders \u002F groups"," - organise layers; a folder is a real composite scope, so\neffects can be clipped to it.",[149,163,164,167],{},[152,165,166],{},"Blend mode and opacity"," - set per layer to control how it combines with the\nlayers below.",[141,169,171],{"id":170},"masks","Masks",[137,173,174,175,178,179,183],{},"A ",[152,176,177],{},"layer mask"," hides or reveals parts of a layer without erasing pixels. Paint\nthe mask with black to hide and white to reveal. A ",[180,181,182],"a",{"href":53},"selection","\ncan be turned into a mask.",[141,185,187],{"id":186},"clipping-masks","Clipping masks",[137,189,174,190,193],{},[152,191,192],{},"clipped"," layer renders only where the layer directly beneath it has pixels.\nFlat your colours once, then stack shading, highlights and texture on top as\nclipped layers and paint freely - nothing escapes the silhouette.",[146,195,196,208,211,214],{},[149,197,198,199,203,204,207],{},"Toggle with ",[200,201,202],"code",{},"Ctrl+Alt+G",", or ",[152,205,206],{},"Clip to Layer Below"," in the layer's right-click\nmenu. Clicking the elbow in a clipped row's left gutter releases it.",[149,209,210],{},"Several layers in a row can clip to the same base; they draw as one bracket\npointing at the base, whose name is underlined.",[149,212,213],{},"The base is whichever layer is currently below, so reordering just works.\nHiding the base hides everything clipped to it.",[149,215,216],{},"Adjustment layers can be clipped too, which is how you apply a hue shift or a\nblur to one layer instead of a whole folder.",[141,218,220],{"id":219},"alpha-lock","Alpha lock",[137,222,223,225],{},[152,224,220],{}," confines paint to the pixels a layer already has: colour can\nchange, transparency cannot. It is the single-layer version of a clipping mask -\nrecolour a shape in place without leaving its edges.",[146,227,228,238,241],{},[149,229,198,230,233,234,237],{},[200,231,232],{},"\u002F",", the padlock at the right of the layers panel header, or\n",[152,235,236],{},"Lock Alpha"," in the right-click menu.",[149,239,240],{},"Applies to the brush, fill, gradient, shape and liquify tools. The eraser is\nrefused, since erasing only removes transparency.",[149,242,243],{},"A locked layer shows a padlock badge on its thumbnail and lights an \"Alpha\nlocked\" chip under the canvas, because the lock is otherwise invisible.",[141,245,247],{"id":246},"adjustment-layers","Adjustment layers",[137,249,250],{},"Adjustment layers change the look of everything beneath them, non-destructively:",[146,252,253,258,263],{},[149,254,255],{},[152,256,257],{},"Hue \u002F Saturation \u002F Brightness",[149,259,260],{},[152,261,262],{},"Blur",[149,264,265],{},[152,266,267],{},"Stroke",[137,269,270],{},"Each has its own painted mask, so the adjustment can be brushed in where you\nwant it. Placed inside a folder, an adjustment clips to that folder.",[141,272,274],{"id":273},"filters","Filters",[137,276,277],{},"Filters (blur, HSV, stroke and more) apply directly to a layer with a live\npreview, clipped to the current selection.",{"title":279,"searchDepth":280,"depth":280,"links":281},"",2,[282,283,284,285,286,287],{"id":143,"depth":280,"text":144},{"id":170,"depth":280,"text":171},{"id":186,"depth":280,"text":187},{"id":219,"depth":280,"text":220},{"id":246,"depth":280,"text":247},{"id":273,"depth":280,"text":274},"The layer stack, groups, blend modes, masks, adjustments and filters.","md",null,{},true,{"title":76,"description":288},"C4JtQVZezhiM4mg8-0onnNC4x6eiiBnIrcIZF9fHj30",[296,298],{"title":72,"path":73,"stem":74,"description":297,"children":-1},"Move, scale, rotate and flip layer content.",{"title":80,"path":81,"stem":82,"description":299,"children":-1},"Navigating the canvas - pan, zoom, rotate, guides and history.",1788292909370]