「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

时间:2021-03-02
类别:其他教程
水平:入门
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

是不是觉得光影丰富的商业插画,特别喜欢?非常受欢迎?如何利用光影让自己的插画作品,离商稿更近一步呢?

今天我来分享插画中光影处理的心得!很适合想要学习光影塑造的小伙伴哦!

以下是正文

如果说色彩是插画中最迷人的部分,那么光影便是色彩的灵魂。

我们先来看这样一张图,第一眼看,它就是个普通的六边形,可是等2秒钟,你就会发现,它其实是一个立方体。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

神奇吗?这就是光影魔法。

虽然说扁平插画的特点就是「平」,但如果给它加上光影明暗,它也可以很立体,很精致。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

一、如何确定明暗

1.素描关系

在处理明暗之前,我们先了解一些简单的素描关系,也就是「三大面」与「五大调」。

其中,「三大面」是指「亮面」、「灰面」和「暗面」。

而「五大调」是「高光」、「中间调」、「明暗交界线」、「反光」与「投影」。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

有的同学到这里可能就开始头疼了,因为看起来很复杂,其实,只需要了解到,物体受光面是亮面,固有色是灰面,背光面是暗面,也就差不多了。因为,同样的一个小球,在真实素描关系的情况下,是像下图左这样的,而在扁平插画里,则只需要处理成下图右这样,就可以了:

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

而其他物体也是一样的,确定好光源方向之后,只需要在光照射来的区域,做成亮部,而与其相反的区域,做成暗部,再适当添加上投影与高光,就完成了。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

2.光影二分法

在学习光影的时候,是需要大量临摹练习的,这样能提高对于光照的敏感度。但是,现实中的照片,往往又很难确定明暗交界线,这对新手来说,无疑提高了学习的门槛。

那么该怎么办呢?其实有一个很简单的方法,就是「光影二分法」

在PS中打开一张图片,去色处理之后,点开【图像-调整-色调分离】,数值设置为2,这样就可以清楚的看到画面被黑白两个颜色分开了。而分开它们的就是明暗交界线。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

这时候,再去临摹的话,问题就变得简单多了。

当然,这样简单粗暴的划分,显然是不完善的,因此,在积累了一定的经验之后,可以慢慢把数值调高,这样,也能慢慢加深对于光影的理解了。

3.简化光影

虽然说,在真实的素描关系下,有的时候,物体的光影可能会相对复杂且细碎,但插画绝不是人肉打印机,而是大脑对观察到的事物进行加工后的自我表达,更何况,扁平插画的特点,就是「简约」。所以,该简化的时候一定要简化。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

除此之外,在实际绘制插画的时候,也可以根据物体的结构,来处理光影哦。例如饮料杯、玻璃瓶,在真实的情况下,它们是这样的,看起来相对比较复杂:

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

而在扁平插画里,我们完全可以直接复制它自身的形状,再经过布尔运算,得到这样的形状:

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

其他的物体也是一样的,只要根据物体本身的结构来处理光影,就不会有太大问题。

例如,在绘制天妇罗,或者其他炸物的时候,明暗交界线就不能完全是圆滑的,而一定要处理成带有颗粒感的效果,这样就会更真实了。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

二、添加光影的方法

1.色块

尽管在现实的世界中,光源的大小、距离,会带来不同感觉的明暗变化,但是在扁平插画的世界中,色块可以解决一切问题。因此,光影也可以用色块来表达

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

因为,插画并不是完全的理性逻辑分析,而是带有感性色彩的个人表达。如果只把扁平插画看作是一种风格,那么就可以在理论基础的支撑下,适当做一些个性化的处理。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

例如上图所看到的,对同一个物体,拟物的表达方式,与扁平的表达方式,是截然不同的。但是,这也并不影响插画的美感,不是吗?

2.渐变

近些年来,随着边际效应递减,人们对于纯扁平的插画慢慢也不那么新鲜了,因此,在插画中利用渐变来处理光影变化,也会是一个不错的选择。

利用渐变来处理光影,一般常用在风景插画中,更能营造出唯美的意境感。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

3.噪点

除了渐变之外,另外一个给提升插画质感的方法,就是添加噪点。这种方法其实是在扁平插画中模拟出物体真实的质感,也就更能给人带来触摸感与更真切的代入感。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

最常见的就是利用PS里的溶解图层来绘制噪点,具体可以看看这个教程,有非常详细的讲解:

另外一种则是使用笔刷来添加质感,如果有手绘板的话,会比较方便,因为控制落笔的轻重,会带来不同的感觉。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

如果以上都觉得不够个性,那么自制笔刷也是可以的,具体可以参考这个教程:

但是,噪点并不是随便添加的,它也是需要遵循素描关系的,受光面会相对亮一点,噪点稀疏一点,而不受光的区域则会暗一些,密集一些。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

对于初学者来说,这个相对可能会比较麻烦,但只要勤练习,就可以慢慢掌握啦。

三、如何确定明暗部分的颜色

1.取色调整

在只考虑白光(晴天)的情况下,物体被光照到的区域,也就是亮部,往往颜色会比较浅,而未被照射的区域,例如暗部、投影等,则颜色会比较深。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

基于这样的判断,我们在绘制明暗的时候,最容易想到的方法,就是先吸取物体的固有色,再来调整颜色。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

例如,亮部区域就需要降低饱和度,提升明度,而暗部区域则正好相反,降低明度,提升饱和度即可。关于明度、饱和度的知识,我在下面这篇文章中讲的非常清楚,不清楚的同学可以移步观看:

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

2.图层混合模式调整

如果选择颜色让你觉得头疼,那么也可以试试利用图层的混合模式来调整。例如,暗部、投影,这些需要加深的区域,可以利用「正片叠底」来处理,而亮部、高光等比较浅的颜色,则可以用「柔光」,或者「滤色」这样的加色模式来实现。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

你可以这样来理解,「正片叠底」是「减色模式」,也就是去除了颜色中的「光」的存在,正好符合了暗部、投影这些光照不到的区域的需求。而「滤色」是「加色模式」,那不正好对应了物体加上了光照的效果吗?

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

如果直接用图层的混合模式来处理光影,有时候会显得有点突兀,也没有关系,只需要调整一下图层的不透明度,就会比较自然了。

四、处理细节

1.添加环境光

世上没有任何物体是独立存在于真空中的,只要它的周围有其他物体,就一定会受到环境光的影响,也是五大调里的「反光」。

仔细看下图,你会发现,左边的抱枕上隐约泛出被单的蓝光,而塑料餐盘的侧面也有有薄荷蓝的盘子反射出来的颜色。因此,有「反光」,才能让物体更加融合在画面中。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

而某些电视剧,也是因为人物脸上身上没有任何环境光,所以看起来是独立于画面中的,非常的不自然,也就能一眼看出来是「抠图剧」了。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

因此,我们在绘制插画的时候,如果想要让画面更真实、更符合常理,也可以在物体上添加环境光,特别是暗部区域,用笔刷轻轻刷一点反光上去,会让物体的效果更有质感。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

2.尝试对比色

虽然说,画面整体用相似的色系,对新手会更友好,也比较容易出效果。但是,适当给画面加上冷暖对比,也更能提升画面的层次感与空间感。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

例如上图中,近景与远景被冷暖色调区分,极大地拉开了空间的层次,也让整个画面显得更加丰富有质感。

而用对比色/补色的另一个原因,则是由我们的生理决定的。

回忆一下日常中,当你盯着红色物体看久了,再看向白色的墙,是不是会发现墙上面有绿色的点?其实这个是很正常的生理现象。

因为,当画面中大面积都是同色系的时候,为了减轻视疲劳,我们的视神经会诱发一种补色进行自我调节。

因此,利用这样一个原理,在画面中添加一点补色,也就会让画面看起来更舒服。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

一个热知识,为了防止医生做手术时出现视觉疲劳,所以手术服一般都是绿色的。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

3.统一色感

一般来说,晴朗天气下(非黎明与傍晚)的太阳光,是一种类似白色的低饱和度色光,因此,物体会更多的呈现出固有色,明暗的颜色也比较容易处理。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

而如果被色光照射,例如下图,夕阳西下的大海,往往会更多的呈现出暖色调的感觉,普通的午后则正好相反。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

这种感觉也有点类似于带上了有色眼镜,看什么东西都会被蒙上一层颜色。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

而往往也是这样的色光,能让画面显得更加的有代入感。因此,如果想要让插画更吸引人,可以让画面整体的颜色倾向更统一一些。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

例如,在绘制被暖黄光照射下的物体时,可以让所有的色调都往黄色偏一点,这样,整体的效果也会更加和谐耐看。

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

以上,是我对于扁平插画中光影处理的一些小小心得,也可以运用在其他任何风格的插画,或者设计中,因为理论都是相通的。

下面一些就业衔接班的同学作品,都采用了本文里所说的光影塑造方法,让插画变得细腻,有质感:

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

「学插画6个月,我离商稿的距离还有多远?」「差亿点点光影」

之后我也会分享更多绘制插画的小技巧,希望本篇文章能对大家有所帮助。

如果你想练好基本功练?想接设计商稿?想入行/转行设计?可以详细了解下「设计师就业衔接班」

跟着教程学,简单没有成就感?复杂有没耐心做?
工作 2 年多,项目经常打回重做,996 生活消耗了精力?
想跳槽想争取好工作岗位?却又觉自己作品不行?

走过路过,不要错过
可能是你 2021 年看到的最有用的视频

👇👇👇

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

课表、课程大纲等,更多课程相关内容,
你可以添加课程咨询师的微信,详细询问哦!

课程咨询师微信

👇👇👇

【大胖老师: uisdc2 
【国庆老师:uisdc3 】​​​​​​​​

15 收藏 57

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片