瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!

小雨敲窗y · 发表于 2021-8-12 07:36:24

光影怎么画？如何学习绘画？想必这些都是绘画初学者们经常在想的问题吧，就是不知道如何才能学习好绘画，然后绘画出自己想要画的东西
那么今天灵猫课堂就在网络上收集整理了一些关于如何绘制光影氛围提高画面质量！教程非常简单，赶紧来看看叭：

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-1.jpg

顺势而为47 · 发表于 2021-8-12 07:37:20

-光与暗的基础-
“光与暗”是表现立体效果的重要元素。
厚涂往往侧重于复杂的色彩和光影的表现，但首先我会介绍什么构成光影的表现。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-1.jpg

1.亮部：暴露在光线下的部分。
2.暗区：不暴露在光线下的阴影区域。
3.高光：最亮的部分。
4. 阴影：物体投射的阴影。
在所谓的动画绘画等图案中，这四种明暗常被用来表现三维效果。厚涂层增加了更细微的差别，并增加了以下元素：

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-2.jpg

5.明暗分界线：成为明暗区域分界线的部分。
6. 核心阴影：出现在明暗区域边界处的最暗部分。
7、反射光：由于地面和周围物体的反射而变亮的部分。
这三个是表现三维效果的非常重要的元素。
对于厚涂层，处理“终结者”尤为重要。
-光源-
顾名思义，“光源”是发光的东西。
绘画的气氛取决于它照亮物体的位置和角度。
不限于厚涂层，在考虑光影时，光源是最重要的因素。
① 光源方向
光线和阴影的投射方式因光源的位置而异。
在考虑光源时，首先要考虑光源的位置/角度。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-3.jpg

而且，根据光源的位置、角度的不同，不仅可以表现光和影的拍摄方式，还可以演出角色的心情和场景。
例如，正上方有光源的角色会有“神秘”的气氛，正下方有光源的角色会有“诡异”的气氛。
当您不确定光源的位置时，请根据您想要给人的印象思考将光线照射到哪里。
(2) 光源距离造成的对比度
接下来，考虑将光源安装多远。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-4.jpg

离光源越近，明暗对比越强烈。
由于强光照射距离很近，明暗界限分明，给人一种“强大”的印象。
反之，离光源越远，明暗对比越弱。
当到达的光线较弱时，明暗界限变得模糊，给人一种整体“模糊”的印象。
③因光源颜色而变化
此外，光影的颜色和整体颜色会根据光源的不同而变化。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-5.jpg

从左上角开始，“太阳”、“月亮”、“蜡烛”、“淡蓝色和粉红色灯光”、“斜光”、“日光”（“斜光”和“日光”只是被障碍物挡住的光，光源是太阳。是。）
除此之外，还添加了来自周围配件的背景和反射光，从而实现了更复杂的表达。
这样，插图的情绪取决于它被照亮的“什么”和“在哪里”。
意识到这一点，您将能够以更加戏剧性的方式多次制作角色及其场景。

啤酒瓶空了缓 · 发表于 2021-8-12 07:38:00

-如何添加光影-
从这里开始，我想向您展示如何添加光影的一般流程。
在本教程中，我们将介绍如何创建类似于动画绘画的颜色粗略，然后按照角色→配饰→背景的顺序应用厚涂，完成一幅插图。
① 颜色粗糙
首先，我会画一个粗略的颜色。
画布大小为 3197 x 4000 像素。如果画布很小，你将无法绘制小部分，因此建议将画布设置为至少 2000px 进行厚画。
这次的主题是“给花园送茶的仆人”。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-1.jpg

① 周围 → ② 我做了草稿。
这一次，②的草稿将按原样处理。
【底色】

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-2.jpg

我完成了每个部分的底漆。
此类字符和对象的原始颜色称为“独特颜色”。
选择独特颜色的提示： - 不要过度
饱和 -
不要使用纯白色/纯黑色
从色环中选择图像中红色圆圈周围的颜色。
根据图片的不同，使用饱和度高的鲜艳色彩可能会更好，但是这次我想营造出柔和大气的画面，所以我选择了饱和度相对较低的颜色。
此外，此时，将草稿图层的不透明度降低到约 50%，以便颜色和线条融合。
② 人物影子
底漆完成后，下一步是为角色添加阴影。
这次，我将介绍两种类型的阴影。
[乘法阴影]

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-3.jpg

这是一种使用乘法层添加阴影的方法。
左边是应用乘法的状态，右边是乘法层回到普通层的状态（不透明度100%）。
我使用略带紫色的肤色作为肤色，并为头发和衣服使用浅紫色。
这种方法可以省去您根据独特的颜色一个一个选择阴影颜色的麻烦，并且具有整体上给人一种统一感的优点。如果你不知道选择什么阴影颜色，你可能想从这里开始。
[色调中的阴影]

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-4.jpg

这是一种通过仅使用普通图层移动“色调（色环）”来添加阴影的方法。
可以看到，头发的阴影颜色和衣服的阴影颜色都是从色调从独特颜色偏移的地方选择的。
要混合颜色，请用滴管拾取周围的颜色并将它们混合。
一边变换色相一边自己选择颜色的好处是，与乘法不同，可以自由控制颜色，享受混色。
[注意]
▼ 阴影颜色

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-5.jpg

图像会成为阴影颜色的好例子和坏例子的涂抹方法。
你知道这两个有什么不同吗？
答案是“选择阴影颜色的方法”。
在一个糟糕的例子中，我选择了阴影颜色，而不是色调，而只有“亮度”。
这给人留下了一种不经意间的印象。
相反，在一个很好的例子中，我选择了在色调偏移的基础上稍微降低亮度的颜色。
为了防止影色的“总觉得不闪亮”，试着意识一下吧。

永远就三年疗 · 发表于 2021-8-12 07:38:20

▼ 光源方向

另外，如果您不知道将阴影放在哪里，请再次检查光源来自何处。
在这张照片中，光源太阳从角色前方的右上角射中。
涂上黄色的部分是暴露在光线下的表面（亮部分），涂上紫色的部分是投射阴影的表面（暗部分）。
角色阴影倾向于使阴影复杂化，因为它们意识到衣服上的皱纹，但尝试将角色的身体简化一次，如图所示。将角色捕捉为“脸”，例如简单的盒子或圆柱体，并大致了解阴影将投射到何处。
从这里开始，我们将进一步复杂化阴影以表现衣服的皱纹和细微的不规则性。
③ 添加颜色
这个过程是创造光、影和三维的重要步骤。
[添加颜色]

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-2.jpg

添加一个新图层，添加更精细的阴影或在阴影顶部添加颜色。
(1) 我在头发上涂了一点天空的浅色，以增加空气感。
(2)和(3)在暗部添加浅紫色，在明暗边界添加高度饱和的红色到橙色。
其中，步骤②和③是表现光的重点。
通过在暗区混合冷色，在明暗边界添加高饱和度的暖色，表现出三维效果。
[叠加+添加]
这里使用叠加和添加层来强调光线。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-3.jpg

左侧的图像显示了返回到正常模式 (100%) 的叠加层。
右图显示了返回正常模式 (100%) 的附加层。
我们主要在明亮的部分放置橙色和红色等暖色。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-4.jpg

左边的是到【添加颜色】为止已经完成的那个，右边的是应用了叠加的那个。
覆盖层以 43% 应用，添加以 19% 应用。
有了这个，颜色被调整并创建颜色，使其感觉像是暴露在光线下。
另外，我觉得有点不舒服，所以仆人最好在途中改变了独特的颜色。
如果你想在途中改变颜色，你可以用“色相/饱和度/亮度”来调整颜色。
【表现光影注意事项】
▼不要太亮

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-5.jpg

虽然意识到美丽的光和颜色，但是由于覆盖等过度覆盖而发生的NG例子。
叠加有提高屏幕彩度的效果，所以确实会色彩鲜艳，但这也是造成颜色过强会导致颜色飞过的原因。
另外，这次的画是以“白天的太阳光”为光源的，所以这个光是不自然的。
除非沐浴在晚霞的太阳、逆光或强烈的灯光下，否则要先保持低调的叠加和加价。

我是的十八簿 · 发表于 2021-8-12 07:39:13

▼ 太暗的阴影很突出

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-1.jpg

厚涂是阴影和立体感！这是一个过分意识但经常发生的NG例子。
虽然会出现立体感，但是阴影太浓的话，那个部分就会变得不好。
而且，在进行涂抹的过程中，周围的颜色也变得越来越浓，部分对比度过大，控制就变得困难了。
上述都是常见的NG例子。
如果觉得“不够啊”的话，可以在后面再加上，但是在觉得“太强”的时候很难修正的情况很多，所以要注意。
④ 脸
从这里开始，我们将整合图层并绘制每个部分。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-2.jpg

如果将图层分成“头发”和“衣服”等部分，则修改图层会更容易。
红色标记的图层是草图图层（线图）。
通过只复制部分并将其设置为“叠加模式”+“剪贴蒙版”状态，线条和颜色会变得熟悉，不会干扰着色。
准备好后，在注意光源的同时继续着色。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-3.jpg

1. 粗略地画出零件的轮廓。
2. 逐渐画出头发的分割、发束、眼睛等细节。
3.在调整轮廓的同时绘制更多。
在给脸部打阴影时，要注意“从刘海落下的阴影”和“由重叠的发束产生的阴影”被清楚地绘制出来。
⑤ 衣服
瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-4.jpg

以同样的方式涂抹其他部分。
画衣服时，要注意平滑的阴影和轮廓清晰的尖锐阴影。
■ 使头发、领子和纽扣的阴影清晰。
■ 皱纹产生的阴影包括平滑阴影和清晰阴影。
⑥ 配饰&背景
【茶具】

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-5.jpg

[通过乘法强调阴影]
【栅栏】

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-6.jpg

以与茶具相同的方式绘制围栏。
■ 注意暴露在光线下的表面和未暴露在光线下的表面，并投下清晰的阴影。
【玫瑰】

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-7.jpg

玫瑰和树叶是用为阴影添加光的图像绘制的。
1. 在注意光源的情况下粗略地投下阴影。
2. 添加较深的阴影，并在亮部区域逐渐绘制叶子。
3.继续画花瓣和细叶。

ffycxyw2274436 · 发表于 2021-8-12 07:39:34

【背景】

最后，我画了背景。
首先，画一个粗略的轮廓并整齐地塑造它。
天空中添加了云彩，在仆人身后添加了一座建筑物，以增加玫瑰园的感觉。
⑦ 完成
最后，完成它。
这种饰面决定了“光与影”的最终表现。
[通过乘法强调阴影]

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-2.jpg

使用“乘法”，就像在彩色粗糙中所做的那样。
1：使乘算层处于通常模式(不透明度100%)的状态。
2：乘法在20~40%左右适用的状态。
通过在阴影部分添加更多阴影来强调立体效果。
但是，让我们避免或控制已经有深色阴影的部分。
[用叠加和加法强调光线]
接下来，使用“叠加”或“加法”来强调光线。
在暴露在光线下的表面上涂上橙色和红色等暖色。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-3.jpg

1：将覆盖返回到通常模式(不透明度100%)的状态。
2：覆盖在20~30%左右适用的状态。

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-4.jpg

3：将加法返回到通常模式(不透明度100%)的状态。
4：加法在20~30%左右适用的状态。
[对比]

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-5.jpg

1：完成前
2：做完后
通过强调光影，对比变得更加清晰，插图以温暖的感觉完成。
但是，如果做得太多的话，就会成为“光太亮”、“影子太浓”的原因，所以要注意加减的程度。
只要修正在意的地方就完成了！

瞬间提高插画的立体感!教你如何绘制光影氛围提高画面质量!-6.jpg

顺便推荐大家可以搜一下：灵猫课堂，或者打开手机，添加好友框内搜索：灵猫课堂，一键关注，学习无忧！上面有很多的插画课程，每天老师在线指导你的插画技法，让你的懒癌无从逃过，划重点，免费的，是真免费，是真的真的免费！