电商设计之商业插画的绘画技巧.docxVIP

电商设计之商业插画绘画技巧

关键词：设计技巧，创意想法，气氛搭配，色彩搭配，手稿利用，场景构图，文案搭配。

文章导读:这次分享关于我在淘积木里一个H5手绘页面，为何要说到手绘这个主题，要知道，现在电商设计再也不是单纯套套图和加点文案那么单调玩法了，玩法多个多样，不过要玩到精细和有情调，那也是一个境界啊。今天这里会说到关于手绘创意想法、起线稿、基本色、贴图、细节处理、颜色关系、文案设计，这些都是作为一张商业插画必不可少组成部分，每一步都是我们要进行学习和深究，力争在这个设计大神那么多电商时代站得住脚。

正文：

一、关于想法和小构图

这个铅笔画小构图就是这次淘积木H5其中几张线稿，其实这么线稿是想法构思，这次产品是花茶，所以在产品构图上，我是往那种平静静物摆放上面走，所以我要大致地确定构图和细节方向，在后面线稿组成时候继续加入我想要东西。很多时候并不是一个简单小构图就能够满足一切，不过没有事先小构图，很多想法是没有表示出来，在画线稿时候，灵感会伴随这些随意线条而进入你脑海以及画纸，这么设计才是我们设计师所需要和追求。

二、手绘线稿

在起稿前，我给它定位方向是一个古韵风味花茶在复古气氛中平静展示，所以它底纸是有书香味纸张，这么做目标是一开始我就要固定我大感觉，最少我有纸张衬托下我不会走偏格调，往往在画画时候，设计师是很轻易画着画着就走偏格调，因为一开始大感觉东西不支持着你东西存在话，后面从细碎东西开始，就轻易走偏了自己最初格调，可能你会说，走偏了也挺好，最少也是一个新方向和创意。这话没毛病，不过假如是你个人纯创作，这么绝对是能够，不过在商业插画里，是不能这么，因为商业插画它是一系列地展示下去，当初确定了格调之后，一旦执行了就不能轻易改变，这也是为何我会从线稿和纸张开始定住格调原因。

其次就是线走向以及笔触利用，很多人一开始线条会比较粗糙，提议下载铅笔笔刷或者自己制作属于自己笔刷（怎么下载笔刷和制作笔刷这期我就不多说了，下期我会着重讲这块）。线稿有一点就是不需要像日常素描那样画那般精细和阴影效果强烈，因为我们着重是放在颜色那块，除非你是纯线稿展示。

三、线稿铺色

线稿简单铺上一层基础颜色，这里能够看到，全部第一层颜色都是比较单色块和有点边缘粗糙，这个是我用框选工具大致勾勒出来填色，这个不需要在一开始时候就比较严谨进行上色，随意出界和错误也是能够有一个属于自己格调，那种自己刻意出点小错误笔触也是你格调，不过，这种漂亮错误不是随便乱来，假如你是刚开始学，提议你先保守上色。

四、主题物颜色表示区分

这里就是在我们主体物里面进行勾勒上色了，在主体物里面，它摆放和色彩是有规律可言，图中黄色菊花占据画面中心点，所以它是视觉亮点以及最主要视觉点，所以这一抹黄色在红色衬布下一点都不显得突兀，这个也要归于颜色纯度选取，颜色温度选对了，搭配色也选适宜了，一切颜色在画面都不会突兀。

五、深入细节上色

大致基础铺色完成了，接下来就是深度细节上色了，在画面颜色最重红色上，我铺了一个贴图，能够说我是有点偷懒或者什么吧，因为我以为在画画上面，可能有些设计师他们会全程画到底，不过有时候借助一些贴图不是不能够，因为有时候画不出来那种感觉时候，贴图是最好最快辅助工具之一了，假如借助一点小工具能让你画面瞬速起效果话，何乐而不为呢。

六、颜色那些问题

伴随物体基本色上完之后，接下里就是一步步深入，就是力争把每个物体明暗关系做到位，就像画布和茶碗那块暗面处理，画布边缘处理，以及茶碗里面各种物体关系。

这里会着重说下明暗关系，首先在高光处理上，是怎样用纯度高颜色进行描绘，通常高光大多数人是会用本色靠近白色颜色来点缀，我做法就是用纯色，不过这个有点难把握，因为在颜色温度下，你这个纯色必须要尝试数次才能找到适合，即使步骤过程是多了点，不过这种效果往往比那些灰度低明度高颜色好太多，因为纯色在一片色度底颜色里永远都是最亮眼那个。

再说下中间色这档事，中间颜色我基本是保持颜色不动，因为这是我一开始就定下基本色，所认为何之前我在填第一层颜色时候选色会慎重点，基本色在其余颜色深入下，会被覆盖，所以说中间色是多样多彩，是高光和阴影主要衔接色。

阴影，说到阴影大家第一时间想到就是暗面，以为一片暗色就搞定了。其实色彩这东西，没有绝正确颜色，因为伴随环境和光不一样改变，物体颜色也是跟着改变。

反光也是一个奇妙颜色，他在暗面时候支撑起阴影整个存在，让人发觉，暗面色彩是有如此多样化。

在画面上，我在处理那个水纹时候，我给水面高光是偏蓝色，因为日光照射下，天空是蓝，它倒映是偏蓝色。在处理细节时候，记得不要被细碎东西带偏了，记得多恢复100%百分比回来看大感觉，对比下颜色和整体效果。

七