二次元卡通角色渲染完全指南：描边、皮肤、头发、衣服 PBR+NPR

二次元卡通角色渲染完全指南

#

描边（Outlines）

##

1. 描边的重要性
二次元风格中，描边是定义角色轮廓的关键，起到分隔角色与背景、增强风格感的作用。

##

2. 描边技术分类

###

2.1 几何描边（Geometry-based）

基于模型膨胀的描边

法线方向偏移

简单但容易出现断裂

###

2.2 屏幕空间描边（Screen-space）

边缘检测算法

深度/法线缓冲区检测

效果稳定但计算量大

###

2.3 基于着色器的描边

Vertex shader 偏移

Fragment shader 轮廓检测

可结合 NDC 坐标实现高质量描边

##

3. 描边参数控制

**描边宽度**：根据距离调整，远处描边变细

**描边颜色**：通常为纯黑或深色，可使用渐变

**描边层级**：区分轮廓线与内部线条

---

#

皮肤渲染（Skin Rendering）

##

1. 次表面散射（SSS）
卡通风格的皮肤渲染需要模拟光线在皮肤内部的散射效果。

##

2. 核心参数

**基础色**：根据角色设定选择肤色

**暗部颜色**：向紫色/蓝色偏移，模拟次表面效果

**高光**：Ramp shader 控制高光位置和形状

**高光形状**：椭圆/水滴形，符合二次元风格

##

3. Ramp Shader（渐变着色器）
“`
漫反射 Ramp：

亮部 → 纯色

中间调 → 肤色

暗部 → 蓝色调

高光 Ramp：

边缘 → 强高光

中心 → 白/粉色
“`

##

4. 皮肤高光

额头、鼻子、脸颊是主要高光区域

使用 custom specular mask

高光强度因角色而异

---

#

头发渲染（Hair Rendering）

##

1. 头发结构

外层（Cuticle）：高反射

内层（Cortex）：主要颜色

髓质（Medulla）：透明

##

2. 头发高光类型

**主高光**：强烈、边缘清晰

**次高光**：柔和、宽范围

**透明高光**：模拟头发透明感

##

3. 技术实现

**Anisotropic（各向异性）高光**：模拟头发丝状结构

**Ramp shader**：控制高光渐变

**Alpha 透明**：边缘和透明区域

**头发描边**：内侧线条增强细节

##

4. 头发阴影

头发在脸上的投影

使用 contact shadow

根据光源位置动态调整

---

#

衣服渲染（Clothing Rendering）

##

1. 布料基础

与皮肤不同的反射特性

褶皱处的暗部表现

材质区分（丝绸、棉麻、皮革等）

##

2. NPR 布料渲染

**色块分明**：避免渐变

**褶皱线条**：强调布料褶皱

**边缘光**：轮廓边缘的微弱发光

##

3. PBR + NPR 混合

使用 PBR 的光照计算

结合 Ramp shader 的色块化

保留物理真实性同时保持风格

---

#

PBR 与 NPR 对比

##

PBR（Physically Based Rendering）

基于物理的光照模拟

能量守恒

适合写实风格

参数：Albedo、Roughness、Metallic、Normal

##

NPR（Non-Photorealistic Rendering）

非真实感渲染

色块化、线条化

强调艺术风格

参数：Ramp、Outline、Specular Mask

##

混合渲染策略
“`
1. 使用 PBR 的光源计算框架
2. 漫反射替换为 cel shading ramp
3. 高光使用 cartoon specular
4. 保留法线贴图的细节
5. 添加 NPR 特有的描边
“`

---

#

推荐学习资源

##

描边技术

几何描边膨胀算法

屏幕空间法线边缘检测

描边宽度与距离衰减

##

皮肤渲染

SSS 原理与实现

Ramp Shader 深入理解

二次元高光形状控制

##

头发渲染

各向异性高光原理

Kajiya-Kay 头发模型

头发透明与Alpha混合

##

综合教程

Unity/UE 卡通渲染工作流

Toon Shader 制作教程

二次元游戏角色渲染案例

---

#

技术要点总结

| 模块 | 核心难点 | 解决方案 |
|——|———|———|
| 描边 | 断裂/穿帮 | 屏幕空间检测 + 几何补充 |
| 皮肤 | 暗部单调 | SSS + 颜色偏移 |
| 头发 | 高光不自然 | 各向异性 + Ramp |
| 衣服 | 材质区分 | PBR参数调整 + NPR化 |
| 整体 | PBR+NPR融合 | 分层光照 + 后期处理 |

---

*文章整理自游戏渲染技术知识，适用于 Unity/UE/自研引擎的二次元角色渲染开发。*