图像叠加层

图像叠加层是放在底图上方的任何视觉图层，包括文字、形状、箭头、Logo、设备边框、色调或另一张图片。叠加层与底图合成后，就是观看者看到的画面。

叠加层通过 Alpha 合成进行组合。叠加层的每个像素都有一个不透明度值，结果按这个比例混合叠加层颜色和底图颜色。不透明度为 100% 时，叠加层完全遮住底图；为 50% 时，两者同时可见。

叠加层可以作为独立图层保持可编辑，也可以在导出图像时拼合进像素。拼合后的叠加层在没有原始文件的情况下无法再移除。

叠加层的类型

• 标注：箭头、方框、椭圆、线条、文字标签和步骤编号。
• 高亮：覆盖在关注区域上的半透明颜色。
• 遮挡层：覆盖私密内容的模糊或纯色方框。
• 品牌标识：Logo 和水印。
• 边框：截图外围的设备或浏览器边框。
• 对比层：以部分不透明度叠放在另一张图像上的图像。

叠加层的使用场景

分步指南用箭头和编号标记指出点击位置。错误报告用方框指出问题所在。营销图片在截图上方添加标题和 Logo，设计评审则把两个版本叠放在一起，以发现位置偏移。

叠加层的工作原理

编辑器把叠加层保存为对象，包含位置、尺寸、颜色和叠放顺序。渲染时先绘制底图，再从下到上依次绘制每个叠加层。导出时，要么把所有内容拼合成一张图像，要么以项目格式保留图层。

在 Temposhot 的 Documents 编辑器中，叠加层包括 Text (T)、Rectangle (R)、Ellipse (O)、Line (L)、Arrow (A)，以及 Pro 工具 Blur (B)、Click Marker (M) 和 Step Numbers (N)。按 [ 和 ] 键可以调整叠放顺序。编辑器会把标注与截取的图像分开保存。

常见错误

• 叠加层恰好遮住了它本应指向的控件。
• 使用的颜色与截图背景融为一体。
• 依靠半透明方框隐藏私密数据。
• 叠加层只存在于编辑后的版本中，却分享了原始帧。Temposhot 导出包含标注的帧 ZIP 时，会提示其中含有未经编辑的原始文件。

现在就有图像需要处理？

使用 Screenshot Annotation Tool 在浏览器中添加箭头和标签，或使用 Social Image Composer 把截图放在设计好的背景上。

常见问题

导出后还能移除叠加层吗？

只有在仍保留未拼合的原始文件或可编辑项目时才可以。

哪种格式能保留透明叠加层？

PNG 和 WebP 保留透明度，JPG 不保留。

参考资料

• Alpha compositing（维基百科）
• Blend modes（维基百科）

相关资源

• 标注与取景：Documents 编辑器工具。
• 在 Mac 上为操作说明标注截图：完整示例。