浅谈插画绘制

用户头像
深圳/UI设计师/7年前/813浏览
浅谈插画绘制
用户头像
方臭臭

这篇文章算是自己绘制插画经验的一些总结,本文图片案例大多来自网络,侵权请联系我删除,谢谢


前言

本来我是一个很抗拒写文章的人,理由就是肚子没墨水,写出来的东西,我怕被别人喷。但是公司分享会要求每个人都得分享一些经验,最近刚好在练习插画,所以就总结了一下自己平时绘制插画的一些思路。当然我也没有画的多好,但是想着既然写了那就发出来,说不定自己的一些思路对一些小伙伴有所帮助呢。



目录


1. 插画的商业价值


2. 插画的类型


3. 如何绘制插画

(1)确定主题

(2)发散思维

(3)构图画草稿

(4)确定风格

(5)上色

(6)丰富画面

 


1. 插画的商业价值

我们会发现插画在UI设计中很常见,使用场景非常广,比如闪屏,空状态,活动运营页,banner,引导页等等。你有没有想过为什么插画的使用场景如此广呢?

原因有很多,我说一下自己的观点,第一个就是现在很多图片都有版权,而且找图是一件费时的事情,就算找到了,图片还不一定能很好得贴合主题,而用插画就省去了上述的很多烦恼。第二个就是插画的视觉冲击力强,能更好的营销气氛,增加趣味性,同时可以更好的控制哪些区域用来展示信息,而图片除了把适合的主体抠出来,如果用一整张图片,用来传递信息的区域很受限制。

 



2. 插画的类型

插画的类型有很多种,例如:扁平风格,手绘风格,立体风格等等。现在最流行的插画风格就是扁平插画了,我们不难发现大部分场景都是用扁平插画,但是最近也逐渐流行用C4d制作的立体插画,例如支付宝的某些活动页,淘宝就更不用说了,淘宝属于电商了,活动运营页视觉要求高,立体插画所带来的的空间感和营造的氛围/视觉冲击力,普通的扁平插画是很难相比的的。还有一些电视台的视觉改版也是采用立体风格。扯远了,继续说扁平插画,扁平插画很适合新手,首先不需要你有多深厚的美术功底,其次不需要考虑透视,很复杂的光影等,只需要运用一些简单的图形就能绘制出一副简单的插画。扁平插画的类型也分为很多种,我们现在讨论常见的几种:

 

(1)渐变扁平风

                                      (图片来源于网络,作者J.HUA)

 

这种类型的插画给人的视觉冲击力很强,但是对作者的色彩把控能力要求比较高,新手就建议不要去尝试这种风格了,渐变配不好色会给人一种几年前很久风格的感觉,我们还是从简单的纯色块练起吧。这里推荐一个大神,追波上的J.HUA,上面的插画就是大神的作品

 

 

(2)纯色扁平风

这个类型的插画比较适合新手,就是用一些简单的色块去组成一幅插画,没有复杂的光影关系,肌理等,无论人物还是物体都是做到简化

 

 

                                              (图片来源于网络,作者未知)

 

 

 

(3)剪纸风

剪纸风顾名思义就是像剪纸一样的风格,插画里的每一个物体都像一张张剪纸,这种类型插画的制作会涉及到比较多的图层样式,网上也有相关的教程,喜欢的同学可以去百度查一下

 

               (图片来源于网络,作者未知)

 

(4)微质感

微质感插画也会涉及到图层样式,一般用的是内阴影还有投影,有时候一层图层样式做不出很好的效果时就需要多叠加几层,或者用一些形状羽化去做相关的效果,具体教程可以去r神的主页看一下,站酷上搜rwds,这里感谢一下r神的教程。

              (图3,作者本人)

 

 


3.如何绘制插画

了解完插画的商业价值以及常见的插画风格类型,接下来说说如何绘制一幅插画。也许有人会觉得UI设计师干嘛要去学插画,作为一个产品UI的话,更多的是花费在项目处理、用户体验、交互逻辑、视觉层级等方面。但是事实是只会画界面的UI设计师估计已经找不到工作了,大部分人都是在小公司,小公司活杂,不像大公司会有专门的插画师或者视觉设计师专门去绘制闪屏,活动运营页等。所以我们学习插画还是有必要的,这里只是讲述一下我个人绘制插画的大概思路,希望对你有所启发。

 

 




(1)确定主题

都说艺术来源于生活,我们可以从生活中获取灵感,比如可以画一画身边的小物品,也可以从节日入手,例如什么中秋节,元宵节,圣诞节等等。或者春夏秋冬也行,还有就是可以加入一些打卡群,这样每天都会有一个主题,围绕群主给的主题进行创作就好了。至于打卡群怎么找,可以在微信搜一下,就会出现很多推文了,然后一篇篇去看。我知道的有花火圆桌的插画打卡,y园糖的21天打卡,不过这些好像都是收费的,价格也不是很贵。总之方法很多,想要学习的人总会找到方法,不想学的人有千万种借口。


(2)发散思维

也就是头脑风暴了,从一个主题进行联想,比如画端午节的闪屏,那我们自然的就会想到龙舟啊,粽子啊,圣诞节就会想到圣诞老人,麋鹿,礼物,烟囱,雪啊。此时就要拿笔记录下来,不然只是在那里空想,等下画草稿的时候就忘了。我这里举一个详细的例子,就拿端午的闪屏来说吧,假如一开始想到龙舟,那赛龙舟比赛上面肯定有人吧,会有一些人敲锣打鼓,一些人划船。然后赛龙舟肯定是在江河进行,所以我们又会联想到江河,江河旁边一般会有一些花草树木,然后又可以加入一些山,这样整个插画就会有远景跟近景,比较有层次。

 

(3)构图画草图

我们在进行头脑风暴的时候会有很多想法,当确定了按哪一条思路走的时候,就可以画草图了。比如选了上面提到的端午闪屏,我们选了龙舟这条死路,那赛龙舟就会作为主体,占据插画的主要版面,画好主体之后再在其他地方加入其他元素在丰富画面。这里讲一下我的作图思路,在构思画面的时候,我们肯定会遇到元素不知道怎么画的情况,例如上面提到的龙舟,此时不要在那里空想,这时候可以打开百度,搜一下赛龙舟,就会出现很多赛龙舟的图片,通过图片简化龙舟的造型,提取造型。这对于新手有一定的难度,还有另一个方法就是打开素材网站,例如什么千图网,千库网,也许有人会说上面的素材很low,又不是让你直接用素材,而是看看别人是怎么画的,看一下别人怎么提取造型,用自己的方法画出来。这里比较建议用几何形去画,能用几何形的就用几何形去做布尔运算,这样做出来的形状比较规整圆滑,看起来比较高质量,不会像钢笔勾的那么歪歪扭扭。

 

(4)确定风格

这里就知道平时收集灵感库有多么重要了,这里是建议每天都去收集灵感,站酷上面有很多优秀的插画师,追波,behance,ins上面也一堆,看首页作品,再看看这些优秀的插画师关注的人,这样你就会关注到很多优秀插画师了(这里划重点)。从我们平时收集到的灵感素材也能获得很多灵感,我们可以把多个灵感进行融合设计,那就变成你的原创作品了。假如,我选定了某一种风格,例如经常看到的那种头小身子大,很夸张的比例造型的那种插画,如下图1所示。此时我要画的是一个侧脸的上半身,那我就可以从灵感库中找找只要上半身侧脸的人(如:图2)是怎么画的,按照你想要的风格进行再设计,例如脸型和头变小,衣服啥的衣服变一下,这样子一个你画的人物就出来了(图3)。我们作为一个新人肯定是没有自己的风格的,刚开始都是临摹借鉴学习别人的风格的。这里提一下我们要对灵感库进行分类,这样找起来比较方便。像我,人物我们会经常画,所以我就会建立一个人物的文件夹(图4),里面有各种人物的姿势。这样画的时候就会有参考,知道各种场景下的人物插画应该怎么画。

                                                   (图1,图片来源于网络,作者未详)

 

                                         (图2,图片来源于网络,作者Fonzy Nils )

 

                                                               (图3,作者本人)


                                                       (图4,图片来源于网络)

 

(5)上色

构图就像一个人的的长相,配色就好像一个人的衣服,长得好看的人穿了一件很丑的衣服,整体的印象也会大打折扣。要有良好的色感,需要长期欣赏优秀的作品,培养色感。另外还要了解一下色彩的情绪,色彩的基础理论知识啥的。例如红色有热情,喜庆等等的意思,这就是为什么春节相关插画都会采用红色的原因。


这里讲一些配色的小技巧。

第一个方法就是不同色系,但是明度和饱和度保持一致。如下图

 


第二个方法是色相一致,明度和饱和度不一致,上述两种方法因为保持了某一变量不变,所以做出来的配色不会太差。当然这不是死规矩,人还是要懂得变通,有些颜色,同样的明度下会看起来比较亮,这时候就要适当降低一点。


第三个方法是借鉴别人的配色了,追波和behance上面有非常多优秀的作品,假如你是用eagle收集灵感素材,点开某一张图片,在右上角会有该图片的主要配色,然后你就可以去借鉴别人的配色了。我想这里大家是会用吸管去吸,我建议可以自己看着原图的颜色,手动调到原图颜色差不多为止,然后再用吸管去吸,比较一下前后颜色的位置,这样长期锻炼,看到一个颜色,你就知道大概是在哪个位置。

(图片来源于网络,作者未知)

 

追波上面点开某一幅作品之后,也有该作品相关的配色


 

(6)丰富画面

当我们画完一幅插画的主体之后,周围肯定会有一些空白,这时候就需要丰富一下画面,让整体看起来更有层次还有细节。


我在绘制下面那副插画的时候,画完了人物主体,因为插画的主题是跟水果有关的,所以我又加了一些飘散的水果丰富画面,人物也加了一些投影还有用噪点笔刷增加阴影。一般画插画的时候装饰都是用一些花花草草树木,山峰蓝天白云等来丰富画面,不知道怎么画的时候多去看看别人怎么丰富画面的。

 


最后总结一下插画的绘制技巧就是:多看多练




 

 


52
举报
|
16
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
高级感金属拟物 UI设计组件库
手表表盘UI系列
UI应用平面图标
【新年UI图标】酒店icon
柠檬黄主题UI作品集模版
钱包ui模板
科技医疗透明柜UI界面设计
矢量立体简约UI蓝白图标
UI 登录界面设计模板包
UI_3D图标炮仗<新春促销>
高级表盘系列UI源文件
UI界面 组件
新能源APP应用UIKit
【新年UI图标】游戏/娱乐icon
智能家居中心 简约 UI设计组件库
【新年UI图标】珠宝icon
我的钱包-UI界面设计-app
【新年UI图标】美妆icon
【新年UI图标】30个图标
盲盒APP UI设计
【新年UI图标】美食icon
【新年UI图标】影音icon
你可能喜欢
大家都在看
登录注册