# 图层系统

编辑器支持**最多 8 个图层**，像专业绘图软件一样分层编辑。图层列表位于**右侧面板**，从上到下对应叠加顺序（上层覆盖下层）。

> 📐 **叠加规则：** 所有可见图层按顺序**实时合成**为一张最终纹理 → 上传到 3D 模型。修改任意图层都会**立即更新** 3D 视图。

## 图层操作

<table id="bkmrk-%E6%93%8D%E4%BD%9C-%E6%8C%89%E9%92%AE-%E8%AF%B4%E6%98%8E-%E6%96%B0%E5%BB%BA%E5%9B%BE%E5%B1%82-%2B-%E5%9C%A8%E9%A1%B6%E9%83%A8%E5%88%9B" style="width: 40.4762%; height: 212.823px;"><thead><tr style="height: 29.4583px;"><th class="align-center" style="width: 24.165%; height: 29.4583px;">操作</th><th style="width: 21.5128%; height: 29.4583px;">按钮</th><th style="width: 54.5187%; height: 29.4583px;">说明</th></tr></thead><tbody><tr style="height: 30.7812px;"><td class="align-center" style="width: 24.165%; height: 30.7812px;">新建图层</td><td class="align-center" style="width: 21.5128%; height: 30.7812px;">`+`</td><td class="align-center" style="width: 54.5187%; height: 30.7812px;">在顶部创建新的空白图层</td></tr><tr style="height: 30.7812px;"><td class="align-center" style="width: 24.165%; height: 30.7812px;">删除图层</td><td class="align-center" style="width: 21.5128%; height: 30.7812px;">`🗑`</td><td class="align-center" style="width: 54.5187%; height: 30.7812px;">删除当前选中的图层</td></tr><tr style="height: 30.7812px;"><td class="align-center" style="width: 24.165%; height: 30.7812px;">上移</td><td class="align-center" style="width: 21.5128%; height: 30.7812px;">`↑`</td><td class="align-center" style="width: 54.5187%; height: 30.7812px;">将图层向上移动一层</td></tr><tr style="height: 30.7812px;"><td class="align-center" style="width: 24.165%; height: 30.7812px;">下移</td><td class="align-center" style="width: 21.5128%; height: 30.7812px;">`↓`</td><td class="align-center" style="width: 54.5187%; height: 30.7812px;">将图层向下移动一层</td></tr><tr style="height: 30.7812px;"><td class="align-center" style="width: 24.165%; height: 30.7812px;">向下合并</td><td class="align-center" style="width: 21.5128%; height: 30.7812px;">[![image.png](https://wikidocs.tdogmc.cn/uploads/images/gallery/2026-07/scaled-1680-/KdaeBBjQft92Xo13-image.png)](https://wikidocs.tdogmc.cn/uploads/images/gallery/2026-07/KdaeBBjQft92Xo13-image.png)

</td><td class="align-center" style="width: 54.5187%; height: 30.7812px;">将当前图层合并到下一层</td></tr><tr style="height: 29.4583px;"><td class="align-center" style="width: 24.165%; height: 29.4583px;">重命名</td><td class="align-center" style="width: 21.5128%; height: 29.4583px;">双击名称</td><td class="align-center" style="width: 54.5187%; height: 29.4583px;">为图层设置易于识别的名称</td></tr></tbody></table>

> 最底部的**背景层无法删除**，确保始终至少有一个图层存在。

## 图层属性

<table id="bkmrk-%E5%B1%9E%E6%80%A7-%E8%AF%B4%E6%98%8E-%E5%8F%AF%E8%A7%81%E6%80%A7-%E7%82%B9%E5%87%BB%E7%9C%BC%E7%9D%9B%E5%9B%BE%E6%A0%87%E5%88%87%E6%8D%A2%E6%98%BE%E7%A4%BA"><thead><tr><th>属性</th><th>说明</th></tr></thead><tbody><tr><td class="align-center">可见性</td><td class="align-center">点击眼睛图标切换显示 / 隐藏</td></tr><tr><td class="align-center">锁定</td><td class="align-center">锁定后该图层不可编辑，防止误操作</td></tr><tr><td class="align-center">不透明度</td><td class="align-center">0% – 100%，控制图层的透明度</td></tr><tr><td class="align-center">混合模式</td><td class="align-center">`source-over`（正常叠加）</td></tr></tbody></table>

## 最佳实践

**分图层设计**  
将底色、图案、阴影、高光放在不同图层，方便独立修改而不影响其他元素。

**善用不透明度**  
阴影层 30% → 自然暗角 · 发光层 50% → 柔和光晕

**命名图层**  
给图层起有意义的名字（如"红色底色"、"白色条纹"、"阴影"），图层多时快速定位。

**锁定已完成图层**  
编辑其他部分时锁定已完成图层，避免误触。

> 📋 每次图层操作都会**自动记录到历史**，可使用 <kbd>Ctrl + Z</kbd> 撤销。