Photoshop 通过图层创建图片叠加效果。下层提供主图片,上方的每个图层都可以独立移动、变换、添加蒙版、调整或混合。相比简单降低一张图片的透明度,这种方式能提供更多控制,尤其适合需要选区、蒙版、修图、色彩管理或可重复编辑的分层文件的场景。
如果只是想快速得到静态结果,这些能力也可能意味着不必要的准备工作。如果任务只是添加徽标、水印、纹理、光效或第二张照片,然后下载一张图片,轻量浏览器编辑器可以省去其中许多步骤。
本指南首先介绍常规的 Photoshop 工作流,然后说明 OverlayImage.app 在哪些情况下可以作为实用替代方案。两款产品彼此独立;OverlayImage.app 不是 Photoshop 插件,也不是 Adobe 集成服务。
如何在 Photoshop 中叠加图片
1. 打开主图片
打开应该决定文档画布的照片。在 Photoshop 中,根据文件和应用版本的不同,它通常会成为“背景”图层或第一个普通图层。
添加其他文件前,先检查文档尺寸。宽度、高度、分辨率元数据和颜色模式都会影响最终导出。如果合成图用于网站或社交媒体,像素尺寸比印刷分辨率元数据更重要。如果用于印刷,请确认物理尺寸和有效的每英寸像素数。
2. 将叠加图片添加为新图层
将第二张图片导入 Photoshop 有多种方式:
- 将文件拖入已打开的 Photoshop 文档。
- 从另一个文档复制并粘贴。
- 使用文件 > 置入嵌入对象(Place Embedded)或置入链接对象(Place Linked)。
- 同时打开两个文件,再将一个文档中的图层拖到另一个文档标签页中。
通过置入嵌入对象或置入链接对象添加的文件会成为智能对象,在变换图层时可以保留源数据。粘贴的图片可能会成为普通像素图层。如果预计会反复调整大小,智能对象会很有用,因为在选择栅格化之前,变换过程都保持非破坏性。
新添加的图层应该出现在图层面板中主图片的上方。如果没有,请在图层堆栈中将它向上拖动。
3. 使用自由变换定位和调整大小
选中叠加图层,然后使用**编辑 > 自由变换(Free Transform)或适用于当前平台的快捷键。拖动变换框内部可以移动图层。在当前版本的 Photoshop 中,启用保持长宽比(Maintain Aspect Ratio)**后,拖动角点会保持比例;按住 Shift 会临时切换这一设置。因此,请检查链接图标,不要依赖记忆中已经过时的快捷键行为。
位置正确后确认变换。需要精确操作时,可以使用变换数值、对齐工具、参考线、吸附功能或“属性”面板。徽标应保持原有比例,并在周围保留足够留白。全画面纹理则应延伸到目标画布边缘,避免留下意外接缝。
4. 需要同时显示两张图片时降低不透明度
图层面板包含不透明度(Opacity),在许多工作流中还包含填充(Fill)。不透明度会改变整个图层的可见度,包括许多图层效果;填充会改变图层内容,同时让某些图层样式保持更明显。对于简单的图片叠加,可以先从不透明度开始。
逐步降低数值,同时观察两张图片中的重要细节。没有适用于所有场景的理想百分比。明亮照片上的深色纹理可能只需要很低的不透明度;两张曝光相近的照片则可能需要更平衡的数值。
5. 选择混合模式
混合模式菜单会控制当前选中图层的像素如何与下方图层互动。
- **正常(Normal)**保留原始像素,并使用不透明度控制可见度。
- **正片叠底(Multiply)**通过保留较暗信息来加深画面,适合墨迹、纸张、颗粒和阴影。
- **滤色(Screen)**通过保留较亮信息来提亮画面,适合光晕、漏光、云朵和星星。
- **叠加(Overlay)**结合提亮和压暗效果来增强对比度。
- **柔光(Soft Light)**产生更柔和的对比度和色彩处理。
- **差值(Difference)**比较各通道并生成高对比度的色彩效果。
混合模式会根据实际像素值产生不同反应。同一种模式用于不同图片组合时,可能一种效果很细腻,另一种却非常强烈。可以尝试多种模式,然后回到“正常(Normal)”模式作为参考,再做最终决定。
使用图层蒙版控制混合
透明度会影响整个图层,而图层蒙版可以控制图层在哪些区域显示。
选中叠加图层并添加蒙版。在标准蒙版中,白色显示图层,黑色隐藏图层,灰色则产生部分可见效果。在蒙版上使用柔边画笔涂抹,或使用渐变,在两张照片之间创建平滑过渡。
蒙版是选择 Photoshop 来处理复杂叠加效果的主要原因之一。它可以让你保护脸部、产品、天空或文字,同时只在其他区域显示上层图片。底层源像素仍然保留,因为蒙版只是隐藏内容,而不是擦除内容。
为了获得更干净的边缘,请在合适的缩放级别下细化选区或蒙版。头发、半透明面料、烟雾和树叶比几何形状的徽标需要更多处理。不要给所有主体都使用极其柔软的边缘;正确的柔和程度应与场景的焦点和光线相匹配。
匹配两张图片的色彩和光线
要让合成结果看起来可信,不能只调整位置。还要比较亮度、对比度、色温、饱和度、颗粒、锐度和光线方向。
尽可能使用调整图层。如果调整图层只应影响叠加图层,可以将它剪贴到该图层上。曲线或色阶可以统一亮度和对比度。色相/饱和度可以降低过于鲜艳元素的颜色。色彩平衡、可选颜色和其他工具可以帮助不同素材使用相近的色彩体系。
锐度和噪点也很重要。将极其干净的叠加元素放在带有颗粒的照片上,可能会显得不自然。适量匹配的颗粒或模糊可以帮助元素融入画面。反过来,用大量模糊来掩盖糟糕的抠图,通常只会制造明显的光晕,而不是自然的边缘。
导出 Photoshop 叠加结果
如果之后可能修改合成效果,请保留分层 PSD 或兼容的工作文件。然后再导出一个单独的交付文件。
如果文档包含透明区域,或者需要用于徽标、界面图形或清晰文字的无损输出,可以选择 PNG。如果是具有不透明背景的成品照片,可以选择 JPEG。当目标平台支持时,WebP 适合用来生成体积更小的网页素材。不同 Photoshop 版本的导出控件和菜单名称可能不同,因此请在当前导出对话框中检查尺寸、颜色转换、透明度和质量。
交付前,在 Photoshop 之外打开导出文件。这样可以发现意外的色彩配置文件行为、透明度变化、压缩伪影,以及工作文档与扁平化导出结果之间的差异。
轻量浏览器替代方案
如果不需要蒙版、选区、修图、调整图层、智能对象或可重复编辑的 PSD,可以使用轻量浏览器工具。
添加两张图片
打开 OverlayImage.app,上传主图片,再将第二张图片添加为叠加图层。上传控件最多接受五个叠加文件。
变换选中的图层
拖动图片即可移动,拖动角点即可按比例调整大小;还可以使用精确坐标、居中对齐、旋转、翻转、复制和图层顺序等控件。

调整并混合
设置不透明度,从 12 种 Canvas 混合模式中选择一种,并调整选中图层的亮度、对比度、饱和度和模糊。它的控制范围比 Photoshop 更窄,但足以应对许多徽标、水印、纹理和照片混合任务所需的调整。
下载结果
选择 PNG、JPEG 或 WebP,然后下载画布。这里没有项目面板,不需要账号,也不会添加平台水印。

Photoshop 与 OverlayImage.app 对比
| 需求 | Photoshop | OverlayImage.app |
|---|---|---|
| 分层图片叠加 | 完整的专业图层系统 | 一张主图片加最多五个上传的叠加图层 |
| 蒙版和选区 | 细致的非破坏性蒙版与选区工具 | 当前不提供 |
| 混合模式 | 丰富的专业混合模式集合 | 12 种实用的 Canvas 模式 |
| 智能对象 | 支持嵌入和链接的可复用源文件 | 不提供 |
| 色彩校正 | 深入的调整和色彩管理工具 | 亮度、对比度、饱和度和模糊 |
| 文字、绘画和修图 | 功能全面 | 不提供 |
| 安装和账号 | 桌面应用与 Adobe 工作流 | 直接在浏览器中打开 |
| 工作文件处理 | 本地桌面工作流,具体取决于设置,也可能涉及 Adobe 服务 | 工作图片在当前浏览器中处理 |
| 最适合 | 复杂、可复用、生产级的编辑 | 快速完成静态叠加、合并和导出 |
浏览器工具有意保持更小的范围。它移除了与轻量叠加任务无关的 Photoshop 功能;它并不声称可以替代专业合成所需的那些能力。
Photoshop 中常见的图片叠加错误
编辑了错误的图层
在进行变换、绘画或调整前,先检查图层面板。在较大的文档中,应为重要图层重命名。可见主体与当前选中图层不一致,是发生意外编辑的常见原因。
用擦除代替蒙版
永久擦除会失去后续调整空间。当之后可能需要恢复边缘或修改过渡时,应使用图层蒙版。
反复缩放栅格图层
多次缩小和放大可能会降低普通像素图层的质量。如果预计会反复变换,应使用智能对象;或者在需要的尺寸下重新使用原始源文件。
忽略边缘污染
从明亮或颜色不同的背景中抠出的主体,可能会带有边缘杂色。请细化蒙版,谨慎去除颜色污染,并分别在新背景的亮部和暗部边缘上进行检查。
用混合模式掩盖糟糕的构图
戏剧化的混合模式可能会让两张毫不相关的图片暂时看起来协调。依赖混合效果前,应先在“正常”模式下确认位置、尺寸、主体关系和光线。
常见问题
在 Photoshop 中叠加两张图片最简单的方法是什么?
打开主图片,将第二张图片置入或拖入文档作为新图层,将它变换到合适位置,然后调整不透明度或混合模式。
如何让一张图片自然过渡到另一张图片?
为上层图片添加图层蒙版,并在蒙版上应用黑白渐变。渐变会控制上层图层在哪些区域隐藏、部分显示以及完全显示。
应该使用不透明度还是混合模式?
如果只是想让上层图层变得不那么明显,可以使用不透明度。如果希望上层图层的颜色或亮度与下层图层发生互动,可以使用混合模式。两种设置也可以结合使用。
添加徽标或水印一定需要 Photoshop 吗?
不需要。轻量浏览器编辑器可以对透明徽标或水印进行定位、缩放、旋转和不透明度调整。当你还需要蒙版、精细修图、文字设计或可重复编辑的分层文件时,Photoshop 才更有价值。
OverlayImage.app 是 Adobe 产品或 Photoshop 插件吗?
不是。它是一款独立的浏览器工具,与 Adobe Photoshop 没有官方集成或隶属关系。
如果要完成简单的静态合成,可以在浏览器中叠加图片。如果想了解同一图层模型的更简单解释,可以阅读如何把一张图片放到另一张图片上。