原文地址：
/detail/538998.html?nopop=1
作者：PangHu_胖虎
前言鉴于有些小伙伴向胖虎吐苦水：自己非科班出身，不知道插画应该如何下手，都是在凭感觉画......所以，胖虎这次专门为大家整理了一个案例制作+解析，从视觉传达的基本理论“点线面”开始说起......本次教程重点讲解点线面在插画中如何应用？希望能够对一些小伙伴起到启示的作用。教程不易，点赞支持~灵感来源这次的运营插画文案灵感是来源于胖虎去7-11买鱼丸吃，发现一份鱼丸其实少得可怜，番茄酱也只剩下了一点点，胖虎表示很沮丧，心里想假如鱼丸和番茄酱有很多就好了~所以这次的文案灵感就出来了，是不是觉得很神奇~其实灵感就是这么简单，来源于生活，假如你多留意一下~01.画出草图在构思草图的时候，围绕着主题〞超多的番茄酱和咖喱鱼丸〞去想，去构思两者之间的关系，多画几个草图，多激发一下自己的脑洞。
番茄酱和鱼丸两者存在联系的地方，就是番茄酱挤出来涂在鱼丸上面的时候，两者相辅相成，画了几个草图之后，胖虎选择了其中一个，就是以下这个草图为基础去构思的。
虽然草图的结构并不复杂，但是我们可以拆分元素单独画，这样子后期有调整的话也比较容易。而且不一定要跟着草图一摸一样，可以适当调整。02.画出草图线稿新建画布，用矩形工具（M）画出瓶子的3个部位，并且用直接选择工具（A）选中锚点，拉成大小合适的圆角，如下图所示：
画好瓶子，我们可以开始用钢笔（P）画出番茄酱，这一步没有基础的小伙伴可以先用笔画出一个基本形状，然后再拉到AI对着勾。画完番茄酱，我们可以接着画出大小不一的鱼丸，让其表现出近大远小的感觉，如下图所示：
03.上渐变色我们在选择颜色的时候，近似色是最好上手的，不容易出错。我们在给线稿上渐变色的时候，可以适当拉动渐变条，让其颜色更和谐，包括后面给渐变色彩丰富细节、叠加色块的时候也可以适当拉动渐变条。
04.丰富细节，添加光影这一步胖虎就不打算演示了，因为前面分享了2个相同技法的教程，有不懂的小伙伴可以点击下方2个传送门。看完了之后直接拿这个当练习，岂不美哉？也可以更好的去理解胖虎之前所说的技法和理论~
添加完细节和光影后，如下图所示：
05.添加背景点缀，文案
以上就是这次案例的相关绘制思路我们接下来好好看看这次简单的案例分析点线面在插画中如何应用？在分析前，先给小伙伴们简单科普下点线面在插画的相关知识，后面的案例分析，自然就是水到渠成。（以下配图均来源于网络，仅供学习参考讨论）点线面点线面，不能单纯的认为点是点，线是线，面是面，在不同情况下，他们之间的角色是相互穿叉的，相对的，灵活多变的。（点可以是面，面也可以是点，线也可以是点，点也能成为线，三者之间是相对的）
同样的，点线面在插画应用中是多样化的，不同的形式传达传达不同的视觉效果，也是适用于不同的画面感。点的展现形式：单点，自由点（有规律统一的点也可以形成线的效果，点与面的区别是相对的，面也可以是点，一个大点，一个小点）单点：聚焦效果突出，视觉冲击强，主题明显。一般作为主视觉，在功能点更新说明引导页插画常见。参考图如下所示：
自由点：灵活性强，一般作为点缀活跃气氛或者平衡丰富画面。自由点的应用非常广泛，一般在节假日活动插画类更容易看到。参考图如下所示：
线的展现形式：直线，曲线（如果把线当成点来使用，也是可以做到活跃气氛，装饰的作用。）直线：注重图形结构和物体造型，给人一种平衡稳定感，在一些特殊场景下，斜线也能营造出灵动感和运动感。参考图如下所示：
曲线：具有柔美感和灵活性，可以让整个画面变得有生气和活力，参考图如下所示：
面的展现形式：几何形面，有机形面，自由形面几何形面：由几何图形构建的画面，有规律性和理性的结构构成。参考图如下所示：
有机形面：会得出柔和，自然，抽象的形态。不能通过几何形状得出的形状，不同外形的出现，会给人生动的视觉效果，充满个人观感，弱规律性。参考图如下所示：
自由面：造型灵活，无规律规则，创意个性十足。
看完上面这些点线面的相关知识我们现在开始拿教程案例来分析
我们首先从点开始观察，在图中出现的点是属于自由点，起到的是烘托气氛的作用，符合这个活动的氛围，我们放2张图做下对比，效果就很明显了。
我们接着观察线，线在这个画面其实没有很明显，是属于隐蔽型的。如下图所示，图中的线是属于曲线，上面我们讲过，曲线是可以给画面加上灵动感的，让整个画面假如一些活力。
我们接着观察面，这个画面是由几何形面+有机形面构成的。黄金鱼丸和番茄酱瓶子是属于几何形面，番茄酱飞出来的是属于有机形面。
好了，以上的内容就是这次教程/经验了。有任何补充的欢迎留言。点线面在插画中要如何应用？你学会了吗？可爱的你请把可爱的我设为“星标”。
长按关注学UI网微信公众号
如果觉得《点线面在插画中如何应用？》对你有帮助，请点赞、收藏，并留下你的观点哦！
