扁平化插画教程-极简抽象的色彩艺术――扁平风格插画

写在前面：本教程需要有AI和PS基础

一、分析插画特点

扁平插画是目前非常流行的一种插画风格，要制作扁平插画必须先了解分析它的特点。

在造型上：简洁，把复杂的造型简化。

在光影上：去除光影渐变，以及肌理效果，多使用纯色。

二、插画绘制工具

造型是AI比较擅长的，所以我们使用ai来绘制物体的造型，颜色则使用AI，这两个软件相互配合，几乎可以满足我们所有的需求。

三、构图

以一张照片为主体，照片上的物体可以适当进行删减、修改，例如竹筏的造型和位置不是那么理想，我们可以使用右边图片上的竹筏进行替换。

我们可以将画面分为三个层次，近景是竹筏，中景是山体，远景是天空。

两边高，中间低的V字形构图。

四、绘制步骤

步骤1：

用ai中的斑点画笔将近景、中景、远景一层层的绘制出来，只需要绘制大致的轮廓，可以把照片锁定后直接在照片上临摹，只需要画出轮廓，然后将里面的路径删除，得到一个面即可。

步骤2：

将绘制好的ai使用插件转为分层psd，到psd中绘制颜色，每一层的形状以单色为主。颜色的选择可以参考照片的颜色，例如，清晨，下午，或者晚上，吸取颜色即可。

步骤3：

添加水面倒影以及细节纹理，使用布尔运算，给倒影添加波纹的，细节，不需要很复杂，可以抽象一些。

AI教程： Illustrator视频教程，AI软件入门到精通

PS教程： PS教程全套，零基础也能学会的ps教程

AI设计扁平化图标的制作教程：

1.画布尺寸改为【44*44】像素。

2.绘制一个【42*42】像素的矩形，居中对齐，添加【描边】，【复制】一个矩形，尺寸改成【38**38】，作为参考线，如图所示。

3.复制出两个画板，如图所示。

4.绘制一个【42*42】像素的矩形，【填充】蓝色，不要【描边】，改成【圆角】，作为背景板，如图所示。

5.绘制一个圆形，【填充】白色，【描边】红色，如图所示。

6.使用【直线工具】和【旋转复制】绘制出时刻表，如图所示。

7.绘制一个矩形，【删除】右上角的锚点，得到时针和分针，再使用【直线工具】绘制出秒针，如图所示。

8.将背景板复制到第二个画板，如图所示。

9.绘制三个圆形，将下方的两个圆形进行底边对齐，如图所示。

10.选择【路径查找器】中的【联集】，删除下方的锚点，如图所示。

11.绘制一个圆形，【填充】，不要描边，再使用【直线工具】和【旋转复制】绘制出太阳光，如图所示。

12.导入相机参考素材，将背景板复制到第三个画板，颜色改成白色，如图所示。

13.绘制一个【矩形】，在矩形上绘制一个【大圆】,填充【白色】，再绘制一个【小圆】，填充【黑色】，如图所示。

14.在黑色的圆上，再分别绘制三个白色的圆，并分别调整【不透明度】，如图所示。

15.使用【椭圆工具】和【矩形工具】绘制相机按钮，如图所示。

艺术，或者美学上的东西，大多与时代的方方面面相关，如果粗暴地把扁平化流行的原因归于信息爆炸时代人们对简洁明了的表现风格的青睐会有失偏颇。事实上，网页、APP开屏等方面的应用，为扁平化风格插画的流行起到了绝对的推进作用。视觉上简单、干净，矢量格式又使其体积很小，扁平化风格就这样被广泛运用我们生活中的点点滴滴了。

扁平化不还原事物的本来面目，它只提炼事物特点，用简练概括的造型将事物直白地表现出来。前面说过，信息爆炸不是扁平风格流行的主要原因，但话说回来，随着人的大脑每天要接受的图片信息越来越多，使用最直接了当的图形，配上鲜明的、干脆的色彩来传递信息也是极好的选择。

拼接的图形

扁平风插画被提炼出的造型多是几何形态。虽然单一的几何图形方便使用且容易把控，但所呈现的效果也相对死板，缺乏灵气。

在实际创作过程中，为了增添画面的生动性和趣味性，常运用三到四个几何图形拼接组合，以其中一种几何图形作为主要的构成元素，剩余的几何图形在造型上与主要的构成元素保持一定的相似性，这样的拼接组合既可以保证画面结构的主次秩序，又能在统一中产生灵动的变化。

明快的纯色

通常来说，简化的造型比较适宜使用平涂式的纯色块来表现，以保持造型和色彩之间的平衡，创造干净并且严格的视觉层次。且因为造型扁平，配色上适用对比强烈的纯色进行搭配，让明亮的色彩对比支持快速视觉感知，营造视觉上张力，弥补造型上的单薄。

统一的角度

扁平化插画在事物的造型上是一直做减法的，甚至纯粹的扁平风格属于完全放弃透视语言的一种表现手法。所以，绘制扁平插画要注意角度的统一，而统一角度，也是简化造型的实用技巧。

相对而言，一件扁平化风格的插画作品里没有什么艰涩的技术含量，需要掌握无非几个要点：把物体整体及每一处细节都块面化；注意块面之间的层级关系，即前后遮挡关系和包含与被包含关系；边缘处要利落干净，注意细节。

除此之外，再多点儿耐心就是了。