涂色！

构建阴影：光照与阴影教程

107,568

314

Weiweiweiwei

自动翻译 | 查看原文

引言

大家好！我是Weiwei，我从事数字绘画已有几年了，想和大家分享一些关于光照与阴影的技巧和基本理论。希望你们能有所收获~

本教程面向已熟悉CSP基本工具的用户，例如图层混合模式（如“正片叠底”、“发光减淡”等）、锁定透明像素以及将图层剪裁到其他图层。ClipStudio有官方指南解释这些功能，如果你需要可以查阅。尽管如此，我希望这里的内容对所有经验水平的艺术家都有用！

1. 设置

我将以我的原创角色Yan的这张草图为例。这是一幅相当简单的画作，所以我现在只有3个图层——线稿、所有底色都在一个图层上，以及灰色背景。我喜欢在灰色而非白色背景上工作，因为它更中性，能让我之后更好地选择颜色。它也对我的眼睛更友好。

现在不必担心完全按照线条上色，保留一些（不要太多）瑕疵会让作品看起来更自然和随意。我个人喜欢用BIT HUSKY 印度墨水笔大致铺设底色，以获得一些自然的纹理。你会经常听到我提到BIT HUSKY 笔……它是我的最爱 :)

^见证我最喜欢的CSP默认画笔。它无所不能，可以做任何事情！！

现在，让我们通过添加阴影和光照来让画作更有趣吧！

将光照和阴影视为游戏引擎逻辑会很有帮助。像Unity这样的写实风格3D游戏引擎，会利用基本物理原理和3D着色器来精确生成阴影并改变物体的颜色。不幸的是，我不是机器人/计算机程序（希望你也不是！），所以我无法完全复制那些效果，但理解其背后的逻辑，以及光线在现实生活中如何影响颜色，是一项非常有价值的技能。通常，这意味着：

>> 将你的主体视为三维形态，而不仅仅是二维平面图像。 >> 首先设置光源，这决定了阴影的位置。 >> 添加其他光照相互作用，如环境光、次表面散射、漫反射和镜面反射等。它可以变得像你想要的那样复杂和真实！ >> 最后是一些收尾工作，如环境滤镜、物体材质和细节。

开始吧！

2. 建立光源

为了找出最佳的光源放置位置，我制作了大量基本阴影布局的快速缩略图。最终，我试图表达某种情绪或氛围，而正确的阴影/光照将帮助我表达这一点。请看下面的光照测试：

关于上面缩略图的一些说明：

黄色箭头 = 光线方向

如果光源是太阳，即使太阳向四面八方辐射光线，所有的光线也可以被视为来自同一方向，因为距离很远。在缩略图4中，光线将来自一个较小的光源，例如手电筒或发光物体，以创建那些更圆润的阴影。

1. 顶光 - 非常适合正午阳光下的户外场景，或在室内强光灯下，等等。

2. 前光 - 通常通用/中性且简单，更注重面部特征，较少强调戏剧性光照。如果你不希望阴影成为绘画的亮点，前光是不会出错的选择！

3. 侧光 - 她半张脸处于阴影中可以显得酷炫且富有戏剧性，尤其是当阴影非常暗时

4. 底光 - 恐怖/危险的氛围，通常在夜间，也许她正拿着发光的东西，比如蜡烛？

5. 背光 - 它可以营造一种“史诗般”的感觉。如果这是Yan在行动/战斗姿势中的图片，背光会很棒。

6. 斜向光 - 对角线光源自然中性，为情绪提供了多种可能性

这些并非所有可能的光照选项，我只是选择了一些常见的。例如，我还没有在这些测试中充分探索多个光源、光源距离和大小，或光照曝光的玩法……我会在未来的另一个教程中再探讨这些！

本教程中，我们将继续使用斜向光（6）。但无论光源如何，以下光照原则都应该始终适用！

关于方法的小提示：

在这个阶段，我使用BIT HUSKY笔，配合一个巨大的笔尖，以中性灰色进行着色——它提供了一些纹理，并让下层的一些颜色透出来，但效果很微妙！阴影是在一个新的独立图层上以正片叠底（MULTIPLY）模式添加的，并剪裁到一个包含平涂颜色和线稿图层的文件夹中。上图左侧是改变图层混合模式/剪裁之前的图像，右侧是之后。通过锁定这个阴影图层的透明像素，我可以在之后添加颜色和更多纹理。

3. 光照相互作用——颜色、投射阴影与环境光

目前为止，只有基本阴影的画面看起来相当平淡。光线以许多其他方式相互作用，产生可以增加画面趣味性的视觉效果。这就是我们如何使阴影更真实的地方。

阴影颜色。

你可能以前听过一个普遍规则：暖光 = 冷影，反之亦然。这并不完全准确，更好的思考方式是——暖光 = 被光照亮的区域会更暖，因此阴影会比被照亮区域更冷。所以，冷光 = 被照亮区域会比平时更冷，因此阴影会比被照亮区域更暖。

对于这幅画，我想要晴天里温暖的黄色阳光（天空的蓝色对光线颜色几乎没有冷却作用），所以我的阴影应该比底色偏冷调。因此，我锁定“正片叠底”模式的阴影图层，并用中性/去饱和的蓝色覆盖灰色。现在阴影有了冷调。

投射阴影。

任何3D物体在光线照射较少的区域都会产生阴影，它还会阻挡光线到达其后方的物体，从而在其后方投射阴影。我在开始时已经放置了一些投射阴影，这里用红色标示——主要是头发投射到她脸上的阴影，以及头部投射到她肩膀上的阴影。我实际上将这些投射阴影与物体本身的着色一起考虑，因为它们足够相似。

投射阴影，续。

然而，你可以通过让其他元素投射可见的阴影，间接地将这些元素添加到画面中。我在她的脸上添加了一个大的偏紫色投射阴影，以暗示她在一个庇护所/屋顶下，营造出一种更忧郁/神秘的氛围。即使我没有添加合适的背景，我也可以添加由Yan的身体和投射阴影到她脸上的屋顶所产生的阴影，从而将灰色背景在空间上向后推移。

^ 注意：

快速制作身体阴影的方法：

>> 复制并合并线稿和底色图层为一个图层 >> 锁定透明像素 >> 填充中性颜色，我使用了灰蓝色 >> 应用高斯模糊 >> 大功告成！

环境光和光线遮蔽。

环境光是来自环境中其他物体的光线。例如，如果Yan在她被阴影覆盖的肩膀上放了一个红苹果，苹果就会将一些红色投射到周围的阴影中。这里，环境光的主要来源将是天空。天空广阔无垠，所以它几乎会从各个方向投射环境光。

注意——理论上，环境光也会照射到被照亮的区域，而不仅仅是阴影，但在直射光下它不那么明显，所以我通常在画面的受光区域不考虑或不添加它们。

光线遮蔽

Yan的头发投射到她脸上的阴影会受到环境光的遮蔽/阻挡。

Yan的肩膀在阴影投射下的部分被阳光和环境光阻挡，因此根本不会接收到任何光线——这是完全的光线遮蔽，将是画作中最暗的部分。

我有两种添加环境光的方法，下面我将向你展示这两种方法，一种用于核心阴影，一种用于大的投射阴影。

^ 添加环境光的2种方法

1. 在阴影图层上方新建图层

>> 设置为低不透明度，正常混合模式 >> 在阴影中绘制蓝色环境光。我使用BIT HUSKY 笔再次绘制阴影，然后用柔和喷枪（SOFT airbrush）擦除一些部分，使阴影柔和渐变。

2. 与投射阴影在同一图层（应为正片叠底（MULTIPLY）混合模式）

>> 选择一种偏蓝的颜色 >> 在环境光区域喷涂该颜色。（左 = 正常混合模式，右 = 正片叠底）

两种方法都可以，仅取决于你希望环境光有多突出！

4. 光照相互作用——次表面散射与直射光

次表面散射/光线渗入。

这是我最喜欢的部分！:)

当光源特别强时，一些光线会渗入中间调和阴影区域，在阴影与光线交界处形成一个超饱和的颜色边缘。这就像光线穿透半透明材料（如皮肤）而使其发光。由于这里的主要光源是偏黄的阳光，它可能会在她的皮肤上发出橙红色光芒，并在她的衣服和头发的阴影处形成一个饱和的棕色边缘。我使用BIT HUSKY 笔添加一些硬边缘渗光，并使用大笔尖的柔和喷枪（SOFT airbrush）以低不透明度添加更宽、柔和的光线渗入。我将柔和的发光直接绘制在已锁定透明像素的阴影图层上，而将硬边缘绘制在独立图层上，混合模式为正常（NORMAL）。由于在平涂颜色之上可能不太容易看到它们，这里也展示了在无色底部的边缘效果。

注意：

这种边缘只在直射光下真正显现，所以不要在你所有的阴影上都使用它，否则画面会失去焦点。我注意到一个常见错误是，人们过度使用这些发光效果。我也犯过这个错误，因为我喜欢在我的作品中添加发光和闪亮的部分！但如果你将发光限制在一个小焦点区域（这里，最饱和的光线渗入只在Yan的脸上），你得到的整体效果会更有效。

直射光。

我是否想要一个非常强的光源？如果是，某些部分可能会被完全照亮成白色。否则，较弱的光源可能只会使直射光区域比底色稍微亮一点。左侧是“发光减淡（GLOW DODGE）”模式下的光照图层，右侧是同一图层在“滤色（SCREEN）”模式和较低不透明度下的效果。“发光减淡”和“滤色”是我用于超亮光和微妙/哑光光的首选图层模式，但你可以随意尝试其他模式！

我也倾向于在角色的眼睛上添加一些发光，即使它在物理上可能不太合理，因为我希望她的眼睛能引人注目，并成为画面的焦点之一。