6.5环境光反射

特效很亮、人身上却没有光,看起来就是贴上去的。这节课讲光怎么照到人身上:哪里亮、亮多少、是什么颜色,再用剪辑蒙版画边缘光,补上投影和接触光。

  • 3 小时
  • 进阶
  • Procreate

建议先学:6.3 手绘光效、3.1 光影:三大面五大调、3.2 色彩基础、1.5 蒙版、剪辑蒙版和阿尔法锁定、2.5 抠图

学完你能做到

  • 说清为什么特效一定要照到人身上:光会照亮附近所有东西,离得越近越亮
  • 判断人物身上哪里该亮(朝向光的面、边缘)、亮成什么颜色(光的颜色乘上表面的颜色)
  • 用剪辑蒙版 +「添加」/「滤色」在人物上画边缘光和环境色,不会画出人物外面
  • 按光源方向画出投影,在接触的地方画接触光
  • 用开关图层和灰度检查环境光是不是"从特效那边来"
加环境光之前:剑很亮,人是暗的加之后:边缘光 + 投影 + 地面的光
左:加环境光之前:剑很亮,人是暗的右:加之后:边缘光 + 投影 + 地面的光

这是特效图最常见的问题:光剑、火焰、魔法阵都很亮,人身上却一点光都没有,看起来特效和人不在一个空间(问题速查里的特效像贴上去的)。这节课把光"照"到人身上。

这节课的示意图

文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。

这节课的数字怎么用

步骤里的尺寸、不透明度、模糊百分比都是起点值:从写的数左右开始,看到每步写的效果就停,不用照抄。画笔尺寸的百分比在不同尺寸的画布上画出来的粗细不一样,以看到的粗细为准;高斯模糊这类百分比在像素大小不同的照片上效果也不一定一样,以画面为准。

先弄懂:光照到人身上会发生什么

环境光的三件事
① 朝向光的边缘亮起来;② 背对光的方向落下影子;③ 和光接触的地方最亮

一个发光的东西就是一个光源。光源旁边的东西一定会被照亮,人的大脑每天都在看这件事,所以只要特效旁边的人没有被照亮,大脑马上判断"这是后加的"。让人"被照到"需要回答四个问题:亮多少、哪里亮、什么颜色、影子在哪。

亮多少:离得越近越亮,衰减很快

光的衰减
离光源远一倍,被照到的亮度只剩四分之一

光从一个点往四面八方散开,距离越远,同样的光分到的面积越大。被照亮的程度大约和距离的平方成反比:远一倍,只剩 1/4;远两倍,只剩 1/9。

所以环境光不是整个人均匀地变亮,而是:

  • 离特效最近的部位(握剑的手、举着的手臂、靠近剑的半边脸)很亮;
  • 稍远一点(肩膀、身体)明显变弱;
  • 再远(另一侧的腿、脚)几乎没有。

画的时候也是这样:近处重画、远处轻扫,大概一两个头长的距离以后就停。

哪里亮:朝向光的面,尤其是边缘

哪里亮、亮成什么颜色
左:圆柱被右边的光照到,亮的是朝右的一条边。右:同样的蓝光照到不同颜色的表面,结果不一样

3.1 课讲过:表面正对光的地方最亮,侧着的地方变暗,背对的地方照不到。人的头、手臂、腿都是圆柱一样的形状,侧面来的光会在朝光的一侧边缘亮出一条,这就是边缘光。光在人背后、侧后方时,边缘光是一条细而亮的线;光在侧前方时,亮的面更宽、更柔。

什么颜色:光的颜色 × 表面的颜色

物体看起来的颜色,是它把光里的哪些颜色反射了回来(3.2 课)。所以被彩色光照到时,结果大致是光的颜色"乘"表面的颜色:

表面 被蓝光照到 画法
白衣服、白发 很明显地变蓝 边缘光可以最亮
皮肤 偏青、变冷,不会变成纯蓝 不透明度低一点
红衣服 几乎不变亮,发暗发紫(红色不反射蓝光) 很轻,或只留一条细亮边
黑衣服、黑发 只有边缘一条反光 只画细亮线

所以别用同一个力度把全身涂一遍,浅色的地方光更明显,和光互补的颜色上光很弱。

影子在哪:从光源穿过人物往外

投影的方向
左:光在右上,影子往左下拉长。右:光在脚下,影子很短,四周都有

特效变成了光源,它也会让人投下影子:从光源画一条线穿过人物,影子就落在这条线的延长线上,越远越淡、越糊。

但要看场景:

  • 夜景、室内暗处:特效是画面里最亮的光,投影必须有。
  • 白天户外:太阳比特效亮得多,特效的投影几乎看不见,不用画;只需要环境色和接触光。原来照片里太阳的影子也不要去改。

接触光:贴着光的地方最亮

握着光剑的手、站在魔法阵上的脚和地面、托着火焰的手掌,离光源几乎是零距离,按衰减规律它们是全身最亮的地方。地面上的光是一个椭圆形的光斑,扁的程度和地面的透视一致(和 6.3 课贴魔法阵的道理一样)。

第 1 步:准备人物层和剪辑图层

新建剪辑图层

  1. 用 2.5 课的方法把人物抠出来,单独一层「人物(抠图)」。6.3 里如果已经抠过握剑的手,人物抠图要包含整个人。
  2. 选中「人物」,点「+」新建一层,它出现在人物上面。命名「边缘光」。
  3. 在「边缘光」上轻点两次,打开「图层选项」,点「剪辑蒙版」。图层前面出现一个向下的小箭头,表示它剪辑在下面的人物上。
  4. 点这一层右边的字母,模式改成「添加」(想柔和一些用「滤色」)。
设成剪辑蒙版
在人物上面新建一层 › 剪辑蒙版 › 模式改成添加

做完应该看到:在「边缘光」上随便涂一笔,颜色只出现在人物身上,涂到背景的部分看不见。

为什么用剪辑蒙版,不直接画在人物层上

  • 环境光画在单独的图层上,太强可以降不透明度,方向错了可以整层清除重画,原来的人物不受影响。
  • 剪辑蒙版让你放心大胆地用大笔刷画,画出人物外面也不会显示,边缘自动干净。
  • 后面还要加环境色、暗面,每种光一层剪辑层,叠在同一个人物上,互不干扰(1.5 课)。

整个环境光的图层结构是这样的:

环境光的图层结构
带箭头的三层剪辑在人物上;投影和地面光在人物下面、背景上面

第 2 步:取光的颜色

长按取外晕的颜色

  1. 手指在画布上长按,出现取色圈。
  2. 按住拖到特效的外晕上(剑旁边那圈蓝色的光,不是剑中间的白色),取色圈上半圈显示要取的颜色。
  3. 松手,颜色就选好了。
长按取色
长按调出取色圈,拖到外晕上;不要取白色的核心

做完应该看到:右上角的颜色变成了特效的颜色。

为什么不能取白色的核心

核心是过曝的白色,没有颜色信息。用白色画边缘光,人身上只会发白、发灰,看不出是被"蓝光"照的。要取外晕里颜色最饱和的地方。

第 3 步:画边缘光

软画笔铺一层

  1. 选中「边缘光」层。画笔选「气笔修饰」里的「软画笔」,尺寸从 10% 左右开始,以笔刷圆圈大约是要画的部位(手臂、脸)一半宽为准;不透明度从 30% 左右开始,靠多画几遍加亮。
  2. 沿着朝向特效的那一侧边缘画:头发、脸颊、肩膀、手臂、身体侧面、腿侧面。笔刷的中心放在轮廓线上,一半在人物里,一半在外面(外面的会被剪辑掉),边缘就是亮的。
  3. 离特效近的地方多画几遍,远的地方轻轻扫一下就停。按衰减规律,大约一两个头长以外就不画了。
  4. 按表面颜色调整:白色衣服可以重一点,皮肤轻一点,和光互补的颜色(蓝光照红衣服)只轻轻带过。
画边缘光
软画笔沿朝光的边缘画,离光近重画、远处轻扫

做完应该看到:人物朝向特效的一侧笼着一层特效的颜色,越靠近特效越亮,另一侧没有变化。

硬一点的细亮线

  1. 新建一层,同样剪辑在人物上,模式「添加」。
  2. 换一支小一点、边缘硬一些的笔(比如「着墨」里的笔,尺寸从 1% 左右开始,以亮线和发丝差不多细为准),在最外沿描一条细亮线:发丝边、脸的轮廓、手臂外侧。
  3. 只描离光最近的那几段,不要沿着全身描一圈。

做完应该看到:边缘有一条细细的亮边,人物像真的站在光旁边,轮廓也更清楚了。

环境色和暗面(按需要)

  • 环境色:再新建一层剪辑层,模式「覆盖」,用很大的软画笔、不透明度从 10% 左右开始,在靠近特效的那半边身体上扫一下,看得出整体染上一点特效的颜色就停。
  • 暗面:夜景里,人物背对特效的一侧可以压暗一点:新建剪辑层,「正片叠底」,深蓝灰色,大软笔,不透明度从 20% 左右开始,背光一侧看得出暗下去、细节还在就停。明暗对比出来了,光才显得亮。原来照片里本来就有的主光不要去压。

做完应该看到:人物整体被特效的颜色"浸"了一点,朝光的一侧亮、另一侧暗,体积感更强。

第 4 步:投影

按光源方向画影子

  1. 在「人物」下面、背景上面新建一层「投影」,模式「正片叠底」。
  2. 用速创形状从特效的位置画一条直线,穿过人物的脚,延长到地面上:影子就落在这条线的方向上(画完这条线删掉)。
  3. 颜色选深蓝灰(不要纯黑),软画笔,从脚底开始沿这条线往外画,靠近脚的地方深,越远越淡、越窄。
  4. 调整高斯模糊 从 3% 左右开始,影子边缘不再像刀切就停;离脚越远影子越糊,可以在远端再多糊一点。
  5. 不透明度从 40% 左右开始,影子看得出、地面纹理还透得出来就停。
投影的方向
从光源穿过脚画一条线,影子就沿这条线落下

做完应该看到:人物脚下多了一道朝光源反方向的影子,脚和地面"粘"在一起了。

第 5 步:接触光

地面和握剑的手

  1. 地面:在「投影」上面、「人物」下面新建一层「地面光」,模式「添加」。取外晕颜色,软画笔,在特效正下方的地面上画一个扁椭圆的光斑,中心亮、四周淡,扁的程度和地面透视一致。魔法阵在脚下时,这一块就是魔法阵周围一圈地面。
  2. 手:在「边缘光」剪辑层上,用小一号的软画笔,在握剑的手指、虎口、掌心朝向光的地方点一小块最亮的光。
  3. 魔法阵:脚下的魔法阵会把小腿、鞋从下往上照亮,在剪辑层上从脚往小腿刷,越往上越淡。
接触光
地面上画扁椭圆光斑;握剑的手指点最亮的一小块

做完应该看到:特效碰到的地方是全图除了特效本身以外最亮的;地面上的光和魔法阵、剑的位置对得上。

第 6 步:检查

  1. 开关对比:把边缘光、环境色、投影、地面光几层放进一个组,反复开关这个组的勾选框,和没加之前对比。打开以后,人和特效应该"在一起"了。
  2. 看灰度:在最上面新建一层,填充黑色,模式「颜色」,画面变成黑白(4.1 课的方法)。看人物身上最亮的区域是不是在靠近特效的地方,亮度是不是往远处慢慢降下去。看完删掉这层。
  3. 看颜色:人物身上的光是不是特效的颜色?红衣服、深色衣服上的光是不是比白衣服弱?
  4. 缩小看:缩到手机屏幕大小,第一眼觉得特效是"照"在人身上的,而不是"贴"在人旁边的。

三个完整案例

案例一:夜景光剑

加环境光之前:剑很亮,人是暗的加之后:边缘光 + 投影 + 地面的光
左:加环境光之前:剑很亮,人是暗的右:加之后:边缘光 + 投影 + 地面的光

照片情况:6.3 课案例一的光剑图。夜景,剑在人物右上方,人物整体偏暗。

诊断:夜景,光剑是画面里最强的光源,三件事都要做:右侧边缘光、左下方的投影、剑下方的地面光。光是蓝色的,人物穿浅紫色上衣,边缘光会很明显;皮肤上要轻一点。

修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):

  1. 抠出人物,新建剪辑层「边缘光」,「添加」。取剑外晕的蓝色。
  2. 软画笔尺寸 10%,不透明度 50%:握剑的手臂、右肩、右脸、右侧头发画两遍;身体右侧一遍;右腿轻扫一遍,到膝盖就停。
  3. 新剪辑层,技术笔尺寸 2%(以亮线和发丝一样细为准),沿右侧发丝、脸颊、手臂外侧描细亮线。
  4. 剪辑层「暗面」:「正片叠底」,深蓝灰,不透明度 25%,在左半边身体扫一遍,直到左右明暗拉开。
  5. 投影:人物下面,「正片叠底」,从剑穿过脚往左下方画,高斯模糊 6%,不透明度 55%,影子边缘柔、地面纹理还看得见就停。
  6. 地面光:「添加」,剑正下方的地面画一个扁椭圆,不透明度 45%,比人物身上的边缘光弱一点就停。

为什么是这个顺序:先画边缘光确定"光从哪边来",暗面和投影都按它的反方向画;地面光最后加,它的亮度要比人物身上的边缘光弱一点,否则会抢主体。

这类照片容易翻车的地方

  • 全身均匀涂了一层蓝:环境光要有衰减,远处的腿和脚几乎没有。
  • 取了剑芯的白色,人身上发灰:取外晕的蓝色。
  • 影子方向和光剑的位置对不上:从剑画一条线穿过脚再画影子。
  • 边缘光画到了人物外面的背景上:检查是不是设成了剪辑蒙版。

案例二:白天户外,脚下魔法阵

加环境光之前:魔法阵和人没关系加之后:小腿、鞋被紫光染色,地面有光
左:加环境光之前:魔法阵和人没关系右:加之后:小腿、鞋被紫光染色,地面有光

照片情况:6.3 课案例二的魔法阵图。白天户外,太阳从上方照下来。

诊断:白天太阳比魔法阵亮得多,魔法阵不会让人投出明显的影子,原来太阳的影子也不用改。要做的是:魔法阵从下往上照亮小腿和鞋,地面有一圈紫光;手上的光点让手和小臂带一点紫色。

修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):

  1. 剪辑层「边缘光」,「添加」,取魔法阵外晕的紫色。
  2. 大软笔尺寸 15%(以笔刷圆圈和小腿差不多宽为准),不透明度 40%,从鞋往上刷到小腿中段,越往上越淡,膝盖以上不画。鞋底、脚踝最亮。
  3. 剪辑层「环境色」,「覆盖」,不透明度 15%,在腿和裙摆下沿扫一下,能看出带了紫色就停。
  4. 手:剪辑层上用小软笔在举起的手掌、手指上点一点紫色。
  5. 地面光:人物下面,「添加」,魔法阵外面一圈地面画淡紫色扁椭圆,不透明度 35%,开关对比能看出变化就停。

为什么是这个顺序:光从下往上来,先画最亮的鞋和脚踝,再往上慢慢收;白天的环境光很弱,每一层都要克制,做完开关对比,能看出变化就够了。

这类照片容易翻车的地方

  • 白天也画了一个很深的投影:太阳底下特效的影子看不见,画了反而假。
  • 腿上的紫光一直画到了腰:魔法阵在地上,光从下往上衰减,到膝盖就弱了。
  • 光太弱完全看不出来:白天可以把地面光和脚踝的光加强一点,但不要超过魔法阵本身。

案例三:掌心火焰,从下往上照脸

加环境光之前:火在手上,脸是暗的加之后:脸的下半边和手臂被火光照暖
左:加环境光之前:火在手上,脸是暗的右:加之后:脸的下半边和手臂被火光照暖

照片情况:6.3 课案例三的掌心火焰。夜景,火在人物右手掌心,大约在下巴的高度。

诊断:火的位置比脸低、在侧面,所以光从下方和侧面照到脸上:下巴底面、鼻子底面、颧骨下面这些平时在阴影里的地方反而会亮。火是暖橙色的,皮肤偏暖,被照到会很明显。

修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):

  1. 剪辑层「边缘光」,「添加」,取火焰外晕的橙色。
  2. 软画笔尺寸 8%(以笔刷圆圈和手掌差不多大为准),不透明度 50%:托火的手掌和手指最亮;右侧小臂、上臂往肩膀方向渐弱。
  3. 脸:下巴底面、右脸颊下半部分、鼻子底面,不透明度从 30% 左右开始,轻轻画,皮肤暖起来、还不发橙就停。额头、头顶不画,火照不到那么高。
  4. 剪辑层「环境色」,「覆盖」,不透明度 15%,在右半边身体扫一下暖色,直到左右两边的冷暖分得出。
  5. 地面光很弱(火离地面远),可以只画一个很淡的暖色光斑。

为什么是这个顺序:先画手,因为它离火最近,是亮度的上限;再往远处画手臂和脸,亮度一路降下去。

这类照片容易翻车的地方

  • 按平时的习惯给额头、鼻梁加了高光:光从下面来,亮的是下巴底面和鼻子底面。
  • 火很小,却把整个人照得通红:掌心小火,光只到手臂和下半张脸。
  • 脸上的暖光太饱和,皮肤发橙发脏:不透明度降低,或者把这一层改成「滤色」。

学习资料

资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。

参考资料

  • Procreate 使用手册:图层选项 Procreate 官方

    图层选项菜单每一项的说明;阿尔法锁定、蒙版、剪辑蒙版三者的官方定义在这里。

  • Procreate 使用手册:色彩界面(含吸管) Procreate 官方

    长按画布取色、侧栏「修改」按钮取色、对当前图层取样的说明。

  • Procreate 使用手册:混合模式 Procreate 官方

    官方逐个列出 Procreate 全部混合模式的中文名和效果,看 PS 教程碰到模式名就来这里对名字(PS 的「叠加」这里叫「覆盖」);可以和 1.4 课的混合模式总表对照着看。

  • Procreate 使用手册:蒙版 Procreate 官方

    官方说明阿尔法锁定、图层蒙版、剪辑蒙版各自怎么创建、编辑、移动和停用;1.5 课的三种方法以这页为准,后面课里加蒙版、建剪辑图层时也回这里查。

  • Procreate 使用手册:模糊 Procreate 官方

    高斯模糊、动态模糊、透视模糊的手势,透视模糊的「位置」「方向」两种模式。

找图

用 6.3 的作品(光剑或魔法阵)。没有的话,任意一张已经加了发光特效的照片。

不知道去哪找?看找图清单。

作业

给 6.3 的作品加上环境光:边缘光、环境色,按场景判断要不要投影,接触的地方加接触光。交加环境光前后的对比,并写出你判断的光源位置和颜色。

验收标准

  • 人物朝向特效的一侧有明显的特效颜色,背对的一侧没有
  • 离特效越近越亮,远处(比如另一侧的腿、脚)几乎没有
  • 环境光都在人物轮廓里面,没有画到背景上(剪辑蒙版)
  • 夜景或暗处有投影,方向从特效穿过人物往外;白天户外可以没有明显投影,但要说明理由
  • 特效接触的地方(握剑的手、脚下的地面)最亮

要交的东西

  • 加环境光前后对比
  • 图层面板截图
  • 光源位置和颜色的说明

自检清单

交作业前逐条对一遍。勾选状态会保存在本机。