第1章 商业插画的基础知识

1.1 商业插画的主流风格

商业插画属于实用型插画，是一种具有明确商业意图的插画。与纯艺术类插画相比，商业插画从单纯的个人审美转化为服务商家和大众，承载着某种商业行为，以达到吸引用户、引导转化和促进消费的目的。商业插画的风格众多，大致可分为卡通风格、扁平风格、手绘风格和写实风格等。下面对这四大风格的插画进行简单的介绍，详细的绘制步骤会在后面的章节中讲解。

1.1.1 卡通风格

基本特征

卡通风格插画的造型简洁，由轮廓线、结构线和块面组成，给人以亲切的视觉感受。下图是闲鱼App的界面，从图中可以看到，闲鱼的形象亲切又可爱，表情和动作也是萌萌的，图中的金币、相机和字体也都采用了偏可爱的风格。这类风格的插画适合表现亲切又可爱的产品。

卡通风格插画的色彩饱和度较高，视觉效果强烈。下面右图使用了饱和度较高的明黄色、橙色、褐色和紫色来表现，明黄色为主色，橙色为主色的近似色，褐色为辅助色，紫色为主色的对比色。

基本表现方法

绘制卡通风格的插画时，通常会先使用Photoshop的“钢笔工具”和各种形状工具（包括“矩形工具”、“圆角矩形工具”、“椭圆工具”、“多边形工具”、“直线工具”和“自定形状工具”）绘制出物体的外轮廓和细节，然后进行上色，画出色块后再添加细节。下图是先使用“钢笔工具”绘制出漂流瓶的各个元素的外形，然后添加不同的颜色色块，由线条与色块共同组成一个完整的漂流瓶图形。

1.1.2 扁平风格

基本特征

扁平风格插画主要由色块构成，造型几何化，外轮廓光滑，视觉表现多样化，可亲和，也可严谨。因此，扁平风格插画被广泛应用于各个领域。

下图中的画面元素简洁，大量的矩形和圆形等形状组成了整个画面。整体的色调偏稳重，低饱和度的深蓝色为主色作背景，低饱和度的暗红色和浅黄色为主元素的配色，画面风格成熟，偏中性化。

除扁平风格插画外还有微扁平风格插画，扁平风格插画与微扁平风格插画的差异较小，因此统称为扁平风格插画。部分扁平风格插画中会添加颗粒质感和渐变的效果，以丰富整个画面，让画面看起来更有质感。下图中人物的脚部和手臂的暗部就添加了颗粒质感。

基本表现方法

绘制扁平风格插画时，也会使用绘制卡通风格插画的工具，如“钢笔工具”和“矩形工具”等。虽然这两种风格插画的绘制工具相同，但是视觉表现效果不同。

扁平风格的插画主要由不同的色块构成，几乎没有轮廓线。绘制扁平风格插画时，应遵循“先整体，后局部”的步骤，即先绘制大元素色块，再绘制小元素色块。上图中，先使用“钢笔工具”勾画出雪地、雪人、树、雪花和云等元素，再为画面设定颜色。为了使地面和天空分开，可以将地面设定为深色，将天空设定为浅色，再按照主次和前后的关系将各个元素组合在一起，这样就构成了一幅完整的扁平风格插画。此外，我们可以在画面中加入一些杂点、颗粒质感和渐变的效果，让画面更丰富。

1.1.3 手绘风格

基本特征

手绘风格插画是在电脑上用笔刷来模仿真实手绘效果的插画，通常由色块、结构线和少量的阴影组成。手绘的痕迹能给人亲切的感受。下图中，猫咪、猫粮、手臂、橱柜、水壶和地板等主体物的边缘及内部阴影略显粗糙，这种粗糙的质感就像手绘的效果。

手绘风格的插画造型自由，不追求主体物外轮廓的绝对光滑和准确。下图中，拱形门的外轮廓呈弧形，笔触很明显，并不是绝对的光滑，树枝、花朵和屋檐的外轮廓也不是绝对的准确。

基本表现方法

绘制手绘风格的插画时，也要使用笔刷工具，还会使用纸质材质。利用图层的“混合模式”和“不透明度”功能可以给画面添加一些材质，以呈现出手绘的自然感。

绘制手绘风格的插画时，先使用色块绘制出主体物的主要块面，然后添加结构线并画出细节，再用笔刷给主体物添加质感。

下图是先画出桃和人物的主要色块，然后添加桃和叶子的细节，再画出人物的五官和细节，最后丰富桃的亮部、添加质感和主题文字。

1.1.4 写实风格

基本特征

写实风格插画与照片相似，绘制时要注意对造型、透视、光影和体积感的处理。写实风格插画因绘制难度和成本比较高，所以在更迭较快的设计中应用得较少。通过下图可以看到，强烈的光影和细腻的刻画手法为主体物塑造出了厚重的体积感。

写实风格插画追求准确和真实的造型、透视、光影、色彩和质感，其刻画的深入程度高于手绘风格插画。

基本表现方法

绘制写实风格的插画时，也需要使用各种效果的笔刷来表现，如勾线笔刷、粉笔笔刷和纸纹笔刷等。

当画好主体物的色块、结构线和少量的阴影后，还需要使用笔刷对阴影进行更深入的刻画。下图中，将火烈鸟的色块绘制好之后，再继续添加头部、羽毛和脚部等处的细节。