用微信扫码二维码

分享至好友和朋友圈

商业插画在各个领域的应用都十分广泛。相比文字来说，插画可以表述更多明确的观点、看法和情感。随着多媒体技术的发展，网络信息传播对插画设计的需求也有所增加。

5G插画广告

将商业插画的应用领域按使用的投放媒介进行分类，可分为线上的应用和线下的应用。线上的应用是指应用于手机、电脑和电视等媒介，线下的应用是指应用于书籍、文具、生活用品、快速消费品和服饰等媒介。

插画包装设计

三只松鼠包装设计

继插画在线上的大规模应用之后，线下场景的使用规模也越来越广泛，掌握线下的插画设计已迫在眉睫，今天，数艺君就跟大家唠唠，插画在日用品设计中的应用。

插画在日用品设计中的应用

《酸酸甜甜都是你》是笔者与“淘宝心选&特赞”合作设计的一套插画作品，这个作品被应用在了帆布包的设计中。

因为要做的是一套插画师定制款的帆布包设计，所以在满足设计需求的同时，也要侧重个人形象与品牌的结合。笔者以自己为原型绘制的短发卡通女孩形象，并把这个形象应用到了插画设计中，希望增加形象的故事性和曝光量。

《酸酸甜甜都是你》帆布包实物图

定制设计

01

项目分析

项目背景:

“淘宝心选&特赞”提供的主题是“年轻人的10×10种心动”，所有美好的物品都会与某个场景相关，每个场景也都对应了不同的年轻人。在10个场景中，可以遇到10种不同的人，能迸发出年轻人的100种心动。

淘宝心选选用帆布包这件生活中常见的物品作为这次主题的承载物，并寻找相匹配的插画师进行合作设计。

需求分析:

需求方设计的主题定义了10个让人心动的地方、10种让人心动的人、10种让人心动的人、10种让人心动的天气和10种让人心动的食物等100种心动的事物，这给了插画师极大的创作空间。

让人心动的场景/事物

02

构思主题

在上面列举的这些事物中，笔者选择以“水果”这个易于引发用户共鸣的类别进行设计。

小时候很喜欢吃冰糖葫芦，一口咬下去，嘴里充满酸酸甜甜的味道。于是笔者以山楂为切入点，设计了两个有关联性的故事情节。情节1：从树上刚摘下来的山楂散发着淡淡的清香，放在嘴里一口咬开，味道酸酸的；情节2：手里捧着刚从树上摘下的山楂果。这两个情节所表现出的画面正好可以作为帆布包的正面和背面。

水果

山楂

03

选择画面元素

确定好主题与情节画面后，结合画面选择对应的元素。这里设计的两个场景里都包含了山楂树和山楂果，帆布包的正面有人物、山楂树和山楂果，帆布袋的背面有山楂树、山楂果和人物的手。

明确画面的元素后，为了能准确地画出这些元素，需要从现实生活中找到真实的图片来作为参考，并提炼出所需的元素。这里将人物采摘山楂的图片和双手捧山楂的图片作为绘画参考。

采摘山楂

手捧山楂

04

刻画帆布包的正面

帆布包有两面，这里将正面的插画设计为人站在山楂树下手捧着山楂果的场景。

确定构图与线稿:

可用的设计的元素较少，只有人物、山楂树和山楂果。因此采用中心构图的形式比较合适，这样更能突出主体。

01确定构图。新建文档，设置帆布包的尺寸为43.5cm×35cm，然后将“颜色模式”设置为CMYK，再将“分辨率”设置为300dpi，最后将主体物放在画面的中间，画出草图。这里设计了两个方案：一个是表现山楂树的繁茂，让枝叶铺满整个画面；另一个是以人物和手为主，图形相对简洁一些。

草图正面方案1

草图正面方案2

草图展示

02这两个方案的区别在于背景山楂树的多与少，在刻画时选择了第1种方案来继续丰富画面。在绘制线稿的时候，可将人物和背景分开进行绘制。背景是重复且不同角度的山楂树枝条，可以先画出几支，然后进行复制和调整得到其他的枝条。

线稿

上色与造型:

因为山楂的颜色比较明确，所以直接选择对应的颜色进行上色即可。

01先确定画面中最主要的颜色，然后逐步添加其他的辅助色和对比色。在这幅画面中，最主要的颜色是山楂树叶的绿色，背景的蓝色为近似色，山楂的红色为对比色。

配色选择

元素配色

02确定配色后，继续刻画人物的造型，使用粉笔笔刷以平涂的方式铺出人物的大色块。

铺大色块

03铺完大色块后，刻画人物的五官，然后添加细节，如头发的发丝、脸在脖子上的投影、手指的结构线、锁骨、裙子上的纽扣和褶皱等。

刻画五官

刻画结构线

人物绘制完成

刻画背景:

背景是由重复且呈不同角度的山楂树枝条组成的，这里先画出几支山楂树的枝条，然后进行复制和调整，得到其他的枝条。

01单独画出山楂树枝条和山楂果。将山楂果概括为一个小球，将中间开花的部分概括为一个深色的点。山楂果在树上是一小串一小串的形态，各个果子朝向不同的方向。因此画出了3种不同的颜色和不同朝向的山楂果，然后将它们组合成一小串。将山楂树的枝条概括为一根枝干和几片错落分布的树叶。完成这些单独元素的刻画，后续再进行组合和调整就会方便很多。

单独元素刻画

02根据画好的元素，再画出几支不同样式的山楂树枝条。

组合调整山楂树枝条

03将山楂树枝条和山楂果进行不同方向和大小的调整，然后再将它们组合在一起作为画面的背景。

背景

叶片之间是一层叠着一层的，在叶片与叶片重叠的部分加入投影，以表现出前后关系。

添加投影

画面组合：

有了单独的人物和背景之后，接下来要将人物和背景结合到一起，并对画面进行调整和优化。

01将人物和背景的图层进行合并，然后梳理人物与背景的层次关系，让山楂树枝条与人物有前后上的穿插效果。前面的山楂树枝条的颜色不变，加深后面的山楂树枝条的颜色。

画面的穿插层次

02补充山楂树枝条在人物身上的投影，增加画面的真实感。从局部图中我们可以看到树叶在人物头发和身体上的投影，表现出了树叶与人物的前后关系，树叶在前，人物在后。

添加投影

添加质感：

完成上述绘制过程后，画面的效果已经出来了，但是总觉得缺少点什么，因此可以再为画面添加一些质感，让画面效果更突出。先用纸纹笔刷涂满整个画面，再用“橡皮擦工具” 擦掉不需要质感的部分。

纸纹笔刷

添加质感后的效果

添加质感后的效果

05

刻画帆布包的背面

帆布包背面设计的是人手拿山楂果的画面，正面和背面的背景是相同的，所以只需要把双手捧着山楂果的内容画出来，再与已经画好的背景结合在一起，就可以完成画面了之后可以根据具体情况做进一步的调整，直到得出满意的效果。

考虑到帆布包的印刷效果，对方案2进行简化处理，去掉了一些细节和材质。

帆布包背面的插画

简化处理后的效果

06

提案展示

为了把设计稿完整地展示给需求方，这里对插画进行了设计展示，包括理念、插画、应用效果和其他配色等内容展示。

提案封面

设计理念展示：

树上刚摘下来的山楂，拿在手里，闻着有淡淡的清香。放在嘴里，一口咬开，满是记忆中冰糖葫芦的酸甜味。

理念展示

插画展示：

插画展示包括两个版本，一个是画面丰富的满版展示，另一个是画面简洁的简化展示。

画面丰富的版本

画面简洁的版本

其他应用：

除了在帆布包上应用，也可以把插画应用到其他物料上，如水杯、笔记本或铅笔等。

画面丰富的应用效果

画面简洁的应用效果

水杯应用效果

笔记本和铅笔应用效果

配色展示：

下面左图是配色等内容展示，配色色值是印刷使用的潘通（PANTONE）色 , 通过Photoshop的拾色器和颜色库就可以查看潘通色的色值。

色号

提案封底

07

打样上线

提案通过之后，接下来就交由需求方进行帆布包的打样了。帆布包的材质是比较粗糙的帆布，第一次打样时，印刷的是带浅绿色背景的插画，进行了双面印刷，看到样品后发现主体人物和山楂树枝条在背景上不够明显。

最后考虑到生产成本，仅印刷了正面的人物图案，同时也为了突出人物主体，将背景改为了白色。下图是印刷完成的成品效果。

帆布包展示

使用场景展示

下图是帆布包在淘宝“心选众测”预热活动上的展示。

淘宝“心选众测”活动展示

下图是线上的宣传展示效果。

宣传展示效果

此外，“淘宝心选&特赞”还为帆布包设计了漫画。

漫画

你见过哪些惊艳的插画包装产品？

在留言区参与互动

并一键三连的朋友

分享 / 再看 / 点赞

数艺君将抽3名伙伴

赠送精品电子书1本

活动11月2日开奖

加入数艺设交流群

设计素材下载 学习视频资源

读者交流学习 图书售后服务

软件安装指导 读者意见反馈

数艺设QQ群：

PS学习交流群：979858128

进群暗号：PS

手绘学习交流群：1098997319

游戏UI交流群：1146198611

特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.