视觉风格图鉴
认识100+种视觉风格

3D艺术

卡通渲染

卡通渲染不是把三维模型变得‘像动画’的单一滤镜,而是主动把连续光照压缩成有限色阶,并用轮廓、边线和设计化阴影让形体像被画出来。

渲染取向
非真实感渲染(NPR)
核心控制
明暗阈值、色阶、边线、镜头与材质风格化
目标
让形体阅读服从图形设计而非物理逼真

视觉线索

  • 平面阴影
  • 轮廓线
  • 简化高光
  • 动画感
开始观察↓
以分阶光照与深色轮廓线塑造的卡通渲染苹果
当代演绎 · 视觉教学示例

读图

苹果的明暗不是平滑过渡,而是被切成几个有意安排的色面

高光、受光面和阴影在明确阈值处跳变;果实外轮廓与关键转折有深线收束。光照仍在说明体积,但它被调色板和线条重新编排,优先保证远看时的清楚读法。

  1. 01

    看光照如何分阶

    红色从亮到暗只经过少量清楚区块,不用写实渲染那种连续而细碎的渐变。

  2. 02

    看哪一些边被强调

    外轮廓、遮挡交界和局部折线比普通材质更深、更稳定;并非所有网格边都要描。

  3. 03

    看阴影是不是设计元素

    投影形状与接触暗部服务于构图和重心,常比物理软阴影更干净、更可控。

  4. 04

    看色彩是否独立于真实材料

    背景、桌面和苹果可用高饱和或互补关系分开,即使这不对应真实光谱。

一句话理解

把连续光照、真实材质与几何边界
重写成有限色阶、选择性线条和可控的图形节奏

Toon shading(也常称cel shading)属于非真实感渲染的一组方法。普通着色会随法线与光线连续变化;卡通渲染会把这个连续结果经阈值、色带或色阶表量化为少数平面,再选择性提取轮廓、折线或深度不连续处。它依然需要模型、灯光与相机,只是把“像真实世界”替换为“像一套一致的绘制规则”。

视觉语言

非真实感光影 DNA

01

阶

连续光被量化

为亮、中、暗设定少量阈值;每级要有足够面积才能在远处阅读。
02

线

轮廓线是筛选结果

基于视角、法线、深度或物体边界取线;线宽和断续也应有层级。
03

色

调色板先于材质真实

局部色、阴影色与环境色可分开设计,避免把PBR贴图直接压成海报。
04

影

阴影构图化

保留接触、投影和转折这些能说明结构的暗部,舍弃无助阅读的噪声。
05

镜

形体先被镜头决定

焦距、视角和剪影影响巨大;好的卡通渲染从清楚的姿态和轮廓开始。

它从哪里来

从赛璐珞动画的色面与墨线,到实时着色器的阈值和边缘检测,卡通渲染让三维影像获得可设计的绘制感

传统动画长期依赖分层色面、明确轮廓与有限阴影来提高制作效率并维持角色可读性。计算机图形学在1990年代后将这些视觉原则转译为光照量化、描边和后处理边缘检测;游戏和动画电影进一步把它扩展为高度多样的风格体系。

  1. 赛璐珞动画建立色面与轮廓

    分层绘制、线稿和有限阴影让角色能稳定复用与阅读。

  2. NPR成为图形学研究方向

    研究者探索如何让计算机渲染模仿素描、水彩、漫画与技术插图。

  3. 实时cel shading普及

    可编程GPU让色带、rim light、轮廓检测与屏幕空间描边进入游戏管线。

  4. 风格化渲染成为完整艺术方向

    作品把线、材质、镜头、特效和动画节奏统一为专属视觉语言,而非后期滤镜。

艺术家与作品

通过四个案例认识它

01

The Wind Waker

以平涂色、醒目轮廓和简化光影把可探索的三维海洋变成动画世界。
Nintendo
02

Jet Set Radio

涂鸦式线条、强对比色和夸张运动让城市拥有街头漫画的节奏。
SEGA
03

Guilty Gear Xrd

以三维模型、手工控制帧与着色规则模拟二维格斗动画的姿态和线条。
Arc System Works
04

Spider-Man: Into the Spider-Verse

半色调、网点、错位线条与帧率差异让三维电影图像接近印刷漫画。
Sony Pictures Animation

如何辨认

先看光照是否被有意离散化,再看线条和阴影是否与造型共同工作

  • ✓明暗是否在清楚阈值处变化,而非只给写实材质套一层饱和滤镜?
  • ✓轮廓线是否选择外轮廓和重要转折,而不是不分轻重地勾所有网格?
  • ✓调色板、投影和环境色是否帮助角色从背景中分离?
  • ✓动作和镜头暂停时,剪影是否仍能让物体一眼可读?

风格关系

三种风格化三维策略

参考资料

资料来源与说明

苹果图是当代卡通渲染教学演绎:有限光照色阶、选择性深色轮廓和图形化投影共同说明风格。它不对应任何特定作品,也不把所有非真实感渲染简化为同一种黑描边。

  1. Blender 手册:Toon BSDF ↗
  2. Blender 手册:Shader to RGB ↗
  3. NVIDIA GPU Gems 2:非真实感渲染 ↗