PSD 贴图导出超出按钮边缘?用剪贴蒙版样例排查
用圆形底层和越界条纹检查剪贴蒙版在导出中是否保留,并选择可交付的合成方式。


设计稿里的条纹只在圆形按钮内可见,导入游戏后却变成一个越界矩形。这个问题适合用极小的 PSD 样例区分源图层像素和剪贴后的可见结果。Photoshop 的剪贴蒙版由底层的非透明区域控制上层显示。
固定圆形底层与条纹两层
新建一个 128×128 透明画布,用直径约 64 像素的实心圆作底层。放一张横跨画布的条纹作为上层,并将它剪贴到底层。保存一张包含合成效果的参考 PNG。把条纹的位置、画布边界和圆形都保留下来,便于逐项比较。
检查导出 PNG 的三个位置
- 看圆心,确认有应当可见的条纹。
- 看圆外和原条纹边缘,确认这些位置仍透明。若输出有完整条纹,当前导出保留了上层像素。
- 看圆周半透明区域,用浅色和深色底各叠一次,排除纯色底板掩盖的边缘问题。
如果交付的是静态按钮,可以在副本里合成这组效果再导出,同时保存可编辑源文件。如果运行时要独立换纹理,请明确交付底形和纹理,并在目标项目检查遮罩、尺寸和对齐。两种方案都用参考 PNG 核对外观。
打开 Tooliva 素材工具准备样例,然后在自己的工作环境执行上述验收。
推荐使用本站工具

PSD Layer Exporter Guide: Export Game UI Assets from Photoshop Files
Learn how a PSD layer exporter helps game developers extract buttons, panels, icons, characters, and UI elements from Photoshop files faster.

PSD to Game Engine Workflow: Prepare UI Assets for Unity, Cocos, and Godot
Learn how to convert PSD design files into clean game engine assets for Unity, Cocos, and Godot with better naming, folders, PNG export, and QA checks.

How to Batch Export PSD Layers to PNG for Game Development
A practical workflow for batch exporting PSD layers to transparent PNG assets for mobile games, UI screens, icons, and 2D production pipelines.
