2021.07.24
提升立体感!光与影的画法
透过「光与影」可以让插图更有立体感。
在本次的讲座中,我们将介绍使用厚涂方法绘制光与影。
会从基本的明暗及光源的思考、诀窍等,配合示例向大家说明,希望大家能够参考看看!
Index
-明暗的基本-
「明暗」是表现立体感的重要元素。
在使用厚涂方式绘图时,很容易会把焦点放在复杂的颜色及光与影的表现,首先我们先向大家说明究竟是什么构成光与影的表现。
1.明部・・・光照的部分。
2.暗部・・・光照不到的阴影部分。
3.高光・・・最亮的地方。
4.阴影・・・物体的影子。
使用动漫涂色方法等绘制的画作,常常使用这4种明暗元素来表现立体感。使用厚涂法时,还需要注意到更多细微的地方,因此还会再增加以下这些要素。
5.明暗分界线・・・明部与暗部的分界部分。
6.核心阴影・・・明部与暗部分界处最暗的部分。
7.反射光・・・地面与周围的物体反射造成的较亮的部分。
这3个要素在表现立体感时非常重要。
厚涂时「明暗分界线」更是一个重点。
-光源-
「光源」顾名思义就是指发光处。
光源在什么位置・从什么角度照下来都会影响画的氛围。
不限于厚涂时,只要需要考虑光与影时,光源就是最重要的要素。
①光源的方向
画光与影的位置时,会因为光源「在哪里」而大大改变。
考虑光源时,首先先想想光源在哪个位置、哪个角度吧!
此外,根据光源的位置・角度除了改变光与影的位置,也可以用来表现角色的心情及情境。
例如光源在正上方时,可以增添角色的「神秘感」,在正下方时,则可以表现「毛骨悚然」的感觉。
犹豫该把光源放在哪时,可以根据画作想带给人的印象决定光源位置。
②根据光源的距离产生的对比
接下来要考虑光源应该设置在什么距离的位置。
物体离光源越近,明暗的对比就越强。
强光在近距离照射到物体,明暗的分界线将会变得很清晰,给人「强烈」的感觉。
相反的,离光源越远,明暗的对比就越弱。
接受到的光越弱,分界线就越模糊,整体给人「朦胧」的印象。
③根据光源颜色产生的变化
此外,根据光源是什么,光与影的颜色及全体的色调都会改变。
上图中,从左上开始,光源分别是「太阳」「月亮」「蜡烛」「水色与粉色的照明」「斜光」「从树叶缝隙穿透的阳光」(「斜光」与「从树叶缝隙穿透的阳光」的光源还是太阳,只是有遮蔽物。)
以上加上背景与周围小物的反射光影响,可以呈现更复杂的表现。
像这样,插画的感觉将被「光源是什么」「光源从哪里来」影响。
光是注意这些,就能让角色、情境呈现更戏剧化。
-光与影的画法-
从这里开始要跟大家说明光与影的添加方法。
本次的讲座将从制作与动画涂法相近的彩色草稿开始,再依序介绍厚涂法→小物→背景,最后完成插图。
①彩色草稿
首先先画彩色草稿。
将画布尺寸设定为3197 x 4000px。画布尺寸太小,细微的地方将没办法画,使用厚涂法时画布至少要设定为2000px以上。
本次的主题是「把茶送到花园的仆人」。
①定位→②画草稿
本次直接使用②的草稿当线稿。
【底色】
这边为各个部分上了打底色。
像这样角色、物体本来的持有色我们称为「固有色」。
选择固有色的诀窍
・彩度不要太高
・不使用纯白/纯黑
选择上图红圈部分的颜色。
根据画的氛围,也有使用彩度高、鲜艳的颜色比较好的时候,但本次因为是画画面比较柔和的情境,因此使用较平稳的颜色。
另外,为了混合颜色与线条,这个时候可以将草稿图层的不透明度调至50%。
②加入角色的阴影
底色上好后,接下来帮角色加入阴影。
本次介绍两种阴影的画法。
【用正片叠底加上阴影】
使用正片叠底图层增加影子。
左图是使用正片叠底后,右图则是恢复普通图层(不透明度100%)的状态。
选用的肤色略带点紫色,头发与皮肤也使用淡紫色。
使用这个方法可以省去「一个一个选择与固有色相称的颜色」这个步骤,很容易就可以有整体的统一感。不晓得影子要选什么颜色的话,可以用用看这个方法。
【用色相加入阴影】
这是只使用普通图层然后转移「色相(color circle)」颜色来加入阴影的方法。
从上图可以知道头发、衣服的阴影颜色,都是从固有色的色相选择转移后的颜色。
为了让颜色融合,用滴管吸取周围的颜色,进行混色。
与正片叠底不同,一边转移色相一边选择颜色的好处是可以自由选择颜色,享受混色的乐趣。
【注意点】
▼感觉不出是阴影的颜色
上图示范了好的画法及不好的画法。
大家知道左右有什么差别吗?
案是「阴影颜色的选择方法」。
不好的画法只使用了明度的调整,而没有使用色相来选择影子颜色。
相反的,好的画法除了调整色相也将明度下降来选择颜色。
为了避免看起来不像影子的颜色,请好好注意这点。
▼光源的方向
另外,不知道哪里要加入阴影的人,请再确认一次光源从哪里照过来。
本次的图,作为光源的太阳是从角色右前方照过来。
涂黄色的地方是照到光的部分(明部),涂紫色的地方是阴影的部分(暗部)。
如果考虑到衣服的皱折很容易会让加入影子的步骤变得很复杂,请像上图一样先暂时把角色的身体简略一下。将角色想成简单的箱子等用「面」去考虑,理解阴影将落在哪。
接下来为了表现衣服的皱折与凹凸,增加影子的步骤将会变得更复杂。
③补充颜色
这个步骤对光与影,以及表现立体感来说至关重要。
【补充颜色】
增加新图层,增加阴影之后接下来要再补上细节处的颜色。
①在头发颜色中稍微加入天空的颜色,增加空气感。
②・③在暗部加入淡紫色、明暗分界线加入彩度高的红色〜橙色系的颜色。
特别是②与③的步骤是表现光的重点。
在暗部混进冷色系,在明暗分界线加入彩度高的暖色系,表现立体感。
【叠加+发光】
为了强调光线,这里使用叠加与发光图层。
左图是从叠加变回普通模式(100%)的样子。
右图是从发光变回普通模式(100%)的样子。
主要就是在明部加入橙色、红色的暖色系。
左图只完成到【补充颜色】这个步骤。右图则是使用叠加功能等之后的样子。
这里的设定值为:叠加⇨43%、发光⇨19%。
这样调整色调后,就能表现出被光照的感觉。
另外,因为感觉有点不对劲,所以这边也改变了背心的固有色。
如果突然想要改变颜色的话,可以使用「色相・彩度・明度」调整颜色。
【表现光与影的注意点】
▼不要让光过亮
为了展现漂亮的光与色调,使用过多叠加等效果就会造成像上图这样失败的样子。
叠加虽然能增加画面的彩度,画面也的确变得比较鲜艳,但是效果用得太过的话,就会造成颜色跑偏。
此外,这次的画是以「中午的太阳光」为光源,这样的光线也感觉很不自然。
只要不是夕阳光、逆光或强烈照明的话,就要小心不要过度使用覆盖及发光效果。
▼阴影太暗、太浓的话可能会感觉不太好看
如果太在意用厚涂就是要表现阴影及立体感的话,就很容易造成上图这样失败的例子。
虽然是表现出立体感了,但是影子太浓太暗反而让影子的部分看起来不好看。
在涂色时还会造成周围的颜色也越涂越浓,造成部分对比太强,难以控制的情形。
上面的图就是一些常见到的不行的例子。
感觉「好像不够」时可以再增加,但感觉「效果太强」时就很难修正了,这点请大家要多多注意。
④脸
从这里开始合并图层,为每个部分上色。
图层分成「头发」、「衣服」的话修正会比较容易。
上图,红色的地方是草稿(线稿)图层。
只复制各个部分,用「叠加模式」+「图层剪贴遮色」就能让颜色跟线轻易融合,不会干扰到上色。
完成准备后,记好光源的位置继续上色。
1.大致照着五官的轮廓上色。
2.慢慢画好头发的分叉、发束、眼睛等细节。
3.一边调整轮廓并画上更多细节。
脸部这部分,请明显的画出「浏海部分的阴影」及「发束重叠造成的阴影」。
⑤衣服
用与其他部分相同的方式来上色。
清楚画出「平滑的阴影」及「构成轮廓」的「清晰的阴影」。
■明显画出头发、衣领和钮扣造成的阴影。
■皱折所产生的阴影则包括「平滑的阴影」及「产生轮廓的清晰阴影」。
⑥小物&背景
【茶壶套装】
像茶壶这样的陶器类,请注意平滑阴影的画法。
■在明暗分界线加入暖色增加立体感。
■暗部稍微加入细部的打亮就能画龙点睛。
【栅栏】
栅栏也用跟茶壶组一样的方法来画。
■分清楚照到光与没照到光的地方,明显的画出阴影。
【玫瑰】
玫瑰与叶子部分,主要是用「在阴影处加上光」这样的画法。
1.依照光源处大致画出阴影部分。
2.加上更暗的阴影,然后在光照到的地方慢慢画上叶子。
3.继续画上花瓣及补上叶子的细节。
【背景】
最后画上背景。
首先大致画出轮廓,再调整成好看的样子。
在天空加上云,为了表现出仆人的背后是玫瑰园所以加入建筑物。
⑦完成
最后是收尾的部分。
收尾的部分大大的影响最后「光与影」的表现。
【用正片叠底强调阴影】
像彩色草稿的时候一样使用「正片叠底」。
①・・・将正片叠底图层变回普通模式(不透明度100%)的样子。
②・・・使用20〜40%「正片叠底」的样子。
为阴影的部分再加上阴影的感觉,更能展现立体感。
但是,已经很深的阴影处请避开,或者克制的使用效果。
【用叠加&发光强调】
接下来使用「叠加」、「发光」来强调光。
光照的部分加入橙色、红色之类的暖色系。
①・・・从叠加模式恢复为普通模式(不透明度100%)的样子。
②・・・使用20〜30%叠加的样子。
③・・・从发光模式恢复为普通模式(不透明度100%)的样子。
④・・・使用20〜30%发光的样子。
【比较】
①・・・收尾完成前
②・・・收尾完成后
强调光与影就能让对比更加鲜明,完成一幅让人感觉得到温暖的画。
但是,收尾时效果用得太强,就会造成「光线太亮」「阴影过暗、过浓」的状况,所以要注意效果的使用。
接着修正在意的地方就完成了!
大家觉得怎么样呢?
使用厚涂方式加上光与影时,掌握「光源」与「明暗/对比」非常重要。
希望能透过这篇文章,让大家稍微感觉到表现光影的乐趣!
著・绘:星灯れぬ
ーーーーーーーーー
创作者等级特典
https://medibang.com/page/about-creatorrank/
「茶壶工作介绍」作品
ーーーーーーーーー
「星灯れぬ」
ART street
作品集:https://medibang.com/u/Caphricina/
访谈: https://medibang.com/page/interview/Lenu/
Mail:[email protected]
Twitter: https://twitter.com/Caphricina02
https://lenulenushi.wixsite.com/fesria
\ We are accepting requests for articles on how to use /