Art-明暗对照法:用光与影组织画面
明暗对照法(Chiaroscuro)不是”把画面画暗”,而是用极端的光影反差把形体从黑暗中”雕刻”出来,并同时决定观众的眼睛先看哪里——它起源于文艺复兴对”体积感”的追求,成熟于卡拉瓦乔式的全黑背景强光,延续到伦勃朗的心理化布光,今天活在你调场景灯光、做角色高光、甚至写 shader 的每一个决定里。
一句话记忆:“光负责讲故事,暗负责删掉不重要的故事。”
1. 起源:从”平涂”到”有体积”
1.1 前史——中世纪绘画为什么”平”
中世纪及拜占庭绘画以宗教象征为核心,追求的是神圣性与可读性,不是重现视觉真实:
- 背景常为金色平涂(象征神域,不表现空间)
- 人物用固定的明暗程式(面部高光位置符号化,不随光源变化)
- 光源观念缺失:没有统一光向,阴影多为”加深轮廓”而非”背光面”
这不是”画得差”,而是目的不同——当时的绘画是”文字之外的图解”,光不是研究对象。
1.2 转折点:文艺复兴的”塑形”需求
15 世纪,线性透视、解剖学、油画颜料(可层层罩染) 三项技术成熟,画家开始要回答一个新问题:“平面上怎么让东西看起来是凸出来的?”
答案是明暗(意大利语 chiaro 明 + scuro 暗)。最先系统做到这一点的是马萨乔(Masaccio,1401–1428):

马萨乔《纳税银》(The Tribute Money,约 1425,佛罗伦萨布兰卡契礼拜堂)。注意看:所有人物共享同一个光源方向,衣褶的明暗按光向走而不是按轮廓走——这是”体积感”第一次成立。
| 阶段 | 代表人物 | 贡献 |
|---|---|---|
| 早期探索 | 马萨乔(Masaccio) | 用单一光源统一画面,人物首次有真实体积 |
| 系统化 | 达·芬奇(Leonardo da Vinci) | 提出 sfumato(晕涂),让明暗过渡柔化如烟雾;明确记下”受光面与背光面的渐变规律” |
| 理论化 | 阿尔贝蒂 / 洛马佐 | 把明暗写成绘画理论条目,与透视并列 |
| 极致化 | 卡拉瓦乔(Caravaggio,1571–1610) | 把明暗推到 Tenebrism(暗绘法):大面积纯黑 + 一束强光 |
达·芬奇的贡献在”过渡”这一侧。看《蒙娜丽莎》面部:从亮到暗没有一条硬边界,全是极慢的渐变——这就是 sfumato,也是现代 CG 里”柔光/大光源面积”要追求的效果。

《蒙娜丽莎》(约 1503–1519,卢浮宫)局部。没有高光线、没有轮廓线,形体完全靠明暗渐变的”梯度速度”被感知——换成渲染语言,就是”用大面积的柔和 key light + 低 roughness 之外的正确处理”。
1.3 卡拉瓦乔为什么是”分水岭”
卡拉瓦乔的做法在当时是激进的:
- 背景几乎完全交给黑暗,不留空间、不留风景
- 光源来自画面外(常是单侧上方),光只落在需要讲述的那一小块
- 明暗对比被拉到极限,形体边缘直接从黑里”浮出来”

卡拉瓦乔《圣马太蒙召》(The Calling of Saint Matthew,1599–1600,罗马圣路易吉教堂)。整幅画最大的信息量集中在右侧那道斜光上;背景的黑不是”没画完”,是主动删掉的信息。
看细节会更清楚——光不是均匀洒在房间里,而是一条明确的光束:

局部放大。注意光源位置:光从画面右上、基督身后射入,顺着他的手指向马太。光路 = 叙事动线,这是明暗对照法最核心的一招。
把这张画和前面马萨乔的《纳税银》并排看,差别一眼就出来:马萨乔用均匀的漫射光把每个人都照清楚,背景有建筑、有山、有天空,信息是满的;卡拉瓦乔把背景全部压掉,只留一道光,观众的视线没有第二个去处。
| 古典均衡布光(文艺复兴盛期) | 卡拉瓦乔式 Tenebrism | |
|---|---|---|
| 背景 | 有空间、有建筑、有风景 | 纯黑,主动删除 |
| 光照范围 | 整体照亮,光源柔和 | 单束硬光,只照叙事所需 |
| 信息量 | 大,需要观者自行组织 | 极少,注意力被强制聚焦 |
| 明暗的作用 | 塑造体积 | 体积 + 注意力分配 |
这一步的本质变化:明暗不再只服务于”体积”,开始服务于”注意力与情绪”。
2. 发展:巴洛克 → 浪漫主义 → 电影
2.1 伦勃朗:把光变成心理
伦勃朗(Rembrandt,1606–1669)继承强对比,但改变了两件事:光变柔(暗部仍有细节,不是死黑)、光变”内在”(用来表达精神状态)。

伦勃朗《夜巡》(The Night Watch,1642,荷兰国立博物馆)。这是群体肖像,但画面里只有队长与副官被真正照亮。用明暗做*层级,解决了”群像没有主角”这个构图难题——不用把人画大,把人画亮就行。*
细节看核心人物:受光处的金色与暗部的深棕形成极强光比,但暗部始终保留形体,没有糊成一块黑:

局部。注意左侧队长的红衣与右侧副官的浅黄制服——两者都在亮部,但亮度不同,形成第二层主次。
伦勃朗的肖像把这件事推到极致:

伦勃朗《自画像》(约 1660,伦敦 Kenwood House)。面部被强光照亮,其余近乎黑——但仔细看,暗部依然有微弱的层次与笔触,这正是明暗对照法与”贴一块黑”的区别。
看面部特写,注意背光侧脸颊上的那个倒三角亮斑:

*局部。背光侧脸颊之所以有一小块亮区,是因为鼻梁挡住主光后,光从鼻翼旁绕过落到颧骨下方。这就是摄影/影视里说的 Rembrandt lighting(伦勃朗光)——一条可以直接执行的布光规则。*
现代人像摄影里的实拍效果长这样——主光从人物左上方 45° 打来,鼻子投影与右脸暗部连成一片,只留下颧骨下方那块三角亮区:

实拍人像(Wikimedia Commons,CC BY-SA 3.0,摄影 Jacopo188)。看两点:受光侧与背光侧的分界线穿过鼻梁而不是脸中线;背光侧眼睛下方仍有一小块亮区。
布光位置关系用俯视图说明:

布光位置图(Wikimedia Commons,CC BY-SA 4.0,作者 El Mono Español)。可执行规则:主光在被摄者侧前上方约 45°、略高于眼平线;没出现倒三角 = 主光太正;三角太大或消失 = 光太侧。
2.2 光比:把”明暗对照”变成可调参数
所有”伦勃朗光””黑色电影光”最终都收敛成一个数值——主光与补光的强度比(key : fill ratio)。这个概念不需要额外画图,前后两张原作就是最好的对照:《蒙娜丽莎》大约是 2:1,《圣马太蒙召》接近 16:1。
| 光比 | 观感 | 适用 | 前文对照 |
|---|---|---|---|
| 2:1 | 柔和、日常、写实 | 白天室内、商业产品、卡通 | 《蒙娜丽莎》 |
| 4:1 | 有立体感但不夸张 | 大多数写实场景的默认值 | 《纳税银》 |
| 8:1 | 戏剧化、有张力 | 剧情向、悬疑、角色特写 | 伦勃朗《自画像》 |
| 16:1 | 强戏剧、黑色电影感 | 恐怖、硬派、反派登场 | 《圣马太蒙召》 |
这张表建议和第 6 节的落地清单一起看——绝大多数”画面发灰”的问题,本质是补光给太多,把光比压到了 2:1 以下。
2.3 巴洛克到浪漫主义:从”聚光”到”氛围”
| 时期 | 明暗的用途 | 典型手法 |
|---|---|---|
| 巴洛克(17 世纪) | 戏剧性、宗教感染力 | Tenebrism、强烈单向光、大面积暗 |
| 洛可可 | 减弱,转向轻快明亮 | 高明度、柔光、装饰性 |
| 浪漫主义(19 世纪) | 情绪与崇高感 | 极亮与极暗并置、剪影 |
| 印象派 | 主动放弃 | 转向色彩与光色变化,阴影里加色彩而非压黑 |
戈雅(Goya)是浪漫主义里最会用”光源选择”表态的人:

戈雅《1808 年 5 月 3 日》(1814,普拉多美术馆)。画面里唯一的光源是地上的方形提灯,而它照亮的是*即将被枪杀的受刑者,行刑的士兵反而隐没在暗处。*

局部。这个选择不是技术问题而是立场问题:让光照谁,就是在替谁说话。这是明暗对照法从”技法”升格为”语言”的证据。
印象派这一步不是”退步”:他们发现阴影不是黑的,而是有颜色的。这个发现后来直接变成渲染里的”间接光 / 环境色”。
2.4 电影:明暗对照法的最佳继承者
黑色电影(Film Noir,1940s)几乎是把卡拉瓦乔搬进了摄影棚:硬光 + 百叶窗投影 + 单侧光源,大面积欠曝,人物半张脸沉入黑暗(作为道德模糊的视觉隐喻)。后世延续到《教父》的顶光眼窝阴影、《银翼杀手》的霓虹暗调、以及 2022 版《蝙蝠侠》的整体低照度。
影视把它工程化了:主光(key)/ 补光(fill)/ 轮廓光(rim)三个位置 + 光比数值,就是把明暗对照法变成了可复现的生产参数。
3. 现状:它在今天的四个落点
3.1 游戏与实时渲染:光照是关卡设计的一部分
| 做法 | 具体实现 | 目的 |
|---|---|---|
| 光的舞台化 | 关键区域单点强光,周围压暗 | 引导玩家路线(比 UI 箭头更自然) |
| 高对比暗调(low-key) | 降低环境光/间接光强度,提高主光强度 | 悬疑/恐怖/硬派氛围 |
| 剪影 | 逆光 + 暗主体 | 角色登场、身份不明、强调轮廓 |
| 体积光 | 光束里加雾/散射 | 让”光”本身成为可见的造型元素 |
工程上常踩的坑:为了”看得清”而抬高全局亮度,结果明暗对比被抹平,画面变灰。 正确做法是压低补光、抬高主光,保持光比——这跟伦勃朗的选择是同一件事。
3.2 影视与 CG:标准化为布光比
现代 CG 布光几乎直接沿用绘画语汇,用的就是第二节那张光比表。区别只在于:CG 里的 key/fill 是灯光强度值,需要配合 tonemap 一起看,而不是仅看灯光参数。
3.3 角色原画与概念设计
- 黑白稿先行:很多美术在铺色前先画明度稿(value study),本质就是明暗对照法的训练
- Value > Color:明度对了,颜色错了画面依然成立;明度乱了,颜色再准也读不出来
3.4 摄影与短视频
- 单灯 + 黑背景 = 最低成本的高级感
- 手机时代反而更依赖明暗对照:因为亮度范围有限,主动压暗比强行提亮更出效果
4. 示例总表:五件可对照看的经典
前面已经逐件看过细节,这里汇总成一张速查表:
| 作品 | 作者 / 年份 | 明暗做法 | 看图重点 |
|---|---|---|---|
| 《圣马太蒙召》 | 卡拉瓦乔,1599–1600 | 一束斜光从右上射入,正落在马太脸上 | 光即”召唤”,叙事与光照是同一件事 |
| 《夜巡》 | 伦勃朗,1642 | 群像中只给少数人亮部,其余沉入暗 | 用明暗做层级,解决”群像没主角” |
| 《自画像》 | 伦勃朗,约 1660 | 面部强光,其余近黑 | 暗部不死黑,始终留微弱层次 |
| 《1808 年 5 月 3 日》 | 戈雅,1814 | 提灯为唯一光源,照亮受刑者 | 光的选择 = 立场的选择 |
| 《纳税银》 | 马萨乔,约 1425 | 单一光源统一全体人物 | 体积感的起点,明暗第一次服从物理光向 |
一个直接可做的小练习:找你满意的一张场景截图,去色后看直方图。如果”中间调”占了绝大多数,说明你缺明暗对照;好的戏剧性画面往往是两头重、中间少。
5. 原理内核:为什么强对比好看
- 视觉系统对对比敏感,对绝对值不敏感——同样亮度差,在暗背景上会比在亮背景上显得强得多(同时对比)。
- 注意力是稀缺资源——大面积暗区等于”删掉”了大量信息,剩下的亮区自然成为焦点,观众不需要被”指引”就看到了。
- 明暗自带情绪语法——低照度高对比常与危险/神秘/内省关联;高明度低对比常与安全/日常/轻快关联。
- 形体靠边缘梯度被感知——物体从亮到暗的过渡速度决定了”软硬”与”材质感”(对比马萨乔的衣褶与《蒙娜丽莎》的面部,梯度速度完全不同)。
6. 给技术美术的落地清单
- 先定光比,再调色:场景一开始就把 key/fill 比例定死(如 8:1),不要边做边靠调曝光救画面。
- 暗部不要死黑:保留 5%–10% 的环境光/间接光,才能在暗部留住形体边缘与材质信息(对照伦勃朗自画像的暗部)。
- 用光引导动线:玩家该往哪走,就在哪放最亮的东西;不要用 UI 补救关卡的灯光设计(对照《圣马太蒙召》的光路)。
- 明度稿检查:复杂场景先输出一张去色的明度图,确认”黑白也能读懂”。
- 注意色调映射:高动态范围下强对比很容易被 tonemap 压回灰色;filmic/ACES 曲线的 shoulder 会把高光压平,必要时配局部曝光或加重暗角。
- 风格化项目别照搬:NPR/卡通渲染里硬边界明暗(二值化、阶梯化)本身就是明暗对照的一种极端表达,重点在”边界位置”而不是”渐变质量”。
参考资料
- Leonardo da Vinci, The Notebooks of Leonardo Da Vinci, trans. J. P. Richter, ed. J. P. McM. — 第 V 章「Theory of Colours」与第 VI 章论明暗过渡(sfumato)。Wikisource 全文
- Rudolf Arnheim, Art and Visual Perception(中译《艺术与视知觉》)——对比、视觉重量与注意力分配。
- American Society of Cinematographers, ASC Manual — key-to-fill ratio 的工程定义与量测方式。
- Wikipedia, Chiaroscuro / Tenebrism / Rembrandt lighting — 术语史与布光位置的可执行规则。
图片出处:文中图片全部来自维基共享资源(Wikimedia Commons),无自制绘图。文件、授权与原始来源如下。
| 文件 | 作品 / 内容 | 授权 | 来源页 |
|---|---|---|---|
| 01-caravaggio-calling.jpg | 卡拉瓦乔《圣马太蒙召》 | Public domain | Commons |
| 02-rembrandt-nightwatch.jpg | 伦勃朗《夜巡》 | Public domain | Commons |
| 03-rembrandt-selfportrait.jpg | 伦勃朗《自画像》 | Public domain | Commons |
| 04-goya-third-of-may.jpg | 戈雅《1808 年 5 月 3 日》 | Public domain | Commons |
| r1-rembrandt-lighting-demo.jpg | 伦勃朗光实拍人像(摄:Jacopo188) | CC BY-SA 3.0 | Commons |
| r2-rembrandt-setup.jpg | 伦勃朗光布光位置图(El Mono Español) | CC BY-SA 4.0 | Commons |
以下为对应原作的局部裁剪图,授权继承原图:
| 文件 | 对应原作 | 裁切内容 |
|---|---|---|
| c1-calling-light.jpg | 《圣马太蒙召》 | 光束路径与基督伸出的手 |
| c3-nightwatch-core.jpg | 《夜巡》 | 中央被照亮的核心人群 |
| c4-rembrandt-face.jpg | 《自画像》 | 面部倒三角光斑 |
| c5-goya-lantern.jpg | 《1808 年 5 月 3 日》 | 提灯与受刑者 |
| c6-masaccio-volume.jpg | 《纳税银》 | 统一光源下的体积 |
| c7-monalisa-sfumato.jpg | 《蒙娜丽莎》 | sfumato 渐变过渡 |
总结
| 阶段 | 明暗对照法在解决什么 |
|---|---|
| 文艺复兴 | 让平面的东西有体积(形体) |
| 卡拉瓦乔 | 强制观众看该看的地方(注意力) |
| 伦勃朗 | 表达人物内在状态(心理) |
| 电影 | 变成可复现的布光参数(生产) |
| 今天(游戏/CG) | 关卡引导 + 氛围 + 明度可读性(交互与工程) |
核心没变:明暗对照法是一种”减法”技术——它靠删掉光来获得力量。