教你怎样设计插画,零美术基础也不怕!

  • A+
所属分类:经验思维

本文来源: aiki老师(公众号:BIGD), 共 2275 字

早期插画设计并不如现在这样大面积使用,只在引导页和空页面等地方使用。如今,插画广泛应在移动端和pc端上,既体现品牌独特标示,而且用户的接受程度也非常高,几乎没有人会讨厌插画的存在,这也是为什么当下很多产品运营页大量运用插画的原因之一。

教你怎样设计插画,零美术基础也不怕!

教你怎样设计插画,零美术基础也不怕!

说到插画设计的流行,是比较为难设计师的,不是所有公司都是BAT,会有专门的插画师来进行大量的视觉美化,大部分公司不会单独招聘一位插画师来任职,所以这种风格的制作就会延伸到公司的平面设计师者ui设计来执行。

教你怎样设计插画,零美术基础也不怕!

工作当中,我们可能需要完成引导?#24120;?#36816;营?#24120;?#25110;banner,今天或几天之内完成,对于没有学过美术,又需要画插画的设计师来说,?#19988;?#20010;需要面对的问题。

教你怎样设计插画,零美术基础也不怕!

传统方法?#21482;?/a>,需要长时间的练习,质量是随练习时间提升,练习时间越长,效果越好。

教你怎样设计插画,零美术基础也不怕!

而设计师往往需要快速实现,?#21482;?#34429;好,但时间成本会高,所以我总结了一套方法,可以让设计师在几天内做出质量较高的插画。

教你怎样设计插画,零美术基础也不怕!

学习之前,要先提升一下大家的分析力,学习分析优秀作品,提取设计路径,是成长和提高的关键。

教你怎样设计插画,零美术基础也不怕!

以上两组?#35745;?#26159;比较有代表性的“设计师插画?#20445;?#20197;建筑为元素,描绘风景,用1分钟,?#39029;?个共通点。

教你怎样设计插画,零美术基础也不怕!

上图蓝色区域为基础图形,大都是圆角矩形和椭圆形,右图红色区域为不规则形状,通过钢笔可以快速形成,难度也非常低。这里,我们总结一下这种插画的特点。

教你怎样设计插画,零美术基础也不怕!

图形几何化?#21644;?#20013;展示效果偏向?#21482;媯?#20294;图形勾出大多是用基本几何体,整体图形更加规律,各元素间产生呼应。

颜色统一化:颜色的主色调会保证在几种之内,第一眼看到就可判断出主色,这可以用户群体一个深刻的印象。

以上2点是可以概括当下比较流行的插画类型,接下来就是整体的设计思路。

教你怎样设计插画,零美术基础也不怕!

?#31471;?#21033;原则》是我针对0基础插画设计的一个思路,从构思到实现4个步骤。下面用一副我设计的插画?#24230;?#24335;一角》,来做今天的案例。

教你怎样设计插画,零美术基础也不怕!

这个插画的难度不高,整体构思到落地是用了不到一天时间,因为第一次尝试这种风格才耽误了,不然时间会更短。

教你怎样设计插画,零美术基础也不怕!

第一点是前期准备工作,也就是整理素材。这里需要确定方向,寻找一切所需要的?#35745;?#33719;取灵感,可以在百度搜索关键词,摄影图,绘画图或者三维游戏里的截图都可以。

教你怎样设计插画,零美术基础也不怕!

找图的时候,一定确定好主题,比如我做的是酒馆,就要搜日本酒馆,或者日本小馆,精确的搜索,会让你节省大量时间。

教你怎样设计插画,零美术基础也不怕!

选择有代表性的内容——比如日式木栏,黑白色门?#20445;?#32418;色布?#20445;?#26085;式灯笼等等。

当找到合适的素材之后,要确定构图方式——?#24230;?#24335;一角》,使用的对称构图法,中间放置重点元素,两边留出空间。

教你怎样设计插画,零美术基础也不怕!

为什么要用先要构图?先构图可以突出高、宽、深之间的关系,加强主题,增强感染力。构图处理是否得当,是否新?#20445;?#26159;否简洁,对于作品的成败关系很大。对称式构图可以使画面布局更加规整,也可以保留视觉焦点。左右对称也会让画面形成对等的视觉效果,让空间布局更加合理。

教你怎样设计插画,零美术基础也不怕!

如果是banner设计或活动?#24120;?#36890;常需要留出文字区域,这里可选用九宫构图法,在左上角或者左下角的位置,留出留白部分,让文字更好的展示,以防画面对文字产生影响。

教你怎样设计插画,零美术基础也不怕!

构图法的种类还有很多,这里今天就不在介绍了。要提醒的是,构图法需要长时间练习,并不一定要先确定,可以在执行的过程中进行修改。

教你怎样设计插画,零美术基础也不怕!

已经有了素材之后,我们将?#35745;?#25918;置在画布之内,最好选择可以勾画的素材图形。这里,我选择的样式很简单,栏杆式窗户,?#20063;?#20026;常见窗?#20445;?#20013;间为日本灯笼,基本大体构图就确定了。

教你怎样设计插画,零美术基础也不怕!

通过图形工具,给场景进行基本构建。操作过程当中,遇到和设想效果不同的问题,比如设想中,做一个精致吉祥物,难度比预想要高,这时候建议整体搭配,选择可替代的物品?#26377;?#35774;计,尽量避免出现某一元素反复修改的现象,先大体,在?#38050;?#23616;部设计。

教你怎样设计插画,零美术基础也不怕!

设计的同时,把色调给预设好,画面当中的房子大多数是胡桃木色的暗色调,颜色上要有亮度。

教你怎样设计插画,零美术基础也不怕!

图形设计后,开始考虑材质的变化。因为要给整体添加真实感,木纹是最适合的素材,木纹效果画起来很难,用素材叠加可以解决。

教你怎样设计插画,零美术基础也不怕!

选好素材以后,通过?#35745;?#21472;加到对应的位置上,让纹理效果更真实。并不是所有元素都要用素材叠加,大部分还?#19988;?#36827;行图形勾绘,图?#38382;?#29616;不了,在考虑素材。

教你怎样设计插画,零美术基础也不怕!

这一步要再次整理整体的颜色统一,尽量让颜色看起来少一些。设计当中,颜色越多难度越大,所以颜色的使用通常会少一些,先确定一些大色调。

教你怎样设计插画,零美术基础也不怕!

当完成整个效果后,目前还是扁平效果,这一步,就化腐朽为神奇,利用笔刷,来实现从图形到画像的转变。在这里,使用的是ps2018?#28304;?#30340;笔刷,(KYLE额外厚实炭笔)这个笔刷的好用之处是让人惊叹的,可以通过简单的涂抹,让简单的东西,做出层次,

教你怎样设计插画,零美术基础也不怕!

在涂抹的过程当中,要确定好光源位置。比如左上方是常用的光源,我们就设定为左上方,元素涂抹的时候,左边为亮色,右边为暗色,如果想要效果好,可以多添加几层。

教你怎样设计插画,零美术基础也不怕!

当整体画面解决完成的时候,要整体审视一遍,尽量让画面多一些“生物”。因为这样能让画面生活感更加强烈,比如猫狗鸟等,这幅作品当中,就增加了一个打瞌睡的猫,让生活氛围更加强烈。

教你怎样设计插画,零美术基础也不怕!

到此,整体元素已经勾绘好,设定发生时间为下午,所以光源也是重点,我们给整体添加一个斜面,颜色选择为暗色,用画笔涂抹,最终达到了今天所看到的图像。

教你怎样设计插画,零美术基础也不怕!

本篇插画完成过程当中,大部分是用图形工具来实现的,小元素可使用钢?#20351;?#20855;。前期一定要考虑好构图比例,如设计引导?#24120;?#26356;适?#29616;行?#26500;图法,要考虑文字的放?#20204;?#22495;。以上方法只针对于不会?#21482;?#21644;没有学过美术的设计师,帮助快速实现插画设计。

之前和同事聊天,说自己凭着感觉做设计,大部分设计师也确实是感觉+经验的方法来设计,但每个感觉都有理可循,只是平时没有总结和深究,今天的分享,也是这样所得,希望能给大家带来积极的帮助,更好的完成插画设计。

?

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: