02

引导页的应用

线性插画的应用增加了引导页的趣味性、使页面显得不再单调和乏味，同时也承载了更多的信息量。

……

简笔画因为简单易上手被许多小伙伴喜欢！简笔画是把复杂的图形简单化，追求形似、不计细节，可以表现各种生活中的常见物及人物形象，在形式上生动活泼，技法上更是简单易学。简笔画虽然简单，但却同样能传达出画面的故事性、配色、构图…

简笔画的风格：年轻、活泼、治愈、生动、软萌

简笔画的套路总结就三条：概括-细化-修饰

1、在图形的基础上概括出物体的轮廓

2、逐步画出对象的特点、细化对象

3、修饰画面，加上阴影、高光、色彩、旁白…

简笔画没有局限，不要求一模一样，线条也没有特定要求，只要抓住自己所看到物体的重点及特点。有时候为了让画面更加可爱生动，我们还可以给画面加上纹理，表情或者某个特点夸张化，这样会变得更加有趣！

给大家介绍的简笔画的工具是：AI（Adobe Illustrator）

常见的插画软件有：SAI、PS、AI…

SAI：一般用于日本漫画的插画，上手简单，更适合手绘

PS：比较专业、上色调色功能强大，厚涂建议ps

AI：矢量绘图软件

SAI更适合手绘，PS也更专业，然而最终选用AI来出教程有两点原因：

1、本教程针对初学者，0基础没有绘画基础的宝宝们在PS和SAI中画画时很难控制笔触及线条流畅度，线条容易抖动。AI的“平滑”工具完美的解决了插画新手在绘画时线条抖动的问题。

2、AI自带“线条粗细变化”的调节工具（变宽工具：Shift+w），没有手绘板的宝宝们也能画出带有粗细变化的线条。

当然AI还有以下几个优势也是让我欲罢不能的：TA是矢量的，绘画过程中不需要新建图层，还可以快速将交叉的线条连接起来形成闭合线条，完美～

缺点：自带画笔较简单，需要画出带有纹理质感的宝宝们还是建议使用PS，但是用来画简笔画AI软件真的是绰绰有余了！！太香了！！！强烈推荐！！！

AI在简笔画中常用的工具及功能：

1、画笔工具：

点击画笔工具就可以进行线条的绘制了，快捷键：B

* 需要注意的是在绘制线条之前需要点击画笔工具调出“画笔工具选项”，将平滑度调至最高，调节平滑度的线条更为顺滑（如下图）：

2、斑点画笔工具：

然而在简笔画中除了线条的绘制外还会有色块的绘制，在绘制色块时需要切换至“斑点画笔工具”快捷键：（Shift+B）

如下图，在画色块时未选择“斑点画笔工具”直接采用“画笔工具”绘制色块，未选中状态下几乎无差别，选中色块后，会发现由画笔工具绘制的色块是由许多堆积在一起的线条组合而成，并非真正的色块。

3、变宽工具：

在没有手绘板或者手绘板无压感时，有需要画出粗细变化的线条，此时只需要用到“变宽工具”就可以实现：调出变宽工具移动至需要改变的线条上拖拽改变粗细状态。快捷键：Shift+w

如下图所示：右侧为变宽工具使用后的效果（可在线条任意位置改变粗细状态）

4、连接工具：

在设计/绘画过程中，我们用AI软件画到2条交叉线条时，要把他们连接起来是一件挺让人崩溃的事。此时使用连接工具，可快速将交叉的线连接起来，且不需要强制使两条线的终点位置对齐就可轻松连接线条。

如下图所示：使用“连接工具”在线条交叉处拖拽，可轻松连接并消除多余线条。

5、除以上工具及功能设置外，我们想要画出有变化的线条还可以使用AI自带画笔：“WACOM 6d 画笔”。（窗口-画笔库-Wacom 6D画笔-6d艺术钢笔画笔）

如下图所示：右图使用“Wacom 6D”画笔画出的线条（不需要调节，自带粗细变化）

以上介绍了简笔画常用的工具功能设置以及简笔画的大体过程（概括-细化-修饰），接下来进入正题：分解简笔画的具体过程：

正脸的画法：

1、先概括出头部的大概轮廓（作为参考线）如图，注意整体轮廓的细节处理（是敦厚的圆形，像个团子），并将分割线定在1/3处（一般情况下，萌系人物的五官都在脸的中间或者往下的位置，偏下会更萌一些，可根据个人喜好调整位置）。

*相同图形不同的转角过渡及线的粗细处理，带来的效果是完全不同的（如下图）。需要概括出物体萌萌的外轮廓，需要在写实的基础上，保留物体的最基本特征，尽量简化（太写实具象的外形会破坏萌感）。圆润的外形/平滑的过渡/粗线条…更具亲和力，萌力值更高！（所以萌系人物的脸型都是圆乎乎的）

2、根据参考线简单概括出脸+耳朵（耳朵内部细节可适当忽略，过于细化会降低可爱感），沿参考线外侧概括出蓬松的头发（针对头发的特点细化：注意不要贴紧头顶，需要预留适当空间创造蓬松感）。

* 外侧轮廓线条略粗于内部细节线条（增加对比，突出外部轮廓），同时增加“灵魂呆毛”“五官”增加细节刻画（注意眼睛嘴巴的比例位置，眼与嘴的整体高度越小越萌哦～）

3、同样的方法，根据个人风格画出衣服及饰品（注意头部与身体的比例关系，头身比越小越萌～）

*加上装饰更加可爱，氛围感觉更强哦～

4、最后给自己画的卡通形象来点颜色（注意颜色饱和度及色彩的量，颜色不易过多，需有主次）。如果需要画眼镜，注意镜框的颜色不要压过五官，如图：可以使用浅色系网红透明镜框）。

总结：

1、根据观察，简单概括物的形状，将轮廓简单化。

2、抓住主要特征，根据特点细化（可适当忽略细节）。

3、通过以上案例可以举一反三，也可以在此基础上加上背景及气泡装饰。

无论在设计还是绘画中，色彩的选择决定了画面的呈现效果。

色环上的 颜色大致可以分为：

暖色、中性色、冷色。

常见的色彩搭配有：

邻近色、同类色、互补色、对比色

色彩的搭配要遵循色彩的基本原理，要了解色彩的色相、明度和纯度，只有符合规律的色彩才能打动人心、给人留下深刻印象----《配色设计从入门到精通》

案例：

作者

皇甫雪艳  消费者平台研发中心  创新营销产研中心体验设计部  视觉设计师