视觉设计 » 0美术基础也能学会的插画教程

0美术基础也能学会的插画教程

发表于: 视觉设计. 评论
Sponsor

前言:插画设计是现在比较流行的设计风格之一,以致于很多平面设计师纷纷加入了学习插画的行列,其中不乏很多不会美术、没有绘画基础的设计师。但是插画本身是非常系统的体系,如果简简单单的学习就可以入门,那么插画师就不会这么稀有了。那么学习插画怎么入门呢?尤其是对于不会美术和没有绘画基础的设计师,今天分享的内容会对你有不小的帮助。

0美术基础也能学会的插画教程

当下大部分设计都有一个共同的问题:同类型产品,不管是操作还是视觉上,差异化很小。这是因为扁平化本身很难做出差异化,所以经过几年的沉淀,衍生出插画设计。

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

一天之内你需要完成一幅画

工作当中,我们可能需要完成引导页,运营页,或banner,今天或几天之内完成,对于没有学过美术,又需要画插画的设计师来说,是一个需要面对的问题。

设计师的插画方法

传统方法手绘,需要长时间的练习,质量是随练习时间提升,练习时间越长,效果越好。

0美术基础也能学会的插画教程

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

学会分析

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

0美术基础也能学会的插画教程

以上两组图片是比较有代表性的“设计师插画”,以建筑为元素,描绘风景,用1分钟,找出2个共通点。

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

图形几何化:图中展示效果偏向手绘,但图形勾出大多是用基本几何体,整体图形更加规律,各元素间产生呼应。

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

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

0美术基础也能学会的插画教程

《四利原则》是我针对0基础插画设计的一个思路,从构思到实现4个步骤。下面用一副我设计的插画《日式一角》,来做今天的案例。

0美术基础也能学会的插画教程

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

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

选择有代表性的内容——比如日式木栏,黑白色门帘,红色布帘,日式灯笼等等。

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

利用软件功能构建轮廓

已经有了素材之后,我们将图片放置在画布之内,最好选择可以勾画的素材图形。这里,我选择的样式很简单,栏杆式窗户,右侧为常见窗帘,中间为日本灯笼,基本大体构图就确定了。

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

利用特殊材质确定风格

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

利用噪点遮罩提高艺术性

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

0美术基础也能学会的插画教程

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

结语

本篇插画完成过程当中,大部分是用图形工具来实现的,小元素可使用钢笔工具。前期一定要考虑好构图比例,如设计引导页,更适合中心构图法,要考虑文字的放置区域。

对于没有手绘和美术基础的朋友来说这是一篇非常实用的教程,能帮助快速实现插画设计。

作者 | BIGD
来源 | BIGD(ID:bigdcc)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }