插画看起来「又脏又乱」?你需要从3方面运用平衡感!

时间:2020-03-04
类别:其他教程
水平:入门
观众:8.4k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

每次画完插画,你总会觉得自己的画简直了,只能用「又脏又乱」来形容?却又不知道哪里出了问题,以及如何修改它?你可能需要了解下设计原理之「平衡感」,

这次,优设训练营@如如酱 老师,结合实例,从3方面告诉你如何画出一幅好的插画!此篇文章简单易懂,值得你收藏哦!

导览:

一、什么是平衡感

二、为什么要寻求平衡感

三、如何找到平衡感

  • 从构图中寻求平衡感
  • 配色也要讲究平衡感
  • 平衡感和灵动并不冲突

一、什么是平衡感

「平衡」,其实是一个物理上的名词,意思就是天平上的两边质量相近,让天平的秤杆处于几乎水平的状态。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

在现实生活中,物体之间的平衡感如果做得比较好,会让人从感官上觉得心情愉悦、舒适,特别是在我们中国人的世界观里,平衡是极度重要的一个点。例如,在古代建筑中,是极其讲究对称的,这样,不仅仅为了居住方便,同时也是为了权衡整体视觉上的平衡感。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

二、为什么要寻求平衡感

很多刚入门设计的小白,都会喜欢在界面排版,或者插画绘制中,加入大量复杂的元素,以及各种鲜亮的颜色,而这样,往往会导致画面过于杂乱,从而让人觉得「差点什么」或者「多了点什么」。

这样的创作形式,往往会有一种重心不稳的错觉,因此,会让人觉得「不太舒服」。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

例如上图所示,修改前的作业,下方添加了树丛的元素,而天空则显得非常的空,这样,整体的构图太过偏下,因此,感官效果稍微差了一些。而修改之后,调整了整体画面的重心,也添加了云朵等元素作为装饰,让作品的平衡感好了许多。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

又例如,如果在绘制插画时,将所有的元素都摆放在画面中心,也会有过于「集中」的局促感,而将元素摆放在画面周围,同时,利用好元素之间的呼应,便能很好的缓解了画面的局促,使得整体平衡感得到了大大的提升。

而不仅仅是元素的选择,如果配色没有搭配好,往往也会让人觉得缺失平衡的感觉。

 插画看起来「又脏又乱」?你需要从3方面运用平衡感!

例如上图,修改前的颜色对比度过于强烈,让画面显得花哨,且因为配色的饱和度较高,冲击力过强,因此产生了「塑胶」般的不真实感,而修改过后的作品,调整了颜色的整体搭配,更加突出了「美食」这个主题,画面也更加温馨可口。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

因此,好的设计往往有很多共通点,其中很重要的一点,就是平衡感。接下来,本文会以AI插画为例,手把手教你如何处理好画面中的平衡感,当然,这些理论知识并不局限于插画,在任何一门设计里,都是可以通用的喔。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

三、如何找到平衡感

1.从构图中寻求平衡感

(1)构图的多种形式

关于插画的构图,其实是有各种各样的方式,例如对角线式、三角式、对称式等等等等。

「对角线式构图」

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

对角线式的构图,往往会将主体物安排在画面的对角线上,而在对角的另一边,放上相对弱化的辅助物体,这样的话,更容易突出主体物的地位,能在视觉平衡的情况下,提升画面的层次感。

「三角式构图」

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

三角形,是几何中最稳固的形状,因而,将宽阔的边置于底部的三角式构图,也是最能增加画面「稳定感」的一种构图方式。而如果想要让画面变得更活泼一些,「倒三角」或许是个不错的选择。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

「对称式构图」

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

绝对的对称,往往会让画面显得死板,而相对的对称,则会生动许多。例如上图的对称式构图,便是典型的相对对称,作品的左右利用大面积的树丛,及人物,塑造出对称的感觉,而又利用光影的不同,打破了古板生硬的感觉,显得更加灵动温馨。

当然,以上只是列举了几种构图方式,想要了解更多插画构图,

可以戳右边的文章仔细阅读 👉插画设计中常见的九种构图技巧,都在这里了!

而它们的共通点,则是都实现了画面的平衡感,哪怕是最不规则的S形,也会注意到画面两边的比重。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(2)三分构图法真的难看吗?

和其他任何情况一样,二八法则对于构图也是适用的。也就是说,对于新手小白而言,其实只用掌握最简单的三分构图法,即可满足大部分的的需求了。

而很多人都不喜欢三分构图,觉得过于「平稳」,但实际上,最普通的三分构图,也能搭配出好看的效果。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

也许有的同学会觉得这样的构图过于四平八稳,而显得没有张力。的确是这样的,但是,对于新手而言,画面的「平衡」,比「张力」是更值得去追求的东西。因为,我们只有先学会「站稳」,才能尝试去「跳跃」。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而且,更何况,三分构图也并不会让画面过于死板、难看,除了在三分的边界上试探,略微突出,也可以通过调整元素的比重、配色的选择,来让画面生动、有趣起来。

 插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

从上面的案例中,我们也不难看出,三分法的构图,能让画面饱满,充实,而且,由于易掌握性,也非常适合小白在做练习时,使用这样的构图方法。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(3)如何把握好元素的平衡

在画面中,元素的选择并不是越多越好,有的时候,适当的做「减法」,反而是一种提升画面质量的「加法」。因为,过多的元素会「破坏」画面的平衡感,容易使画面显得「脏」且「乱」。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

那么,到底该如何把握好元素的平衡感呢?主要,是需要从元素的大小比例,与其在画面中的占比来把控。

首先,在一般情况下,元素的大小比例最好是按现实规律来。例如,在绘制室内插画时,普通的小板凳一般是不会高于书柜的,否则,则会有些不合常理,那么,就会破坏人们心里的「熟悉感」,这样,便破坏了画面的平衡。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

其次,在画面中,「上下」、「左右」、「里外」的元素比重,最好是相近的。例如,绘制插画时,如果画面中重心过于抢眼,那么,就需要在其周围添加一些辅助物,作为陪衬。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

因此,如果画面中只有主体,没有陪衬,那么画面会显得单调,主体也不会再成为主体,相反,如果画面中只有陪衬,没有重点,则会类似于缺失「主心骨」一样,寡淡无味。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

2.配色也要讲究平衡

关于如何配色,以及百搭的配色方法,可以参考我之前写过的干货文章 👉 3个配色要点,让你搭配出好看的颜色!,但是,仅仅掌握理论方法是不够的,我们还需要注意到颜色搭配时的平衡感,如果没有把握好,画面也一样会让人觉得难受。

(1)配色不是越多越好

对于很多新手小白来说,在给作品搭配颜色时,往往会逮着什么颜色就用什么颜色,这样很容易造成画面的色彩过于花哨。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

如上图所示,过多的颜色,让画面的重点过多,这样导致的结果就是没有重点,让人眼睛不知道往哪里看才好。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而我们在给作品搭配颜色时,也是一样,只需要有1个主色调,2-3个辅色调,再加上1-2个点缀色,即可完成画面的整体效果,如果用色过多,反而会适得其反。这样,也能更好的平衡画面的感觉,突出该突出的部分,而省略该省略的部分。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(2)把握好整体色调的对比度

也许有同学会觉得,既然过于鲜艳的颜色难以把控,那么在配色时,全部用低饱和,高明度,不就好了吗?就像马卡龙一样,用温和的颜色,来触碰观众内心最柔软的地方。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

实际上,当画面的明度、饱和度太趋近于相似时,会让画面的整体对比度偏低,整个画面依旧没法突出重点,和想表达的内容。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

对于这种低对比的配色,只需要调整其中部分颜色的饱和度、明度,便会拉开画面的对比感,这样,平衡度也会提升很多。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

这也就是为什么,有时候学员交上来的作业,老师们有时候会说「画面太亮/太飘,需要有深色来压一下画面」,或者,「画面整体偏暗,需要亮一些的颜色来中和」。好看的画面,颜色之间的对比肯定是要拉开的,这样,画面的质感,也会好很多。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(3)颜色之间要能够互相呼应

在搭配颜色时,往往也要讲究一个颜色的呼应。如果在整个画面中,某个对比非常强烈的颜色却只用了1-2次,就会有种非常突兀的感觉。这样,就需要给它的色相稍微着补一下,用其他的物体来呼应,就会好很多。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

因此,绘制插画时,在注意提升对比度的前提下,也要注意到颜色之间的相互呼应。单一的颜色,如果能有多种元素的相互搭配,往往也会显得更加有平衡感。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

3.平衡和灵动并不冲突

(1)平衡不等于死板

追求画面的平衡感,并不会让画面变得死板无趣,因为平衡并不是绝对的对称。当然,对称也有对称的美感,例如万花筒,就是绝对对称的最佳表现。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而在插画绘制中,绝对的对称往往会使画面显得单调,而相对对称,则因为其更富有灵活性,而受到更多的欢迎。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而平衡,其实也是属于相对对称的,这样构成的整体,不仅能打破绝对对称的古板感,也让画面更加有趣、生动。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(2)灵动不等于杂乱

「留白」这个词,出现的场景往往是在中国的山水画中,而实际上,在绘制AI插画时,它也是一样重要的。如果画面全部被元素填满,往往会显得杂乱无章,让人眼睛不知道往哪看。因此,这也是新手小白经常容易犯的错之一。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而如果能处理好元素与元素之间的关系,把杂乱的元素,按照一定的规律摆放,中间留下能供人「呼吸」的留白,便会让画面显得灵动许多,也就是简单的整理,同时,给元素之间也加上链接感,也能达到意想不到的效果。

 插画看起来「又脏又乱」?你需要从3方面运用平衡感!

(3)如何把握好平衡与灵动之间的“度”

那么,到底该如何把握好「平衡」与「灵动」之间的「度」呢?

实际上,这两者并不冲突,反而,他们是相辅相成的。在构图、元素、以及颜色的选择上,我们不仅需要注意到相对对称的美感,也要从中去做一些适当的协调搭配,让画面显得更加的和谐生动。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

而想要把握好这两者之间的度,除了简单粗暴的整理技巧之外,也是需要长时间的积累与练习的,只要看的作品够多,做的练习够多,你就能慢慢培养出一些自己的「感觉」来,这样,绘制的时候也会更加得心应手了。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

总结

总而言之,如果想要绘制一副好看的插画,需要学习许多地方,而塑造画面的平衡感,是一个非常简单技巧,学会就能提升画面感觉,然后,只需要搭配好构图、元素、配色这3个方面,就能得到不错的作品了。

当然,很多新人还会说不会构图、配色,或者用AI/PS画插画很慢,不知道该怎么练习。你可能需要掌握80%的软件+设计理论+配色,以及高效的原创设计流程。

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

【优设PS/AI/AE软件训练营】往期很多学员都这样学,并且在1个月左右,做出令人满意的作品:

(以下含进阶营学员作品)

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

   插画看起来「又脏又乱」?你需要从3方面运用平衡感!

还有一些具有平衡感的图标:

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

除了多练多看多运用,老师们还会辅助学员一起优化作业:

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

更多改前改后,或者课程详情,咨询客服小姐姐卫星号哦!

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

CCtalk 网络直播互动授课(手机、平板、电脑都能看)

3 月 6 日开课,20:00上课,老师的电脑屏幕和操作都能看清,也可实时互动交流。

共有 25 节超长课时(90分钟/课时,视课程内容及情况增加)

999元/单人,距离开课还有2天哦!

详细咨询,可以添加客服小姐姐QQ或者WX

QQ:31345205016  3401258571

WX:uisdc2

插画看起来「又脏又乱」?你需要从3方面运用平衡感!

收藏 24

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

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

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片