RGB 分离遮罩保护主体：中央圆形遮罩保原色、只让边缘出偏移

1. 引言：为什么需要“保护主体”的 RGB 分离

RGB 分离，又称色差（Chromatic Aberration）或通道偏移，是一种把红、绿、蓝三个颜色通道沿不同方向、不同距离错开的图像处理手法。它在视觉上模拟了真实光学镜头的色散现象，也常被用作赛博朋克、故障艺术（Glitch Art）、音乐可视化等风格的标志性语言。从 2010 年代中期的游戏后处理管线，到近年短视频与直播滤镜，RGB 分离几乎是“氛围感”工具箱里的常客。

但工程实践中一个反复出现的痛点在于：均匀的全屏偏移会无差别地破坏画面主体。当画面中央是人物面部、商品特写或 UI 文字时，通道错位会让轮廓出现红蓝镶边，轻则显得“脏”，重则完全不可用。尤其在竖屏短视频、电商直播、游戏 HUD 等场景，主体清晰度是不可让渡的底线。

这就引出了本文的核心命题：能否设计一种遮罩，让画面中央区域保持原色、只有边缘参与通道偏移？答案就是中央圆形遮罩 + 边缘径向偏移的组合方案。它把“风格化”与“主体保护”这对矛盾，转化为一个可调参的径向权重函数问题。

本文评述：笔者认为，主体保护型 RGB 分离的价值不仅在于“好看”，更在于它把视觉风格从“全局开关”变成了“空间可编程”的连续场。这一思路与近年计算摄影中“按语义分区处理”的趋势高度一致，是后处理管线从粗放走向精细的一个缩影。

1.1 适用场景清单

• 短视频/直播美颜后处理：人脸区域保原色，背景边缘出色散，营造电影感。
• 游戏 UI 与过场动画：HUD 文字、角色面部不受干扰，仅环境边缘偏移。
• 产品广告渲染：商品主体锐利，背景光斑带色差，突出质感。
• 音乐可视化 / VJ 视觉：节拍驱动偏移量，中心保留可辨识图形。
• 故障艺术创作：可控的“局部故障”，避免整屏噪声化。

2. 色差的物理成因与视觉感知基础

要做出“像那么回事”的色差，先得理解真实镜头里它是怎么来的。光学色差主要分两类：轴向色差（Axial / Longitudinal Chromatic Aberration）与横向色差（Lateral / Transverse Chromatic Aberration）。前者源于不同波长光的折射率不同，导致焦点沿光轴分离；后者源于放大率随波长变化，导致成像高度不同。

对于屏幕空间的后处理而言，我们模拟的主要是横向色差——因为它表现为“越靠画面边缘，通道错位越明显”的径向特征，这与本文的中央圆形遮罩天然契合。真实镜头的横向色差量通常与到光轴的距离近似成正比，这也为后文的径向偏移函数提供了物理依据。

本文评述：很多教程把 RGB 分离写成“R 往左、B 往右各偏移固定像素”，这其实更接近轴向色差或纯故障效果。若要模拟真实镜头，偏移量应随半径增长，且中心为零。本文的遮罩方案恰好把这一物理规律工程化了——中央圆内偏移为零，正是对“光轴附近无色差”的近似。

2.1 人眼对色边的敏感度

人眼视网膜上分布着对红、绿、蓝敏感的三类视锥细胞，其中对亮度信息最敏感的是 M/L 锥体（大致对应绿-红波段）。这意味着红蓝通道的错位比绿通道错位更容易被察觉为“色边”。工程上的直接推论是：偏移应主要施加在 R 与 B 通道，G 通道尽量保持不动，这样既保留色散观感，又减少对亮度锐度的破坏。

此外，视觉系统对边缘的色差敏感度存在“掩蔽效应”：当边缘本身对比度高、纹理复杂时，色边不易被注意；而在平滑渐变区域，哪怕 1 像素的色边也会被放大。这解释了为什么主体（通常平滑、高关注）必须保护，而背景（通常复杂、低关注）可以承受偏移。

3. 从全屏偏移到遮罩约束：技术路线演进

回顾 RGB 分离在实时图形中的实现史，大致经历三个阶段。第一阶段是固定像素偏移：在片元着色器里对 UV 加减常数，代码三行搞定，但效果生硬、主体全毁。第二阶段是径向偏移：偏移量随 UV 到中心的距离增长，模拟真实横向色差，观感自然许多，但中心保护仍靠“距离小所以偏移小”，缺乏硬约束。第三阶段就是本文讨论的遮罩约束偏移：显式定义一个保护区域，区域内外用权重函数平滑过渡。

本文评述：这三个阶段并非替代关系，而是精度递进。固定偏移适合故障风，径向偏移适合写实镜头，遮罩约束适合“既要氛围又要主体”的商业场景。工程上完全可以做成一个参数化着色器，用同一个内核覆盖三种模式。

3.1 国内外相关方案梳理

在开源社区，Unity URP 的 Chromatic Aberration 后处理（属于 Post Processing Stack）提供了“径向”与“固定”两种模式，但并未内置主体保护遮罩；Unreal Engine 的 Scene Fringe 同样以全屏径向为主。学术侧，近年有多篇工作把色差建模与神经渲染结合，例如在 NeRF 类方法中显式建模镜头色差以提升重建质量。工业界如 Adobe 的镜头校正、DxO 的光学模块，则走的是“检测并消除色差”的反向路线——这恰好说明色差的空间分布是有规律可循的，否则无法被建模和校正。

值得注意的是，移动端 GPU（如 Adreno、Mali）对多纹理采样的带宽敏感，全屏三次采样（R/G/B 各一次）在中低端机型上可能带来明显开销。遮罩方案的一个隐性收益是：中央保护区内可以跳过 R/B 的额外采样，直接复用原像素，从而在主体占比大的画面里反而更省。

4. 中央圆形遮罩的数学建模

遮罩的本质是一个定义在 [0,1] 区间的权重场 w(p)，p 为归一化屏幕坐标。w=0 表示完全保护（不偏移），w=1 表示完全参与偏移。中央圆形遮罩要求 w 在圆心附近为 0，在半径 R 之外为 1，中间平滑过渡。

4.1 基础径向距离

设屏幕坐标 p=(x,y)，圆心 c=(0.5,0.5)（可调），则归一化径向距离为：

d = length((p - c) * vec2(aspect, 1.0));

其中 aspect 为宽高比修正，保证遮罩是正圆而非椭圆。这一步看似简单，却是很多实现“看起来是椭圆”的根源——忘记乘宽高比修正。

4.2 平滑过渡函数的选择

从 d 到 w 的映射，常用三种：

• smoothstep 型：w = smoothstep(R0, R1, d)，R0 为保护区半径，R1 为过渡结束半径。C1 连续，最常用。
• 线性 clamp 型：w = clamp((d - R0)/(R1 - R0), 0, 1)。简单但一阶不连续，过渡带可能可见折线。
• 幂函数型：w = pow(clamp(d/R1, 0, 1), k)。k 越大过渡越陡，适合“硬核保护”。

本文评述：smoothstep 是默认最优解，但它的过渡带宽度固定为 R1-R0，无法独立控制“陡峭度”。若需要更精细控制，可用 smoothstep(R0, R1, d) 后再接一次 pow(w, gamma)，用 gamma 调节软硬，这在笔者实践中非常实用。

4.3 遮罩形状的扩展

圆形是最通用的保护形状，但并非唯一。工程上可扩展为：

本文评述：圆形之所以成为默认，是因为它无方向性、参数最少、对构图不敏感。但在竖屏短视频里，笔者更推荐纵向椭圆或胶囊形，因为人脸区域本身就是纵向的，圆形会浪费左右两侧的保护范围。

5. 边缘通道偏移的耦合设计

有了遮罩权重 w，接下来要决定 R/B 通道怎么偏。核心设计原则是：偏移量本身也应是径向函数，并与 w 耦合。若偏移量是常数、仅靠 w 控制混合，过渡带会出现“偏移量突变”的观感；若偏移量随 d 增长，则过渡更自然。

5.1 径向偏移函数

设偏移方向为从圆心指向外的单位向量 dir = normalize(p - c)，偏移幅度为 A(d)，则 R 通道采样 UV 与 B 通道采样 UV 分别为：

vec2 dir = normalize(p - c);
float amp = A(d) * w;          // 与遮罩耦合
vec2 uvR = uv - dir * amp * strength;
vec2 uvB = uv + dir * amp * strength;
vec2 uvG = uv;                  // 绿通道不动

其中 A(d) 可取 d 本身（线性径向）或 pow(d, k)（加速径向）。strength 为全局强度，方便统一调节。

5.2 为什么绿通道不动

前文从视锥敏感度已给出理由，这里补充工程理由：G 通道承载了最多的亮度信息（约 71.6% 的亮度贡献，依据 Rec.709 系数）。保持 G 不动，等于保住了画面的锐度骨架，R/B 的错位只贡献“色”，不贡献“糊”。这也是很多高质量色差实现里 G 权重最低的原因。

本文评述：笔者见过一些实现把三通道都偏移，结果画面整体发糊、色边发灰。三通道全偏是“故障风”的做法，若要写实或商业可用，G 不动几乎是必选项。

5.3 偏移方向的可选变体

• 径向对称：R 向内、B 向外（或反之），最像真实镜头。
• 水平单向：R 左、B 右，经典故障风。
• 旋转切向：沿切线方向偏移，产生“旋涡色散”，适合音乐可视化。
• 噪声扰动：方向叠加低频噪声，模拟不规则镜片。

6. 着色器工程实现（GLSL / HLSL 完整代码）

下面给出一个可直接用于 Unity URP / Shadertoy / WebGL 的完整片元着色器实现。代码采用 GLSL 风格，HLSL 只需替换纹理采样函数与语义。

6.1 完整 GLSL 实现

// 主体保护型 RGB 分离
// 输入: uv (0~1), tex (场景纹理)
// 参数: center, radius0, radius1, strength, gamma, aspect

uniform sampler2D tex;
uniform vec2  center;    // 遮罩圆心, 默认 (0.5, 0.5)
uniform float radius0;   // 保护区半径, 默认 0.25
uniform float radius1;   // 过渡结束半径, 默认 0.45
uniform float strength;  // 偏移强度, 默认 0.008
uniform float gamma;     // 过渡软硬, 默认 1.0
uniform float aspect;    // 宽高比 w/h

vec3 rgbSplitProtected(vec2 uv) {
    // 1. 计算径向距离(带宽高比修正)
    vec2  d2  = (uv - center) * vec2(aspect, 1.0);
    float d   = length(d2);

    // 2. 遮罩权重: 保护区内 0, 过渡带平滑升到 1
    float w = smoothstep(radius0, radius1, d);
    w = pow(w, gamma);

    // 3. 径向偏移幅度(随距离增长)
    float amp = d * w * strength;

    // 4. 方向: 从圆心指向外
    vec2 dir = (d > 1e-5) ? normalize(uv - center) : vec2(0.0);

    // 5. 三通道采样: G 不动, R/B 反向偏移
    vec2 uvR = uv - dir * amp;
    vec2 uvB = uv + dir * amp;

    float r = texture2D(tex, uvR).r;
    float g = texture2D(tex, uv ).g;
    float b = texture2D(tex, uvB).b;

    return vec3(r, g, b);
}

这段代码只有二十余行，却包含了本文全部核心思想：径向距离 → 遮罩权重 → 耦合偏移 → 分通道采样。笔者建议读者先在 Shadertoy 上跑通，再移植到目标引擎。

6.2 HLSL / Unity URP 版本要点

移植到 URP 时，纹理采样用 SAMPLE_TEXTURE2D(_BlitTexture, sampler_LinearClamp, uv)。注意 URP 的 Blit 流程中 UV 可能已翻转，需确认 _BlitTexture_TexelSize 的符号。若用 Renderer Feature 实现，建议把参数暴露为 Volume 组件，便于美术调参。

6.3 边缘采样越界处理

当偏移量较大时，uvR/uvB 可能超出 [0,1]，导致边缘出现拉伸或黑边。三种处理：clamp 采样（最省）、镜像采样（较自然）、边缘衰减（把 strength 在画面边缘乘一个衰减系数）。笔者推荐 clamp + 边缘衰减组合，兼顾性能与观感。

7. 参数调优：从“能看”到“好看”

参数调优是这套方案从“原理正确”走向“商业可用”的关键。下面给出一组经笔者在 1080p 与 1440p 项目上验证过的参数区间（模拟数据，基于多次主观评估与性能测试整合，非单一实验来源）。

本文评述：调参的核心矛盾是“过渡带宽度”与“保护感”的权衡。笔者的经验法则是：先固定 radius0 使主体完全落入保护区，再用 radius1 微调过渡，最后用 strength 定氛围强度，gamma 做最后润色。切忌四个参数一起动，否则很难收敛。

7.1 常见问题与排查

• 过渡带出现同心圆色环：多为 gamma 过小或 smoothstep 被替换为线性 clamp，改用 smoothstep 并提高 gamma。
• 遮罩是椭圆：忘记乘 aspect 修正，检查 vec2(aspect,1.0)。
• 主体边缘仍有细色边：radius0 偏小，或 strength 在保护区未完全归零，检查 w 是否真的为 0。
• 画面边缘发黑：采样越界，启用 clamp 或边缘衰减。

8. 性能分析与移动端适配

RGB 分离的代价主要在纹理采样次数。全屏均匀方案需要 3 次采样（R/G/B 各一次），而本文方案在保护区内理论上只需 1 次采样（直接取原像素），过渡带与外部才需要 3 次。若主体占画面 30%，平均采样次数约为 1×0.3 + 3×0.7 = 2.4 次，相比全屏 3 次有约 20% 的带宽节省（模拟估算，实际取决于分支与缓存命中）。

但要注意：GPU 的 SIMT 架构下，同一 warp 内若部分线程走“1 次采样”分支、部分走“3 次采样”分支，会出现分支发散，实际收益可能被抵消。因此更稳妥的做法是统一采样 3 次，但用 w 做混合，即：

vec3 orig = texture2D(tex, uv).rgb;
vec3 split = vec3(r, g, b);
vec3 col = mix(orig, split, w);

这样无分支、warp 内一致，移动端更友好。代价是保护区也做了 3 次采样，但换来的是稳定的帧率。

本文评述：桌面端可以放心用分支版省带宽，移动端建议用混合版保稳定。这个取舍在笔者的移动项目里反复验证过——分支带来的帧率抖动比多出的采样更让人头疼。

8.1 半分辨率优化

色差本身是低频效果，完全可以在半分辨率下计算，再上采样叠加到全分辨率原图。由于保护区用原图、只有边缘用半分辨率色差，画质损失几乎不可见，而采样开销减半。这一思路与 Bloom 的半分辨率做法一致，是移动端常用的组合拳。

9. 与景深、辉光、色散的协同

在后处理管线中，RGB 分离很少单独出现。它与景深（DoF）、辉光（Bloom）、镜头污渍（Lens Dirt）共同构成“镜头感”组合。协同的关键在于共享同一套空间权重。

例如，景深的模糊量、辉光的强度、色差的偏移量，都可以复用本文的遮罩权重 w：保护区内三者都弱，边缘三者都强。这样不仅视觉一致，还能共用一次遮罩计算，省下重复的距离运算。

本文评述：很多团队把后处理各效果独立调参，结果画面“各说各话”。笔者认为，以主体遮罩为统一空间锚点，是后处理从“堆效果”走向“成体系”的关键一步。

9.1 与景深的顺序

建议顺序为：景深 → 色差 → 辉光。理由：色差应在模糊之后，否则色边会被模糊抹掉；辉光在最后，让色散的高光参与泛光，更接近真实镜头。

10. 前沿演进：神经渲染时代的色差建模

近三年，色差建模在神经渲染领域出现了新动向。NeRF 类方法在重建时若忽略镜头色差，会导致多视角不一致、细节发糊；因此有工作显式把色差参数纳入可微优化，与相机位姿联合求解。3D Gaussian Splatting 同样面临类似问题，部分实现引入了逐通道的相机模型。

另一条线是生成式后处理：用扩散模型或 GAN 学习“镜头风格”，色差作为其中一个可控条件。这类方法能生成比手工着色器更丰富的色散形态，但可控性与实时性仍是瓶颈。

本文评述：笔者认为，神经方法短期内不会取代手工着色器，但会反向提供“参数先验”——比如从真实镜头数据中学习到的偏移-半径曲线，可以直接拿来改进本文的 A(d) 函数。手工着色器负责实时与可控，神经方法负责真实与丰富，两者是互补而非替代。

10.1 语义遮罩的引入

圆形遮罩是几何先验，更进一步的演进是用语义分割得到主体掩码（人脸、商品、文字），用它替代或叠加圆形遮罩。移动端已有轻量分割模型可实时运行，这为“像素级主体保护”提供了可能。本文的权重框架无需改动，只需把 w 的来源从径向函数换成分割概率图。

11. 结论与工程建议

本文围绕“中央圆形遮罩保原色、只让边缘出偏移”这一主线，完成了从物理成因、数学建模、着色器实现到参数调优与前沿预判的完整闭环。核心结论可归纳为四点：

1. 遮罩与偏移必须耦合：偏移量应随径向距离增长，并与遮罩权重相乘，才能避免过渡带突变。
2. 绿通道保持不动：保住亮度骨架，是商业可用的底线。
3. 移动端用无分支混合版：稳定帧率优先于理论采样节省。
4. 遮罩是后处理的统一空间锚点：与景深、辉光共享权重，画面才成体系。

工程建议：把本文着色器封装为可复用的后处理组件，参数暴露给美术；在项目早期就确定遮罩形状（圆/椭圆/胶囊）与主体构图的关系；对移动端做半分辨率与无分支双版本，按机型分级启用。

12. 参考文献