Blurrr 混合模式详解——正片叠底、屏幕、叠加等 20+ 种合成模式
混合模式是什么
混合模式（Blending Mode）控制上方图层的像素如何和下方图层的像素混合。默认模式是"正常"——上方图层完全覆盖下方图层。改变混合模式后，两层之间会产生各种有趣的合成效果。
Blurrr 提供了 20+ 种混合模式，全部支持关键帧动画（可以在不同混合模式之间做过渡）。
常用混合模式分类
变暗组（让画面更暗）
| 模式 | 效果 | 典型用途 |
|---|---|---|
| 正片叠底 (Multiply) | 两色相乘，结果永远更暗 | 给画面叠加纹理、做划痕 / 噪波效果 |
| 变暗 (Darken) | 逐像素取两层中更暗的那个 | 选择性暗化 |
| 颜色加深 (Color Burn) | 对比度增强式暗化 | 暗部压暗 |
变亮组（让画面更亮）
| 模式 | 效果 | 典型用途 |
|---|---|---|
| 屏幕 (Screen) | 两色取反后相乘，结果永远更亮 | 光效叠加、闪光、粒子 |
| 变亮 (Lighten) | 逐像素取两层中更亮的那个 | 选择性亮化 |
| 颜色减淡 (Color Dodge) | 对比度增强式亮化 | 高光溢出、霓虹光 |
对比组（增强明暗对比）
| 模式 | 效果 | 典型用途 |
|---|---|---|
| 叠加 (Overlay) | 亮的变得更亮，暗的变得更暗 | 质感增强、风格化 |
| 柔光 (Soft Light) | 比叠加更柔和 | 自然的对比度调整 |
| 强光 (Hard Light) | 比叠加更强烈 | 高反差效果 |
差值 / 排除组
| 模式 | 效果 | 典型用途 |
|---|---|---|
| 差值 (Difference) | 两层颜色相减取绝对值 | 反色效果、故障风 |
| 排除 (Exclusion) | 和差值类似但对比度更低 | 柔和的反色 |
颜色组
| 模式 | 效果 | 典型用途 |
|---|---|---|
| 色相 (Hue) | 用上方的色相，下方的饱和度和亮度 | 替换画面颜色 |
| 饱和度 (Saturation) | 用上方的饱和度，下方的色相和亮度 | 只改饱和度 |
| 颜色 (Color) | 用上方的色相和饱和度，下方的亮度 | 整体改色 |
| 明度 (Luminosity) | 用上方的亮度，下方的色相和饱和度 | 保持颜色的只改明暗 |
实战示例
示例 1：给视频叠加热浪 / 噪波纹理
1. 在视频层上方新建一个静态纹理图层
2. 把纹理图层的混合模式设为「正片叠底」
3. 调整纹理图层的不透明度（30%~50% 通常合适）
4. 想让纹理只出现在高光区？试试「叠加」或「强光」示例 2：给粒子做发光效果
1. 粒子图层放在视频层上方
2. 混合模式设为「屏幕」→ 粒子看起来像在发光（亮部叠加）
3. 再加一个粒子副本，混合模式设为「叠加」，不透明度 30% → 发光效果更强烈示例 3：做一个故障风格切换
1. 在切换点把上方图层的混合模式从「正常」瞬间切到「差值」
2. 同时把不透明度从 0% 打到 100% 再回到 0%（时长 0.15s）
3. 得到一个闪白故障效果示例 4：用混合模式做"双色"风格
1. 视频层上方新建一个纯色图层（比如橙色）
2. 混合模式设为「颜色」+ 不透明度 30% → 画面整体罩上橙色
3. 想更有质感？纯色层上方再加一层黑色纹理 → 混合模式「正片叠底」混合模式 + 关键帧
Blurrr 的混合模式本身也支持关键帧动画——可以从模式 A 平滑过渡到模式 B。但要注意：
- 过渡效果取决于两个模式之间的差异
- 从「正常」到「正片叠底」的过渡会很自然（因为中间态是不透明度渐变）
- 从「正片叠底」到「屏幕」的过渡可能中间会有奇怪的中间色
建议：混合模式切换配合不透明度关键帧使用，让效果更可控。
混合模式和不透明度的区别
混合模式改变的是像素计算公式，不透明度改变的是两层的权重比例。两个参数可以同时调节：
- 混合模式 = 正片叠底 + 不透明度 = 50%：用半透明的正片叠底效果
- 混合模式 = 正常 + 不透明度 = 50%：半透明覆盖（最简单的效果）
- 混合模式 = 屏幕 + 不透明度 = 100%：完整的屏幕效果（光效叠加）