商业插画设计 扁平风案例应用解析

全书共分为9个章节，第1到3章系统的讲述互联网插画的基础相关知识，以分析互联网插画定位为切入点，讲授Photoshop的绘画基础功能综合运用，以及商业插画中的配色原理和构图技巧；第4到8章为全书的商业插画案例部分，通过具有代表性和点击量的商业插画案例，多层式的展示互联网扁平风格插画的设计形式，让读者能够通过该书，在了解互联网插画的同时，也能学习到大量的插画干货技法以及商业案例设计思路。

全书共分为9个章节，第1到3章系统的讲述互联网插画的基础相关知识，以分析互联网插画定位为切入点，讲授Photoshop的绘画基础功能综合运用，以及商业插画中的配色原理和构图技巧；第4到8章为全书的商业插画案例部分，通过具有代表性和点击量的商业插画案例，多层式的展示互联网扁平风格插画的设计形式，让读者能够通过该书，在了解互联网插画的同时，也能学习到大量的插画干货技法以及商业案例设计思路。

葭葭葭，资深互联网设计师/插画师

毕业于北京服装学院视觉传达专业

先后就职于陌陌，美团，今日头条，顺丰，网易等互联网公司

担任设计师/插画师职务

工作内容包括插图，H5，海报，banner，歌手包装等线上及线下物料

与优设网等机构合作开展线上线下课程

第1 章 当今的商业插画及其发展 001 
1.1 商业插画的多源运用 002 
1.1.1 线上插画 004 
1.1.2 线下物料 006 
1.2 插画在互联网设计中的定位和发展 008 
1.3 插画技能与职业趋势 009 
1.4 浅谈新手入门之道 009 
第2章 商业插画软件Photoshop 011 
2.1 钢笔工具 012 
2.1.1 钢笔工具的分类 012 
2.1.2 如何用钢笔工具抠图 014 
2.1.3 如何用钢笔工具勾画图形 015 
2.1.4 钢笔工具如何与Photoshop自带的 
基本图形结合使用 016 
2.1.5 关于钢笔工具容易出现的几点 
使用错误 018 
2.2 调色工具 018 
2.2.1 色阶、饱和度、色彩平衡 018 
2.2.2 调色工具的叠加使用 021 
2.3 笔刷及图案叠加 022 
2.3.1 笔刷的分类 023 
2.3.2 不同风格插画中笔刷的选择 024 
2.3.3 图案叠加的使用法则 025 
2.3.4 如何自己制作图案 026 
2.4 蒙版 028 
2.4.1 蒙版与橡皮擦工具的区别 028 
2.4.2 使用蒙版的多种技巧 029 
2.5 图层 030 
2.5.1 图层工具 030 
2.5.2 图层工具的使用技巧 031 
2.6 滤镜 032 
2.6.1 杂色滤镜 032 
2.6.2 模糊滤镜 034 
第 3 章 商业插画中你必须懂得的知识 037 
3.1 商业插画中的色彩搭配 038 
3.1.1 色彩的基础知识 038 
3.1.2 “”配色法 043 
3.1.3 优秀配色的收集方法 048 
3.2 常见的商业插画构图方法 049 
3.2.1 8种常见的构图方法 049 
3.2.2 画面小细节引导视觉走向 056 
3.3 商业插画中的光影 057 
3.3.1 关于光影 058 
3.3.2 商业插画中易犯的光影绘制错误 059 
3.4 商业插画优劣的鉴别 061 
第4章 商业插画单项训练 063 
4.1 人物绘制 064 
4.1.1 人体及五官比例知识 064 
4.1.2 规则人物图形的优势及绘制方法 067 
4.1.3 不规则人物图形的优势及绘制 
方法 073 
4.2 植物绘制 078 
4.2.1 如何选择植物 078 
4.2.2 植物的绘制方法 079 
4.3 动物绘制 085 
4.3.1 概括能力很重要 086 
4.3.2 如何用规则图形画动物 089 
第5章 Banner中的插画 093 
5.1 案例：你还要被冷多久 094 
5.2 案例：5秒测试你的装修风格 099 
5.3 案例：开春断舍离 107 
5.4 案例：家，是两个人的事 112 
第6章 开屏广告中的插画 117 
6.1 案例：重拾童年，6.1快乐 118 
6.2 案例：端午好礼，免费装修 126 
6.3 案例：陌陌五岁了！ 132 
6.4 案例：食堂用美团，天天享优惠 137 
6.5 案例：成品还是定制？ 141 
第7章 H5中的插画 147 
7.1 案例：猪年春节抽奖赢好礼 148 
7.2 案例：晒出你的家 156 
7.3 案例：清明寄思念，同城送到家 164 
第8章 线下物料中的插画 169 
8.1 案例：美团坐地铁海报 170 
8.2 案例：双12锦鲤易拉宝 174 
第9章 总结 183 
9.1 如何找到属于自己的插画风格 184 
9.2 常见的商业插画问题答疑 186 
9.3 插画的灵感来源 187 
9.4 从业以来的一些经验之谈 189

全书共分为9个章节，第1到3章系统的讲述互联网插画的基础相关知识，以分析互联网插画定位为切入点，讲授Photoshop的绘画基础功能综合运用，以及商业插画中的配色原理和构图技巧；第4到8章为全书的商业插画案例部分，通过具有代表性和点击量的商业插画案例，多层式的展示互联网扁平风格插画的设计形式，让读者能够通过该书，在了解互联网插画的同时，也能学习到大量的插画干货技法以及商业案例设计思路。

葭葭葭，资深互联网设计师/插画师

毕业于北京服装学院视觉传达专业

先后就职于陌陌，美团，今日头条，顺丰，网易等互联网公司

担任设计师/插画师职务

工作内容包括插图，H5，海报，banner，歌手包装等线上及线下物料

与优设网等机构合作开展线上线下课程

从事设计行业七年多，我从一个商业插画小白一步步走到今天，一路上有迷茫和痛苦，也有喜悦和满足，想说的话有很多。与电子工业出版社合作的这本书，既是对自己七年多工作经验的总结，也是回顾，与此同时也希望自己的经验能够给同样行走在这条路上的朋友们一些帮助。

说到插画，可能是冥冥中注定的缘分。因为自幼就喜欢在纸上涂鸦且“作品”像模像样，我被送到了美术培训班，之后又考入了工艺美术学院附属中学，随后一路就读的都是艺术院校，终考入北京服装学院后，学习视觉传达设计。可能画画这件事情确实需要一些天赋，而我所理解的天赋就是日复一日、经久不衰的热爱，只有将热爱作为动力才能鞭策你不断地练习，不断地前进。就读于北京服装学院期间，我接触到了插画这门学科，从此一发不可收拾。从纯纸笔手绘到后来自己研究用电脑软件和手绘板作画，凭借一腔热爱我一步步地进入了插画世界的大门。我性格内向，插画替我说出了想表达的话。说来惭愧，因为痴迷插画，我曾在非专业课上偷偷画画，甚至逃课去肯德基点一杯咖啡，然后埋头苦画一整天。当然，努力并没有白费，大学期间，儿童文学出版社找到我，为童话故事、散文等作品绘制插画。虽然当时的一些“作品”现在看来可能还很稚拙，甚至可笑，但是我想说：找到你的热爱，才是成功的步。无论你喜欢哪种类型的插画，小众也好，大众也罢，以此作为切入点，你会发现其实一切并不难，热爱可抵岁月长。

大学毕业之后的一切似乎也顺理成章，我先后就职于陌陌、美团、今日头条、顺丰等公司，也在真正意义上接触了商业插画。然而当时的培训机构、互联网上的教程并不像如今这样琳琅满目，我所能做的就只是通过自己的练习和理解，慢慢摸索。事实证明，这样的闭门造车确实让我走了很多弯路，甚至让我产生了自己到底适不适合做这一行的疑问。值得庆幸的是我没有放弃，慢慢地，我摸索出了一条属于自己的道路，从扁平插画到厚涂，从简单基础插画到大场景复杂插画，陆续在设计网站上发布自己的作品。再后来，开始有一些不认识的朋友，通过站酷网或其他途径向我咨询一些关于商业插画的问题，也会有一些同事、朋友向我询问工作经验及技巧。我意识到，其实跟我一样遇到相同困境或问题的朋友有很多，也许我可以尽自己的绵薄之力帮助大家。于是我开始在社交平台上发布一些自己的插画小技巧、小教程，尝试着做一些公开课和去线下培训班做讲师，再后来电子工业出版社的编辑找到我，希望我能把自己从业以来的经验通过书籍的形式分享给大家，也就有了现在这本书。

我想说的是，其实视频教程也好，文字教程也罢，并不存在多么高深的方法论，重要的是在实践中日复一日地练习、进步。经常有同学在上完我的课后觉得自己好像学会了，然后在后面的练习中处处碰壁，屡屡受挫。其实看似学会和真正在实践中运用自如是两个完全不同的概念，唯有不断地实践、练习才能将知识学以致用。

后，由衷地感谢电子工业出版社及编辑小马对我的认可和帮助，也感谢在这条路上帮助过我的所有人，同样感谢正在阅读此书的你。