图像混合模式：乘法、屏幕和叠加详解

最后更新: June 28, 2026

混合模式（Blend modes）控制着两个图像图层如何逐像素地结合。与一个图层简单地覆盖另一个不同，混合模式决定了它们的颜色如何相互作用——multiply 使画面变暗，screen 使画面变亮，overlay 则增加对比度。混合模式是合成、双重曝光、纹理叠加以及大多数非破坏性照片编辑的基础。本指南解释了主要的混合模式的工作原理、何时使用它们，以及它们所支持的常见合成技术。

快速答案：什么是混合模式？

混合模式是一种设置，它决定了一个上层图层的像素如何与下方图层的像素相互作用。Normal 模式只是简单地堆叠上层；其他模式则根据数学公式（如乘法、屏幕或比较值）来混合两者，以变暗、变亮或增加对比度。其实际用途是合成：将纹理融入照片、结合两次曝光，或创建双重曝光效果。选择模式时应根据期望的结果来决定——使用 multiply 来变暗并添加纹理；使用 screen 来变亮和发光；使用 overlay 来增强对比度。

混合模式是如何工作的？

每种混合模式都是应用于每一对像素（下方基础图层和上方混合图层）的公式。该公式接收两个颜色值并产生一个结果，不同模式之间的差异完全在于这个公式本身。

关键的洞察是，大多数混合模式都是在原始颜色值上按通道（per-channel）工作的，因此明亮的像素和暗的像素会以可预测的方式相互作用。了解这五个组别的概念可以让你无需记忆每一个模式就能预测其行为。

何时使用 multiply？

multiply 是最常用的变暗模式。它将基础图层和混合图层的数值相乘，总是产生更暗的结果，并且它会忽略纯白色——白色会变成透明。这使得 multiply 非常适合用于纹理叠加和阴影，因为叠加图层的白色部分会消失，只留下较深的纹理。

• 在 multiply 上方叠加一张纸张纹理，以增加颗粒感和年代感。
• 使用深色图层在 multiply 上创建逼真的阴影。
• 在 multiply 上结合两张照片，实现变暗的双重曝光效果。
• 混合图层的白色区域会消失，因此不需要遮罩。

忽略白色的特性使得 multiply 对纹理非常有用：一张白色背景的纸张颗粒扫描件会完全“掉色”，只留下能使下方照片变暗的颗粒感。

何时使用 screen？

screen 是 multiply 的对立面——它使画面变亮，并且它忽略纯黑色。黑色会变成透明，因此一个黑色背景会消失，只剩下混合图层较亮的区域可见。Screen 模式用于光效：发光、光泄漏、闪光等任何应该给场景增加光线的效果。

• 在 screen 上添加光泄漏叠加，营造复古的辉光效果。
• 在黑色背景上合成闪光或焦外成像（bokeh）——黑色部分会消失。
• 通过在照片上进行 screen 处理明亮的纹理来构建双重曝光。
• 使用 screen 提升阴影，同时不影响高光区域。

Screen 和 multiply 是互补的。为了达到平衡的合成效果，设计师通常使用 multiply 来处理深色元素，而使用 screen 来处理浅色元素。

如何使用 overlay 和 soft light？

对比度组（overlay, soft light, hard light）使深色更深、浅色更亮，从而增强整体对比度。Overlay 是 multiply 和 screen 的结合；soft light 是一个更温和的版本。这些模式用于提亮阴影和加深高光（dodging and burning），局部增加对比度，以及在保持基础照片色调范围的同时混合纹理。

• 叠加纹理以增加对比度和细节，而不会简单地变暗。
• soft light 更微妙、更适合皮肤和肖像。
• hard light 非常强烈——应谨慎使用以达到戏剧效果。
• 在设置为 overlay 的 50% 灰色图层上作画，实现非破坏性的提亮阴影和加深高光。

50% 灰度叠加技术是专业修饰的必备技巧：在 overlay 上方的灰色图层直到你在其上涂上更浅或更深的颜色之前都是不可见的，这使得你可以在单独的图层上进行非破坏性的提亮阴影和加深高光。

合成工作流程中的混合模式

混合模式很少孤立地使用——它们存在于一个更大的合成工作流程中，该流程将多种技术结合到一个最终图像中。典型的合成会结合使用混合模式、图层蒙版、不透明度调整以及本站其他地方涵盖的相关照片效果。

将这些元素联系起来的工作流程是“非破坏性编辑”：每种混合模式和蒙版都存在于自己的图层上，因此你可以调整或移除任何效果而不会触及原始图像。这就是为什么专业的合成师在工作时采用分层而不是直接扁平化——这种以后可以回顾混合模式的灵活性使得复杂的合成变得易于管理。当合成完成时，需要对结果进行 resize 和 compress，以适应其目标用途。

常见的混合模式错误

• 使用错误的组别 — 当你想要变亮时却选择了变暗的模式。将组别与目标匹配。
• 忽略不透明度 — 在 100% 的混合模式下通常太强；将图层的不透明度降低到 30-50%。
• 忘记黑色或白色会消失 — screen 忽略黑色，multiply 忽略白色；利用这一点，而不是与之对抗。
• 没有尝试模式菜单 — 选择最快的方式是选中图层并循环查看模式变化，观察结果。

关于每种模式的技术定义，Adobe blend mode reference 记录了每个公式，而 W3C CSS compositing spec 则为网页定义了相同的模式，在 web 中可以通过 mix-blend-mode 和 background-blend-mode 在 CSS 中使用混合模式。无论是在 Photoshop 还是在浏览器样式表中，适用的数学原理都是一样的，因此学习一次模式知识就能普遍适用。尝试用一张照片和一张纹理图层进行实际的二层合成——并循环切换模式；其行为会很快变得直观，而这种直觉才是合成背后的真正技能。

常见问题解答

什么是混合模式？

混合模式决定了一个图层的像素如何与下方图层的像素结合——它们是相乘（变暗）、屏幕（变亮）、叠加（对比度）还是简单覆盖。在任何基于图层的编辑器中，合成、光效和色彩分级都依赖于混合模式。

我应该何时使用 multiply？

用于变暗——multiply 会使白色保持透明并使所有其他部分变暗，因此黑底白纹理（如颗粒或阴影）可以乘积到照片上而不会覆盖它。它是添加阴影、纹理和变暗叠加的首选模式。

我应该何时使用 screen？

用于变亮——screen 会使黑色保持透明并使所有其他部分变亮，因此它是光效、辉光和光泄漏的模式。将黑底的光泄漏通过 screen 模式合成到照片上，可以在不变暗的情况下增加光线。

overlay 是做什么的？

Overlay 结合了 multiply 和 screen：它使深色更深、浅色更亮，从而增加了对比度。它是用于添加尊重底层明暗度的颜色或纹理的模式。soft light 是一个更温和的版本。

哪个混合模式用于叠加纹理？

Overlay 或 Soft Light——两者都能增加对比度（使深色更深，浅色更亮），因此纹理图层看起来是融入的而不是粘贴上去的。Multiply 只变暗；Screen 只变亮。Overlay 添加的纹理能尊重光线。

Overlay 和 Soft Light 有什么区别？

两者都增加了对比度（使深色更深，浅色更亮），但 soft light 更温和——它产生了一种适合自然外观纹理叠加的微妙效果。Overlay 更强、更明显。当你想让效果清晰可见时使用 Overlay；当你希望它无缝融合时使用 Soft Light。它们在不同强度下执行的是相同的操作。