游戏素材处理3 分钟阅读

PSD 按钮导出后描边消失?对照填充与不透明度

用两份带描边的按钮对照,定位中心透明、描边保留的效果在哪一步丢失。

PSD 按钮导出后描边消失?对照填充与不透明度
青蓝色徽章层沿透视方向分离,最外层呈现中心透明的紫色描边
概念示意图

设计稿里的按钮中心是空的,只有外沿发亮。导出后如果描边消失,或者中心重新变成实色,先核对 Photoshop 的填充与整体不透明度,再检查导出有没有把图层样式合成到 PNG。

制作两份相同的描边按钮

在透明画布上做一个实色形状,添加普通混合模式的外侧描边,并给画布四周留足空间。复制两份,A 的填充设为 0%,整体不透明度为 100%。B 的填充保持 100%,整体不透明度设为 0%。在 Photoshop 画布中,预期 A 仍能看到描边,B 整层不可见。先为 A 保存一张能正确显示效果的参考 PNG。

核对交付文件中的两个取样点

  1. 在中心取样。A 应保持透明;中心变实说明结果与参考图有差异。
  2. 在外侧描边取样,再检查画布边缘。只缺外侧几像素时,还要排查画布或裁切范围。
  3. 将 A 放在明暗两种背景上,和参考 PNG 对照。样式缺失时,在副本中合成单个按钮再交付,保存可编辑 PSD。

如果引擎里要切换描边颜色,交付可独立控制的形状与描边,或由目标项目实现样式。无论采用哪种方式,都用参考 PNG 检查尺寸、对齐和透明度。

打开 Tooliva 对应工具准备样例,再在目标环境中执行上述检查。

推荐使用本站工具

准备好实践「PSD 按钮导出后描边消失?对照填充与不透明度」了吗?

使用本站在线工具,将教程中的步骤立刻应用到你的独立游戏项目。