PSD 按钮导出后描边消失?对照填充与不透明度
用两份带描边的按钮对照,定位中心透明、描边保留的效果在哪一步丢失。


设计稿里的按钮中心是空的,只有外沿发亮。导出后如果描边消失,或者中心重新变成实色,先核对 Photoshop 的填充与整体不透明度,再检查导出有没有把图层样式合成到 PNG。
制作两份相同的描边按钮
在透明画布上做一个实色形状,添加普通混合模式的外侧描边,并给画布四周留足空间。复制两份,A 的填充设为 0%,整体不透明度为 100%。B 的填充保持 100%,整体不透明度设为 0%。在 Photoshop 画布中,预期 A 仍能看到描边,B 整层不可见。先为 A 保存一张能正确显示效果的参考 PNG。
核对交付文件中的两个取样点
- 在中心取样。A 应保持透明;中心变实说明结果与参考图有差异。
- 在外侧描边取样,再检查画布边缘。只缺外侧几像素时,还要排查画布或裁切范围。
- 将 A 放在明暗两种背景上,和参考 PNG 对照。样式缺失时,在副本中合成单个按钮再交付,保存可编辑 PSD。
如果引擎里要切换描边颜色,交付可独立控制的形状与描边,或由目标项目实现样式。无论采用哪种方式,都用参考 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.
