混合模式
一种将两个图层的像素值进行数学运算以实现合成的方法。包括正片叠底、滤色、叠加等模式,可产生多样的视觉效果。
混合模式(Blend Mode)定义了上层像素与下层像素之间的数学运算规则,决定两个图层叠加时的最终视觉效果。它是图像合成和特效制作的核心工具。
混合模式按效果分类:
- 变暗类:正片叠底(Multiply)将两层像素值相乘再除以 255,结果总是更暗。适合添加阴影和纹理叠加
- 变亮类:滤色(Screen)的公式为
255 - (255-A)(255-B)/255,结果总是更亮。适合添加光效和高光 - 对比类:叠加(Overlay)对暗部执行正片叠底、对亮部执行滤色,增强对比度。柔光(Soft Light)效果更温和
- 差值类:差值(Difference)计算像素差的绝对值,产生反转效果。排除(Exclusion)类似但对比度更低
在 Web 开发中,CSS mix-blend-mode 控制元素间的混合,background-blend-mode 控制背景层间的混合。这使得无需图像编辑软件即可实现动态的视觉合成效果。
Photoshop 提供 27 种混合模式,每种都有精确的数学公式。理解核心模式(正片叠底、滤色、叠加)的原理,即可应对大多数合成需求。
混合模式是 Photoshop 在 1990 年代普及的概念,如今通过 CSS 的 mix-blend-mode 与 Canvas API 也可使用。代表性模式的计算式如下 (数值归一化到 0-1):正片叠底为 结果 = A × B,用于添加阴影与叠色;滤色为 结果 = 1 - (1-A)(1-B),用于提亮;差值取两者之差的绝对值,可用于检测 2 张图像之间的差异。由于 GPU 加速有效,这些模式也适合实时的交互式表现。