教程软件：Adobe illustrator

教程难度：简单

教程 & 步骤

Step 1.

打开Adobe Illustrator后，创建一个宽度和高度均为850像素的新文档(文件 > 新建)。

点击椭圆工具(L)，添加几个任意形状的椭圆。确保填充色是R=229, G=217, B=180。这些形状将会变成你(设计的)大陆。

Step 2.

使用变形工具(Shift-R)，然后根据需要拖动和拉伸这些椭圆。只要记住选择要变形的对象，否则会使周围的对象变形。

变形工具(Shift-R)的选项在这里并不重要，但是如果你不喜欢你现在的选项(例如拉伸笔刷的直径太大或太小)，你可以双击这个工具，将会出现一个新的对话窗口，也就是变形工具选项窗口。在该对话窗口上，那里你可以改变全局画笔的尺寸和强度，并勾选“显示笔刷的大小”。

Step 3.

如果你想让你的大陆的形状更真实，你可以通过应用效果>扭曲和变换>粗糙化来实现。在新的对话框窗口中，您可以改变选项来实现您想要的结果。如果勾选了“预览”选项，就可以实时看到在画板上的所有更改。你可以一个一个地处理，也可以一起处理。当你对它们的外观满意时，点击OK按钮。

扩展所有的陆地形状(对象>扩展外观)。

Step 4.

选择所有的大陆形状，然后选择对象>路径>偏移路径…在新的对话框窗口中，输入大约10像素的偏移量，但这取决于你画得大陆形状的大小。点击OK按钮。一块新的大陆将均匀地出现在每一块大陆上。将这块新大陆形状的填充色改为R=234, G=224, B=195。

再次为你的大陆创建一个新的陆地(对象>路径>偏移路径…)，使用一个稍微浅的填充色(R=234, G=224, B=195)。在我们的地图上，在颜色较浅的陆地的部分，我们试着表示陆地表面下降到海里的样子。

Step 5.

使用椭圆工具(L)，在各大陆上绘制更多的椭圆，填充色R=232, G=221, B=190。在较大的椭圆上添加较小的椭圆，并改变它们的填充色为(R=235, G=226, B=199)。

Step 6.

想要变形这些新的椭圆，你有两种选择来实现:使用变形工具(Shift-R)或者选择效果>扭曲和变换>粗糙化…选择任意一个，然后扩展这些形状(对象>展开外观)。

Step 7.

我们最后要增加到大陆上的是湖泊。在你想要湖泊出现的位置画一些浅蓝色的椭圆(R=167, G=214, B=210)。然后使用变形工具(Shift-R)进行变形。记得在变形前选择每个对象。

在较大颜色较浅的椭圆上添加较小颜色较深的椭圆(R=150, G=204, B=200)。使用变形工具(Shift-R)扭曲它们。

在较大颜色较浅的椭圆上添加更小颜更深的椭圆(R=141, G=198, B=195)。使用变形工具(Shift-R)扭曲它们。

2.如何在卡通地图上绘制海洋

Step 1.

使用矩形工具(M)并单击画板。在新的对话框窗口中，输入宽度和高度均为850像素，然后点击OK按钮。一个大的正方形会出现在你的画板上，也就是我们地图上的水或海洋。确保水域保持在画板的中间，并改变它的填充颜色为R=141, G=198, B=195。

Step 2.

选择其中一个大陆颜色最浅的边界，并在其后面拷贝一个副本(Control-C, Control-B)。把它扩大一点，并把填充色改为R=167 G=214 B=210。选中这个副本，使用变形工具(Shift-R)对其进行变形。对每个大洲都重复这种操作。

Step 3.

选择环绕大陆的浅蓝色形状，并在后面创建一个副本(Control-C, Control-B)。把它扩大一点，并把填充色改为R=150 G=204 B=200。选择这个副本，使用变形工具(Shift-R)对其进行变形。对每个大洲都重复这种操作。

Step 4.

删除填充色，并将描边颜色设置为R=167, G=214, B=210。使用铅笔工具(N)，在描边面板(窗口>描边)上，选择圆头端点和圆角连接。

现在开始有趣的部分:在整个海洋中绘制波浪。如果您发现描边太细，请在描边面板上增加描边的重量(窗口>描边)。

3. 如何在卡通地图上绘制陆标物体

Step 1.

让我们从树开始绘制。因为我们的地图是卡通风格的，所以的树（的形状）会非常简单，对于绘制部分也是如此。用矩形工具(M)画一个长矩形，填充色为R=191, G=157, B=106。然后在其上方添加一些椭圆当作树叶(填充颜色R=193, G=191, B=111)。将整个树分组(右击>编组)。

复制一些你刚刚创建的不同大小的树，并把它们分散到各个大陆上。

Step 2.

要绘制云杉，再次从一个矩形开始(填充颜色R=162, G=124, B=102)。

使用多边形工具并绘制一个三角形。默认情况下它有六个边。如果你有AI的新版本，当你的多边形被选中时，在选择的右边你会看到一个很小的菱形。如果你逆时针拖动这个小菱形，多边形的边数就会变少，如果你顺时针拖动它，多边形就会增加边数。所以通过逆时针拖动小菱形，从多边形中创建一个三角形。

如果你的AI的版本不是很新，选择多边形工具，点击你的画板。在新的对话框窗口中，输入任意半径，边数3，并单击OK。这就用来做云杉的三角形。

创建两个绿色三角形的副本(填充色是R=168, G=168, B=108)，并将它们相互重叠，从而形成云杉。将整个云杉编组(右击>编组)。

复制几棵云杉，把它们铺遍所有的大陆。

Step 3.

现在，让我们添加一些山脉。创建三个不同大小的棕色三角形(R=162, G=124, B=102)。它们必须重叠，它们的底线必须在同一个水平上。进入路径查找器面板(窗口>路径查找器)，选中所有三角形，点击合并按钮。

然后，创建更多的白色三角形，并将它们倒置。我们正在山上绘制雪。添加与棕色三角形重叠的白色三角形，如下所示。白色三角形也应该相互重叠。选择所有白色三角形，点击路径查找器中的合并按钮(窗口>路径查找器)。

接下来，再次选择棕色三角形(现在它们应该是一个形状)，并在其前面创建一个新的副本(Control-C, Control-F)。选中这个副本，并在按住Shift按钮的同时，选择白色三角形(它们也应该作为一个形状连接在一起)。最后，按下路径查找器中的相交按钮。你应该得到一座雪山。一定要将其编组。

创建更多的山脉副本，并将它们分散到各大陆上。

Step 4.

到目前为止，我们一直在创造大自然（的物体），现在我们需要更多人类居住的迹象，所以我们需要房子。从一个没有边框颜色(它的存在只是为了更好地显示)的白色矩形开始(使用矩形工具(M))。

添加一个小的灰色矩形(填充色为R=168, G=193, B=192)作为窗户。当按住Shift和Alt键时，将这个小的灰色矩形向右移动。Shift键允许您直接移动它，Alt键创建一个副本。

选择这两个小的灰色矩形，当按住Shift和Alt按钮时，将它们向下移动。现在应该有四个窗口了。多次按下Control-D键，你就可以让你的房子在垂直方向充满窗户。Control-D组合允许你重复最后一个动作。

让我们添加地下室:这将是房子底部的一个蓝灰色矩形。

每个房子需要的最后一个部分就是屋顶。在屋顶上创建一个长、水平的红色矩形(R=219, G=134, B=97)，然后再添加一个应该更窄更高的矩形。选中最后创建的那个红色矩形，选择效果>变形>膨胀。在新的对话框窗口中，输入如下所示的选项。第一所房子准备好了!

以下是膨胀效果的选项:

确保你的房子是编组的，复制几份，然后分散开来。

Step 5

如果有不止一种类型的房子就好了，所以让我们再创建一种。从一个没有边框的白色矩形开始。然后绘制一个与前一个房子填充颜色相同的窗口。选中这个窗口，转到效果>变形>上弧形，在新的对话框窗口中，输入如下所示的选项。

现在创建几个窗口。我们使用与之前相同的方法来增加窗口。

然后加上地下室和屋顶。填充你想要的颜色(你想要之前的房子红色填充色)，使用滴管工具(I)。

选中屋顶，进入效果>变形>弧形，并输入如下选项。第二所房子建好了!

以下是上弧形效果的选项:

下面是弧形效果的选项:

确保第二宫是编组的，复制几份，然后分散在各大陆上。

Step 6.

为了增加更多类型的建筑，我决定添加一座教堂。它是可选的，所以你自己决定是否添加。我认为现在你知道如何建造这样的房子了，所以你可以尝试自己建造。

把教堂放在你想去的大陆上。

Step 7.

我们最后想要的是一艘船。从一个没有边框颜色的白色矩形开始。添加一个小的灰色圆圈(所有房子的窗户都使用相同的填充色)。按住Shift和Alt键的同时，再创建几个窗口。

在船的顶部添加一根长管子，上面用长方形标出两条红色条纹。

接下来，继续按照下图创建小船。

最后，如果你想要扭曲船的底部，使用直接选择工具(A)并移动红色矩形上方锚点。将绘制好的船编组。

制作几艘船的复制品，并把它们放在大海上。

来源：design.tutsplus.com 作者：Nataliya Dolotko

关于教程

用图形加噪点的方式，你也可以设计出一幅迷人的郊野风光~

教程效果图

教程步骤

步骤1：新建文档

打开Adobe Illustrator，点击文件 – >新建( 快捷键Ctrl+N )，创建一个新文件，参数设置如下：

步骤2：创建背景

找到AI的图层面板，双击图层名称处，将名称修改为“背景-河”： 选中“背景-河”图层，使用矩形工具（快捷键M），待鼠标变为十字形后，在画板中间点击一下，如下图，输入数值，绘制一个1600x1200px的矩形，颜色填充为#4086C6。

步骤3：绘制沙滩

3.1 将刚刚做好的 “背景-河”图层锁起来，并建立新图层命名为“沙滩”

3.2 选中 “沙滩”图层，用钢笔工具（P）开始绘制形状,并填充颜色#F2B252

3.3 使用用钢笔工具（P）绘制好形状后,可以用直接选择工具（A）调整锚点

步骤4：绘制草丛

4.1 建立新图层命名为“草丛，使用椭圆工具（L），绘制4个椭圆，并打开路径查找器，选中四个圆形点击联集选项，如图

4.2 使用矩形工具（M），绘制1个矩形，打开路径查找器，选中刚刚做好的图形和矩形点击减去顶层选项，如图

4.3 绘制完成后选中形状填充颜色#A7A635

4.4 剩下的几个草丛的绘制也是用上面同样的方案，完成后选中形状填充颜色，颜色参数如下：

4.5 绘制填充完成后按照上图位置摆放好，并选中整个“草丛”图层，将该图层放在“沙滩”图层下面

步骤5：绘制河边景物

5.1 建立新图层命名为“河边景物，景物分成两个部分，一个是草地，一个是沙滩，用钢笔工具（P）绘制以下形状

5.2 绘制完成并填充颜色，参数如下

步骤6：绘制小房子

6.1 建立新图层命名为“小房子”

6.2 以下图这个小房子为案列，用矩形工具（M）绘制好门和窗口等几个矩形，如图

6.3 用多边形工具绘制三角形，颜色填充为# FBFAD5，使用直接选择工具（快捷键A）选中最上方的点，调整三角形的高度大小
用矩形工具绘制一个矩形，颜色填充为#ED5131，使用直接选择工具（快捷键A）选中矩形最上方两点，将点向左平移，完成后如下图：

6.4 第一个小房子已经全部绘制完成，按图片的摆放位置讲图形组合起来

6.5 剩下的几个小房子做法和上面一样，颜色参数如下，没有标明颜色参数的表示颜色参数相同

步骤7：绘制小植物

7.1 因为这些小植物和小房子之间有互相遮挡的关系，所有所有的小植物都在“小房子”图层进行绘制，先用钢笔工具（P）绘制以下不规则的形状，并填充相应的颜色

7.2 用绘制草丛的方法绘制以下相对规则的图形，参考如下：

7.3 将绘制好的小植物按图片组合排列起来变成一颗小数

7.4 现在小植物已经全部绘制好了，将这些小植物结合小房子的遮挡关系可以随意调整形图层的顺序（右键>排列>置于顶层/底层），排列如下：

步骤8：绘制河边小草

8.1 创建新图层，命名为“河边草”，并用钢笔工具（P）绘制出图案，并填充相应的颜色

8.2 绘制完成后形状按照图片的位置移动摆放好

步骤9：绘制树木

9.1 创建新图层，命名为“树木”，第一步先用钢笔工具（P）绘制出大的树干，并填充颜色#933932

9.2 第二步用椭圆工具画出几个圆，打开路径查找器选择联集，然后再用矩形工具画一个矩形置于刚刚做好的那个形状的上方，选中两个形状打开路径查找器选中减去顶层，这样树的部分就做出来了。

9.3 完成后填充好相应的颜色，参数如下

9.4 第三步，用钢笔工具（P）绘制出小树枝，并填充颜色#933932

9.5 大树部分已经全部绘制完成了，接下来继续做画面前面部分的小树,用钢笔工具绘制出以下形状

9.6 现在“树木”图层所有的绘制已经完成，下面按照图片的位置摆放好这些图形

步骤10：绘制餐布

10.1 创建新图层，命名为“餐布”，用钢笔工具（P）绘制出餐布的形状，并填充颜色# EC432C

步骤11：绘制袋子盒子

11.1 创建新图层，命名为“袋子”，用钢笔工具（P）绘制出以下袋子的形状，并填充颜色

11.2 袋子绘制好后接下来我们绘制盒子，首先先用矩形工具绘制出一个矩形，然后选中该矩形打开菜单栏的效果>3D>凸出和斜角，调整角度和参数，这样一个立体的盒子形状就出来了

11.3 确定完成后我们给它修改颜色。首先它现在是一个整体，我们选中这个立体的盒子打开对象>扩展外观，然后选中这个立方体右键>取消编组，然后就可以将这三个面分别填充颜色啦。

11.4 盒子绘制好后接下来我们来用钢笔工具绘制出盒子上面的装饰物，组合起来就完成了。

11.5 这个盒子袋子部分全部完成后，可以调整他们的位置关系，将他们按图中位置摆放好就可以了

步骤12：绘制食物和物品

12.1 创建新图层，命名为“食物”，首先我们先绘制出这个玻璃瓶，使用矩形工具（M）和多边形工具，绘制出两个矩形和一个三角形，将它们拼接放在一起，选中这三个图形然后打开路线查找器点击联集，然后就变成一个瓶身的形状了，接着我们选中这个形状打开直接选择工具（A）调整特点锚点，使它的边角变得平滑圆润一点

12.2 绘制糕点，先用椭圆工具绘制一个椭圆，然后使用钢笔工具绘制出一个斜面的三角形，绘制完成后用直接选择工具调整锚点，使侧面的边变得弯曲的弧度。接着用矩形工具绘制出一个矩形，选中右边的两个锚点向上平移就完成了。

12.3.1 绘制蛋糕，首先我们先看看蛋糕的分解图，颜色参数如下

12.3.2 首先我们用椭圆工具画出一个椭圆，那么蛋糕的高度怎么做呢，我们还是用到前面说过的方法。选中这个椭圆，打开菜单栏的效果>3D>凸出和斜角，调整角度和参数，这样蛋糕的高度就出来了，做完之后记得打开对象>扩展外观，然后选中这个形状右键>取消编组，然后就可以分别填充颜色啦。

12.3.3 接下来我们要绘制蛋糕的装饰。用椭圆工具画出一个椭圆,然后用直接选择工具改变椭圆锚点，将它改为尖角，改完锚点后选中这个椭圆然后用旋转工具（R）按住Alt键点一下下方你想要的中心点的位置，然后会出来这样一个框，调整旋转角度为90°，点击复制，然后就会有两个这样的形状了，接着连续点两下Ctrl+D ，就会出现四个这样相同的图形了

12.3.3 接下来我们要绘制蛋糕的缺口。用钢笔工具绘制出形状，调整一下锚点即可

12.4绘制面包，用椭圆工具绘制出几个椭圆，面包上的三个椭圆使用直接选择工具调整锚点

12.5 绘制水果，用椭圆工具画出两个圆，然后使用钢笔工具勾勒出小叶子的形状

12.6 绘制小餐布，使用钢笔工具勾勒出形状

12.7 绘制篮子，使用钢笔工具勾勒出形状。

步骤13：绘制人物

13.1.1 创建新图层，命名为“女人”，我们先来看看这个人物造型的分解图

13.1.2 人物部分的造型都是用钢笔工具（P）绘制完成的，完成后组合在一起就可以了，我们主要来看看这个酒杯是怎么做的。第一步先用矩形工具画出一个矩形，然后选中最下面的两个锚点，调整圆角弧度到最大。里面的红酒就可以将刚刚做好的杯子直接复制一个出来，然后可以按住Alt键中心缩小一圈，接着我们使用钢笔工具画出一条斜线，选中该斜线将斜线打开对象>扩展外观。完成之一步后，同时选中这两个形状，打开左侧工具栏的形状生成器点击一下，可以按住Alt键删除不需要的部分 ，这样红酒就做出来了。

13.2 创建新图层，命名为“男人”，先来看看这个人物造型的分解图，我们直接用钢笔工具勾勒出形状就可以了，酒杯的做法和上面的一样这里就不再重复了。

步骤14：保存导出PSD格式文件

14.1 到现在为止我们AI部分的绘制就已经全部完成啦，我们先来看看整体的效果

14.2 接着我们就要去PS里面完成质感效果，在这一步之前我们要现在AI里完成很重要的一步。首先我们打开图层面板，选择图层，打开右边提示的这个按钮选项，选择释放到图层（顺序），接下来每一个图层依次安装这个操作进行。

14.3 等到所有图层都完成释放到图层（顺序）这步骤后，我们点击菜单栏的文件>导出>导出为>选择导出文件为PSD格式，这时会弹出一个提示框，我们选中写入图层和勾选最大可编辑星，现在优化图稿就点击确定，这样就可以导出PSD格式的文件啦。

步骤15：在PS添加噪点效果

15.1 接下来我们要在Adobe Photoshop打开刚刚保存的PSD文件，然后在PS里面完成噪点的质感效果,那么我们的质感效果要怎么添加呢，在这里我们简单示范一下。我们添加的噪点质感分为两部分，一部分是暗面，一部分是亮面。我们要确定好光源位置，然后就可以区分暗面和亮面了。首先我们先选中要做效果的这个形状的图层，然后在该图层上方添加新图层“暗面”，模式改为正片叠底

15.2 接下来我们使用画笔工具（B）选中柔边缘，模式改为溶解，笔刷可以适当的放大，降低不透明度和流量，颜色用吸管工具（I）吸一下原本形状的颜色即可。

15.3 这样我们暗部的噪点效果就会出来了

15.4 做好暗面的噪点之后我们再接着做亮面的噪点，我们在暗面图层的上方添加新图层“亮面面”，模式改为滤色，记得按住Ctrl键点一下下面那个需要做质感图层的图层略缩图,这样我们画面中就会出现一个选区（虚线边框），这样我们的做的效果就会只出现这里里面了，然后我们同样是使用柔边画笔溶解模式下进行涂抹就可以了

15.5 画面里的所有形状物体的噪点质感都是上面这个方法完成的哦，这里就不展开详说啦!我们来看看添加完噪点质感最终效果图吧。

设计师以图文结合的方式，每一期分享一个简单又实用的设计技巧，从2020年3月23日的第一期开始，至今已经更新到了第40期。(注：由于台湾版本的AI界面文字翻译与大陆不同，因此需自行对照软件界面学习）

例如第一期分享的「拒绝再画傻瓜双框线」，这是不少设计师常常会犯的小错误，但实际上要在AI画一个正确的双框线并不难。

拒绝再画傻瓜双框线

选取欲制作物件，点击上方物件→路径→位移复制，设定负值位移，按下确定，完成（点击可查看大图）

是不是一看即懂而又非常的实用呢？当然类似的小教程还有非常多，在这里再给大家列举一部分：

巧用自动计算

大部分软件中都带有自动计算功能，当你需要设定尺寸或者旋转角度的时候，就可以让软件直接帮你算，在数值上直接输入加减乘除（+-*/）即可：

快速微调字距与行距：

按住option+键盘左右键即可微调字距；按住option+键盘上下键即可微调行距

超实用配色技巧：秒配出延伸系列色

将配好的颜色区域全选，选择编辑→编辑色彩→重新上色图稿；切换为「编辑」；锁住右下角的连结；接着旋转色环中任一色标，其他色标就会跟着转动；配色完成

想在AI画一块立体蛋糕？没问题：

拉出蛋糕的断面，将图形们群组；使用效果→3D →回转；调整旋转数值、回转角度(蛋糕大小) ；点开「更多选项」，调整环境光、光源、渐层阶数，按下确定；完成

AI虽然作为一款矢量软件，却可以做出不少立体效果，比如最近非常火的：

如何做出黑洞效果？

拉出矩形与文字转90度重复排列整齐；从视窗中叫出符号，把排列好的图形制作成符号；用钢笔工具拉出一个弧形，使用效果→ 3D →回转；输入旋转数值、自右侧回转、按下「对应线条图」；从符号中叫出刚刚的图形；使用「缩放以符合」、勾选「隐藏几何」，按下确定；使用矩形工具拉出一个矩形放置最上方，圈选两者按下滑鼠右键「制作剪裁遮色片」，完成

]]> //www.laura-marie.com/53395.html/feed 0 //www.laura-marie.com/51708.html //www.laura-marie.com/51708.html#respond Sat, 02 Nov 2019 12:57:46 +0000 欢迎来到如何在 Adobe Illustrator 中绘制等距人物插画教程!在本教程中, 您将学习如何在不使用等距网格的情况下绘制等距矢量插画的分步过程。什么是等距艺术？这一技术非常受欢迎，因为它允许插图在全尺寸范围内传达所有三个维度，而不是将它们缩短。 等距透视是指将30度角应用于对象的侧面。使用等轴测立方体(如下图所示)可以最好地说明这一点。

您可以在Illustrator中使用等距网格创建等距图形(如下图所示)。这将帮助您根据网格创建等距形状。

这是今天要绘制的人物插画(如下图所示)。

1. 创建人物的头部

步骤1

选择椭圆工具 (L) 并创建一个圆。按住键盘上的 Shift 键, 同时用鼠标单击和拖动, 以创建一个完美的正圆。对于肤色, 我们将使用下面的设置, 但您可以自由地为您的项目选择自己喜欢的颜色。R:194 G:119 B:112

步骤2

选择直接选择工具 (A) 并选择圆。这样你就能看见形状的定位点, 并且您能够使用该工具对其进行调整。

步骤3

使用直接选择工具 (A) 选择底部锚点, 并将其移动到一侧, 以创建角色的下巴。

步骤4

使用椭圆工具创建另一个完美的圆, 这次为你的角色的头发选择一种颜色。R: 45 G: 42 B: 69

步骤5

要创建耳朵, 请使用圆角矩形工具。使用与头部相同的肤色绘制一个小胶囊形状, 并将其移动到位。

步骤6

使用圆角矩形工具创建一个更大的胶囊。使用与头发相同的颜色, 并以一定角度稍微旋转头发。

步骤7

使用选择工具 (V) 将形状放在头部前面。

步骤8

复制胶囊形状, 方法是复制它 (Ctrl-C) 并粘贴它 (Ctrl-V)。将新胶囊放在头部上方, 让人物的额头有一些额外的头发体积面。

步骤9

右键单击耳朵的矢量形状, 然后选择 “排列” > “置于顶层”。

步骤10

这样就能让耳朵露出来啦

步骤11

创建两个很小的胶囊, 并使用选择工具 (V) 旋转它们, 并将它们移动到位

步骤12

创建一个胶囊来作为颈部, 并将其移动到头部下方。对皮肤使用稍微深一点的颜色。R: 165 G: 89 B: 89

步骤13

为背景创建新图层。

步骤14

在新图层上, 使用矩形工具创建新背景并选择合适的颜色:R: 186 G: 227 B: 254

2.创建人物的身体

步骤1

使用矩形工具, 并大致绘制出一个很长的白色矩形。使用直接选择工具 (A) 将顶部的两个锚点相互移动, 以创建一个梯形。确保所有四个实时圆角小部件都可见 (如果没有, 你可以换AIcc以上版本或者在效果里面使用圆角效果)。选择小部件并将所有四个角拖动到中心以使四个角是圆的。

步骤2

确保已选择身体（长白圆角矩形），转到 “效果” > 3D > “旋转”。

步骤3

在弹出框中, 请确保选择以下内容:

位置: 等角-右方

表面: 无底纹

步骤4

这将使身体出现等距形状。请注意, 您仍然是可以编辑形状, 因为它是2D的, 这将会实时调整。（所以你的电脑配置得高点，不然东西做多了会卡）

步骤5

确保已选择主体。转到效果 > 3D > 凸出与斜角。

步骤6

在弹出框中, 请确保选择以下内容:

位置: 离轴-前方

凹凸厚度:50

斜面: 圆角

高度: 4

表面: 无底纹

步骤7

这将创建一个等距3D对象, 我们可以将其用于人物的主体。

步骤8

使用选择工具 (V) 将头部移动到身体顶部的位置。

3.创建人物的腿

步骤1

使用圆角矩形工具创建人物的臀部。选择要用于腿部的新颜色:R: 100 G: 118 B: 202

步骤2

确保已选择臀部。转到 “效果” > 3D > “旋转”。在弹出框中, 请确保选择以下内容:

位置: 等角-右方

表面: 无底纹

步骤3

确保髋关节仍处于选中状态。转到效果 > 3D > 拉伸和斜面。在弹出框中, 请确保选择以下内容:

位置: 离轴-前方

凹凸厚度:50

斜面: 圆角

高度: 4

表面: 无底纹

步骤4

将形状放置在身体下方和后面。您可以通过右键单击形状并选择 “排列-置于底层” 来执行此操作。

步骤5

选择钢笔工具 (P) 并把粗细设置为21pt。

步骤6

使用钢笔工具 (P) 通过按住键盘上的 Shift 键绘制一条直线。复制或绘制两条腿, 并将它们放在臀部下方。

4.创建人物的手臂

步骤1

使用圆角矩形工具创建一个白色胶囊来作为衬衫的袖子。使用选择工具 (V) 以轻微角度旋转。

步骤2

将胶囊放在角色的肩膀上。

步骤3

复制形状并将其放到左边的肩膀位置。接下来, 您需要翻转形状 (右键单击 > 变换 > 对称 > 垂直), 然后将其缩短并放置在肩膀上。

步骤4

选择钢笔工具 (P) 并调整描边设置, 使颜色与角色的肤色相匹配:

粗细:11 pt

端点: 圆角

步骤5

使用钢笔工具 (P) 绘制一个稍微弯曲的手臂, 并将其放置在白色胶囊下方。

步骤6

复制手臂复制 (Ctrl-C) 并粘贴它 (Ctrl-V)。

步骤7

右键单击手臂并选择 “变换” >”对称”> “垂直”。

步骤8

使用选择工具 (V) 将手臂放到背部, 并将其放置在第二个白色胶囊下方。

步骤9

使用选择工具 (V) 移动形状, 并对等距的人物各部分进行最终的微调整。（细心的朋友应该早发现脖子的地方有个椭圆的小细节了把，如果你看教程到这里还没有发现我就只能emmmm）

5.创建人物的裙子

步骤1

现在我们已经创建了第一个人物, 现在可以进行一些轻微的调整来创建第二个人物。使用选择工具 (V) 选择整个人物并对其进行复制。在第二个人物上, 使用直接选择工具 (A) 删除头发。

步骤2

选择两条腿并更改笔画属性, 以使颜色与人物的肤色相匹配。稍微减轻腿部的粗细:

粗细:15 pt

圆角: 圆角

步骤3

要创建裙子, 请选择构成人物臀部的等距形状。然后使用选择工具 (V) 并向下拉形状以达到调整长度的作用。

步骤4

使用直接选择工具 (A) 调整实时圆角的小部件, 使边角再次变得锐利。这将使你更容易调整裙子的形状, 通过互相的移动底部锚点。一旦你对裙子的一般形状感到满意, 你可以再次使用直接选择工具 (A) 来使用实时圆角小工具来再次进行圆角。

6. 创建女人的头发

步骤1

要创建第二个人物的头发, 请使用椭圆工具 (L) 并创建一个完美的圆。使用选择工具 (V) 将其放置在正确的位置, 并将其放到头部的后面 (右键单击 > “排列” 置于底层 “)。接下来, 创建一个较小的圆, 并将其放置在耳朵后面。

步骤2

创建另一个圆, 并将其放置在角色的前额前面。使用直接选择工具 (V) 来降低圆的高度。

7. 创建女人的胸部

步骤1

使用椭圆工具 (L) 创建一个小的白色圆形形状, 并将其放置在人物的胸部区域的顶部。

步骤2

复制形状, 并将其放置在胸部的另一侧。

步骤3

将这两个形状组合在一起 (Ctrl-G), 并复制他得到一个新的组。如何按住ctrl-shift-v，这将在上一个组的顶部粘贴复制的新组。我们将把这个新的小组称为 “影子小组”。然后选择一个稍暗的颜色填充他。

步骤4

将阴影组移动到两个白色圆形形状的后面, 并使用键盘上的箭头键以增量方式向下移动, 以便出现一个小的、有厚度的阴影。

步骤5

通过用形状覆盖来删除任何多余的阴影区域(这可以用钢笔工具完成)。选择阴影形状和新形状 (以红色显示), 然后使用 “减去顶层” 模式删除多余的阴影。

步骤6

将阴影放置在白色椭圆下方。

恭喜你，完成了今天的教程！

原文地址：tutsplus

译文地址：UI中国

作者：Jonathan Lam

译者：米夏小雨

用AI绘制质插画（笔刷制作）

在开始绘制前，我们还是老规矩，创建四个图层文件夹来管理我们的图层！

1. 如何创建背景

一旦我们完成了文档的分层，就可以开始绘制实际的插画了，我们将通过创建背景来执行此操作。因此，请确保您已定位在第一个图层文件夹了，让我们直接进入它把！

步骤 1.1

使用钢笔工具 （P），在将填充颜色设置为#7AC6F4后，使用参考图像作为主参考，仔细绘制底部背景的主形状。

步骤 1.2

再选择笔工具 （P），快速绘制较小的背景图形，而位置大小等可以参考下图。

步骤 1.3

绘制完背景后，我们可以开始处理前景的云，我们将使用一些大小不同的圆创建前景的云。将它们放置在底部形状的两侧，使用#F0FBFF着色前面的云，使用#D4F7FF着色后面的云。

步骤 1.4

由于我们希望云是藏在背景里面的，所以我们要对云（Ctrl-G） 进行打组，然后使用要粘贴在前面（Ctrl-F）快捷方式把背景复制一份。然后，选择复制的背景和打组的云后，只需右键单击”创建剪切蒙版”即可。完成后，不要忘记使用 Ctrl-G 键盘快捷键来把所有的形状打组。

步骤 1.5

移动到较小的背景上，然后使用 112 x 112 px 的圆 （#FFCF83） 创建发光光晕，然后再创建两个较小的圆 （#FFCF83），每个比上次小 12 px，从而开始处理太阳。将它们堆叠在一起，确保将其不透明度降低到 16%。完成后，使用 40 x 40 px 的圆圈（#FFCF83）添加实际太阳，确保使用 Ctrl-G 键盘快捷键选择所有四个形状并将其打组在一起。

步骤 1.6

完成创建太阳后，用上面云一样的处理方式处理太阳即可。

步骤 1.7

通过创建三个不同形状的椭圆（#FFFFFF）来绘制较小的浮动云。使它们重叠 ，然后首先使用锚点工具 （Shift-C）挤压其侧锚点来调整它们。若想继续调整其形状，使用直接选择工具 （A） 单独选择其较低的锚点就行，然后把不要的部分删除，但是记得要封闭路劲哦，锚点不好使，请用路径查找器来绘制把！最后请记得打组哦！

步骤 1.8

位置的话可以参考下图，然后我们就做好了本次插画的背景了。

2. 如何创建热气球

现在，我们已经完成了背景工作，我们可以锁定它的图层，然后移动到下一个图层文件夹，我们将花一些时间来创建我们的热气球。

步骤 2.1

首先，使用 48 x 12px 的矩形为吊舱创建主形状，我们将使用#664240进行着色，然后在较大的背景上放置它，距离其左边缘 288 px，距顶部 208 px。

步骤 2.2

通过打开”变换”面板，调整我们刚刚创建的形状，然后将其底部的角的半径从矩形属性内设置为8px。

步骤 2.3

使用8个 2 x 2 px的矩形（#F7C263） 水平间隔 2 px 来作为窗户，我们将对窗户进行打组（Ctrl-G），然后放置的位置可以参考图像中所示。

步骤 2.4

通过创建 400 x 112 px 椭圆我们开始处理气球部分，我们将使用#F99178进行着色，然后放置在吊厢顶部，使其最终重叠。

步骤 2.5

使用移动工具（右键单击 – 变换- 移动 -水平- -32 px），调整我们刚刚创建的形状，将其中心锚点向左推 32 px（右键单击 – 变换-移动 – 水平- -32 px），然后将右锚点的控点缩短 15 px，以便将其尾巴变薄变尖。

步骤 2.6

通过复制结果形状（Ctrl-C + Ctrl-F），添加气球底部较暗的部分，我们将通过选择并删除其顶部锚点来调整该部分。使用#C15142为新形状着色。

步骤 2.7

使用较大气球作为第二个副本（Ctrl-C）来作为高光部分，我们将将其粘贴在前面（Ctrl-F）。将其颜色更改为#EA7B65，然后单独选择并将其顶部和底部锚点推到内部，大约16 px左右（右键单击 变换里面可以用数值控制，具体取决于您从哪个锚点开始，反方向就用负数）。

步骤 2.8

使用得到结果形状复制（Ctrl-C + Ctrl-F）出来创建较暗的下半部分，我们将通过首先将其颜色更改为#D86552，然后移除其顶部锚点，然后使用 Ctrl-J 键盘快捷键关闭路径来进行调整。完成后，请确保在继续执行下一步之前，选择它并打组（Ctrl-G）气球的所有合成形状。

步骤 2.9

使用 8 x 112 px 的矩形来添加气球的嘴巴，我们将使用#664240进行着色，然后居中对齐到气球的左边缘，随后使用较大的基础形状的副本（Ctrl-C + Ctrl-F）将其屏蔽（右键单击 + 制作剪切蒙版）。

步骤 2.10

使用 12 x 4px 矩形 （#664240） 创建鼻锥，我们将通过使用方向键单独选择它然后将左锚点推到内侧大约1px 来进行调整，然后让它与较大的气球重叠 2Px。

步骤 2.11

使用 40 x 32 px 矩形 （#D86552） 添加机翼的主形状，我们将通过调整左上角的半径为32px来改变形状。具体数值看图把！

步骤 2.12

使用 8 x 32 px 矩形 （#664240）来作为较暗的部分，我们将使用基础形状的副本进行剪切蒙版，然后使用8 x 8px的圆圈（#664240）装饰它，我们将其放置再如图所示的位置。完成后，请确保在继续执行下一步之前，选择并打组（Ctrl-G） 所有形状。

步骤 2.13

使用我们刚刚完成的图形然后创建副本（Ctrl-C + Ctrl-F）添加到底部，我们将水平翻转它，然后放置于气球的底部。完成后，请确保将它们发送到所有其他形状下方。

步骤 2.14

使用40 x 8px 椭圆 （#664240）创建面对我们的机翼，我们将通过选择并将其锚点向左推 4 px 来进行调整，将得到形状从气球的末端前挪动16px。

步骤 2.15

使用四组每组3个 4 x 2 px 的椭圆（#664240）添加细节，请参考下图来放置这些圆把！

步骤 2.16

使用12 x 8px 椭圆 （#664240）添加侧引擎盖，我们将通过选择内部锚点向左推 2 px 来调整。按参考图像所示放置生成的形状。完成后，你就把这些东西打组。

步骤 2.17

一旦我们完成了对热气球的绘制工作，我们可以使用三个1 px 圆角矩形 （#FFFFFF） 来表现热气球速度感或者是尾气把，我们将在飞船周围以 8 px 的距离放置这些矩形。

步骤 2.18

通过添加几个浮动的云（#FFFFFF）来完成最终的插画，遵循用于创建背景云相同方法。完成后，不要忘记使用 Ctrl-G 键盘快捷键选择和打组所有形状。

3. 如何创建渐变叠加

在我们锁定当前图层并移动到下一个图层之前（这将是第三个图层），我们需要将背景的两个组和热气球的主体创建新的副本 （Ctrl-C） 并且添加到剪贴板中，因为我们将使用它们来创建叠加。

步骤 3.1

首先，我们希望使用 Ctrl-F 键盘快捷方式将刚刚添加到剪贴板的副本粘贴到当前图层上。

步骤 3.2

接下来，我们需要通过将形状转换为复合形状来使形状是单个较大的形状。首先选择它们，然后打开路径查找器面板，然后在高级菜单里面找到并点击”制作复合形状”。

步骤 3.3

创建复合形状后，我们可以打开渐变面板，并使用左#662D91右#FBB03B来创建线性渐变。

步骤 3.4

我们现在打开不透明度面板，并将渐变的混合模式设置为”颜色加深”，确保将其不透明度降低到仅为30%。

4. 如何添加纹理

添加渐变叠加后，我们可以锁定当前图层，然后向上移动到最后一个图层（这将是第四个图层），我们将通过添加漂亮的杂质来完成我们的小插画。

步骤 4.1

我们首先需要复制 （Ctrl-C），然后粘贴 （Ctrl-V） 自定义纹理到当前图层，确保调整其大小，使其最终覆盖整个画板。

步骤 4.2

一旦我们的纹理到位，我们要做的就是剪切它（右键点击 + 使剪切蒙版）怎么操作前面也讲了很多此，不再重复了，然后确保将其不透明度降低到 60% 。

原文地址：youku

作者：Andrew Stefan

译文地址：UI中国

译者：米夏小雨

AI插画教程：街头风格超级狮子

首先我们现在网络上找一张感染力比较强的狮子照片，然后我们再用ai里的画笔工具进行绘制出外观。

再用钢笔工具仔细勾勒出狮子的外形，注意扩展的时候封闭路径。

钢笔勾勒出形状之后，我们可以看出毛发部分太过于繁密复杂，所以要简化复杂部分。

前后的对比，可以看出比之前的简化了一些，提升了狮子的张力，使人印象更加深刻。

线稿确定好了之后，我们就要考虑面的关系，在以前的教程中，我们学习了一些关于光影的基础，让我们再来熟悉一下光影关系。（拿一个球举例）我们假设光是从右上方来，那么哪些地方该加阴影，哪些地方该加高光呢？

这里我们用个球来表示，用简单的几个色块表示球的光影关系。

画面中出现的光影关系如下，分别有亮、灰、暗三个面，以及高光、反光和投影，这六个就是这类型插画的六大关系，也可以叫三大面五大调子的阉割版。

完整的三大面五大调子还会有明暗交界线和中间调这两个，但做这类型的插画很少用到。感兴趣的可以自己去了解一下。

在此类型的插画中，暗面和投影可以直接用线稿的黑色来代替，形成另一种风格。

了解这些美术基础后我们就可以在填色稿的基础上绘制光影关系了。

有许多同学可能想知道这个部分的毛发是怎么做的，其实就是用混合工具

使用钢笔工具绘制出两条线，然后选中之后快捷键Ctrl Alt b就可以绘制出许多线

最后我们再用直接选择工具调整毛发的疏密关系，提升毛发的质感。可能还是有些同学觉得不太好理解，可以看一下这篇文章里有具体怎么使用混合工具。——《一组案例带你看高级混合的妙用！》

好，我们可以看出，分析狮子毛发的前后遮挡关系之后绘制投影以及高光，使我们的插画风logo更加的立体化，不再单薄。

最后再选择搭配的字体，进行最后的调整，这样一个插画风的logo就制作完成啦。

作者：大猫Sunjay，微信号：大猫设计

本教程主要讲述了多渐变色风格的创作思路和主要操作，适合有一定基础的设计师学习。下面让我们正式进入这篇教程吧。

先看看效果图

教程步骤

01. 寻找参考图

02. 草稿绘制

03. 基本图形绘制及简单上色

04. 多渐变色上色

05. 给多渐变色加入透明度

06. 纹理添加

07. 背景上多渐变色

08. 添加细节

09. 添加颗粒及文字

最终完成效果

一直研究线条，就会发现，线条除了表现我们普通日常所见的图标化的个体以外，还可以表现更大更复杂的风景。但是后者会有一定难度，如果线条比较粗的情况下，尤其无法更好去展示细节（比如要表现云朵或者空中漂浮的柳絮等）。当时我的有点卡在这个思路上没有进展。

过两天，我突然凭空有了灵感，想到了“简化”这一条路。尝试用简化的方法，虽然看起来粗糙，但又进入到新的层面。我想我们不是要单单造景，而是要传递景色。因此，景色用线和色块的组合，就这样一步步展开。

灵感来源：

于是我有了这一组作品大千之镜，这一组作品就是基于粗线+景色的方式来创作，其中重点的表现是“色”（渐变组合）。

提示：

本操作注重设计思维的过程，不涉及到软件的具体详细操作，如果对软件操作生疏的小伙伴，可以移步到这里看看这个简单的快速上手AI的操作视频。

得到形状的四种方法：拼、减、裁、画

参考照片不等于临摹照片

外景的绘制，需要非常概括化。由于这里我们的规划是把景物画在一个小圆矩形的框内，其实空间是很有限的。因此线条的设置也就要趋于简单。

简化是一个非常重要的思路，你可以用照片开始研究。当然，我在创作的时候，不止借鉴了一张照片，而是把多张照片进行结合参考。

参考照片里的布局、构图、透视……然后提炼最基本的形状。

如果有兴趣你可以看下面这支视频：

灵感怎么来？参考照片的几点技巧

构建基础线条

如果在细节并不累赘的情况下，简化的图案可以采用网格来帮助表达。当然这取决于你的习惯。

STEP 01

打开AI，新建一个1600*1600px的文档。在这个文档中画出一个圆角矩形，然后在这个圆角矩形当中谋篇布局。首先用几个线条把最大的基础形勾勒出来。外框线条采用30px，而内部的线条可以稍微减小，变为25px，再细可以变为20px。

线条的粗细设置原则就是让其遵循一定的韵律感，比如都是5的倍数。

图案犹如搭积木那样建立起整个画面。

STEP 02

继续以搭积木的逻辑来填满左边建筑群的画面。这时我们要学会跳出「技」的思维层面，这在我的授课经验当中也反复和学生强调：我们并不是在学会如何画这个对象，比如这里我们在绘制小镇风景。我们学会的是背后的创作思维。

这里我引用一段丰子恺在《认识绘画》这本书里的原话：

“图画就同数学和体育一样。人生不一定要画苹果、香蕉、花瓶、茶壶。原不过是借这种研究来训练人的眼睛，使眼睛正确而又敏感，真而又美。”

用在这里，就是通过画小镇、建筑的过程来训练自己对线条造型的能力。而这个能力表现出来就是既符合建筑的外形，又能让它看起来美观自然。

STEP 03

继续往下，就是把我们的形状再一次优化。优化形状有两个层面需要注意：

1）形状衔接是否闭合

2）整体的形状是否均匀

这是宏观和微观的两个方向。然后再适当调整增删形状。

STEP 04

增加细节一般来说是最后一步的框架工作。这时我们又要切换一个角度：刚开始我们把线的作用看作是建立轮廓，这时，需要拿线来当作细节的描绘担当。比如下面用一个苹果作例子，你就能理解了。线的两个作用：勾勒和描绘，在这里就能体现出来。

因此这里增加的细节（窗户、门、波浪、海鸟等）都是发挥线的描绘作用。

到这一步我们的轮廓线就完成了。这时可以将它们扩展外观。

在很多LOGO设计当中，到这一步其实就可以告一段落了，因为大部分扁平风格的LOGO都只需要一个轮廓，色彩可以是一个随机的单色。

色彩框架

建立色彩框架，其实就是找到一种观察色彩的角度。利用两个色彩间的关系演化成一个色彩阵列。在下面这个视频中，你可以了解更多关于色彩阵列。

色彩阵列：给初学者的色彩框架图

STEP 05

依据上面的理论，我获得了这个色彩阵列。我们的色彩就从这里开始。主色确定为蓝色（这从我们的照片里获得了灵感），次色为粉色和薄荷绿。

STEP 06

当然，色彩阵列的作用并不是要让我们用上所有的色彩，仍然根据实际的情况去繁化简。在关键的色彩上进行不断的尝试，找到最好的组合。

运用形状生成器工具来进行上色，把主色进行分布。

STEP 07

继续运用上次色薄荷绿，这时大家要注意色彩的微妙变化，在单一色彩出现的时候，看起来一切都很完美，一旦加入了第二种颜色情况就开始变复杂了。

这也和我们平时生活是一样的，一个人的时候什么都好，两个人就会出现人际关系。复杂的让人头疼也让人欢喜的关系，就带来了更多的生机和起伏。

我们看到虽然我们运用次色，但也在部分色块上带来了更多的色彩上的变化，这也是有了色彩阵列后可以轻易做到的。

STEP 08

第三种色彩是红色，我们可以继续运用在图形中。

STEP 09

主要的色彩控制在三种，剩下的色彩可以继续在现有色彩基础上再微调，比如调整色彩的明度或者饱和度来获取更为细腻的变化。

注意在这里的白色的运用。

光影渐变

由于有光，我们才得已看见不同的色彩。根据这个真理，如果要想获得更为丰富的光感，渐变也是一个非常重要的上色要素。

STEP 10

在运用渐变前，我的建议就是先做好平涂的工作。平涂是建立整体的色彩均衡，然后再根据光线的情况进行微调。

而且对于渐变，我们需要加以克制，只需要选取其中一种色彩，然后在这个色彩比较窄的范围内进行微调。比如在这里我们将红色用上渐变，使红色产生一些微妙的变化。

STEP 12

然后给建筑补上阴影，阴影的出现根据“美且真”的原则来安排。这里可能很多人会问什么是“美且真”原则，下面同样是出自丰子恺的《认识绘画》的一段描述：

图画兼有欣赏与实用两种效果。欣赏是美的，实用是真的，故图画练习必须兼顾“真”和“美”这两个条件。具体地说：譬如描一瓶花，要仔细观察花、叶、瓶的形状、大小、方向、色彩，不使描错。这是“真”方面的功夫。同时又须巧妙地配合，巧妙地布置，使它妥帖。这时“美”方面的功夫。

了解了这个原则，就在练习中去试探画面这两个要素的平衡。

阴影的制作需要注意的是三点：

1）找到光源

2）阴影颜色的配置

3）不必完全写实

这三点可以通过下面这个视频中详细给大家演示：

线条插画中增加阴影的三步技法

完成后的效果如下：

点状高光

创作最后一步，这里我们增加了一个小细节，也是突然想到的点睛之笔，给画面增加点状高光。

STEP 13

在平面构成中，一个点可以是一个圆点，也可以是一个小方块。在这个画面当中，我们就利用白色的小方块来制造画面的高光部分。

增加了点状高光的画面，就会让画面更加活泼。

最终效果：

后记：背后的思路

写这篇文章我整理出了三段视频，通过视频也许会给初学者更多启发。我之前一直纠结在是做视频还是写文章两条路子，本来想文章+视频是最好的方式，各取所需。但是后来操作过程发现两条路没办法并行。只能在文章当中，穿插更多我认为值得展开的部分。

视频作为文章的补充，而文章又作为视频的补充。虽然现在大家都说没时间看文字，视频也更加直接，但是我始终觉得潜心学习的东西，用文字是更易于查询和记录的。视频和文章都无法取代彼此。

希望我们可以继续以这样的方式交流下去。

原文链接：飞屋设计

线是最基本的平面元素之一，在平面设计中，如果运用线体插画，能和字体很好的形成融合效果，因为字体本身也是线条。今天我们就来一起探索关于线体插画，运用AI来绘制一枚多肉植物的线体插画。

创作要点

学习插画的过程，其实根本是学习如何构图和配色。在平面设计中构图和配色是视觉元素的重点，练习插画是一个很好的训练方向。在本次的小练习中，你可以把关注点放在以下几个方面：

1、多肉植物的造型组合（所运用的是什么形状？这些形状的线条是如何表现的？）

2、配色方案的选择（注意色彩的明暗层次、色域使用的范围）

3、如何创造画面的点睛之笔（运用对比色创造焦点）

警语

本文对所涉及的AI软件基础工具不多做特别详细的解释，如果对工具仍然不熟悉的小伙伴，可以先移步软件的基础操作再进行实例练习，本文更多提供的是一种创作的思维过程和方法。

用线构形

我们在绘制任何画面之前需谨记：从大到小，从整体到局部。所以，我们要从基础的大形开始画起。但是在这幅画中，由于线条的造型相对简单，所以细节的部分是集中在色彩的处理上。

STEP 01

打开AI，新建一个1600px*1600px的文档（这个尺寸是我常用的），色彩模式为RGB。然后把线条的填充关闭，开启描边，描边的大小设置为20pt。

然后绘制出一个椭圆，将这个圆调整为一个尖头椭圆，把它作为多肉植物的第一片叶子。调整的工具可以采用【锚点工具】。多肉的造型一般来说都是圆圆胖胖的，所以线条也是尽量看起来饱满一点为佳。颜色让它保持黑色就好，目前不需要考虑色彩。

当做出第一片叶子以后，就能继续画出其他的叶子。在这里，我们的多肉植物造型是不对称的样式。

STEP 02

我们继续增加叶片的造型，每一个叶子的造型都是椭圆，但又都和原始的椭圆形状有别。这样保持错落有致的整体视觉。

STEP 03

这时大家也许发现线条比较凌乱，因为包含了不同的重叠关系。这时就需要采用【形状生成器工具】将多余的遮挡住的线条进行删减。因此在处理前大家就需要弄清楚叶片之间的前后空间关系，按照前面遮挡住后面的原则，就能确定应该删减哪一条线。

STEP 04

最后增加一个小叶片，也同样删减遮挡的线条。通过这样的方式可以继续增加叶子，我在这里不做过多的演示，你自己画的时候可以根据需要增加叶子。

STEP 05

往上继续增加植物的造型，在这里我做了两个不同的往上伸的茎干作为补充，让画面更丰富。

在这类LINE ART的创作中，线的表现是非常重要的，所以在造型时首先就要考虑线的表现，比如左边是采用直上的线，右边就采用弯曲的线，一直一弯造型形成一种对比效果。

STEP 06

给右边的茎干上增加小叶片的组合。这里由于小叶片的造型要小一点，更细节一点，所以线条的粗细可以设置为18pt。

STEP 07

最后给下方增加一个花盆的造型，花盆的外观可以是圆角矩形。这里的线条粗细设置回之前所用的20pt。圆角矩形的下面圆角的弧度要大一些。

到这一步，所有的线条部分就完成了。

阶段小结

线条是一种很有表情的语言，线条的粗细、长短、曲直，都对整个造型起着关键的作用。因此对线的把握，尤其是扁平化风格当中，线条维持平滑感非常重要。

你在这副画中所做出的每一个形状，都要让线保持这种平滑感，而不要扭曲。

为形体赋色

配色对很多人来说都是难点，因为颜色不仅对我们普通人，即使是对一些资深的设计师也好，都未必清楚色彩真正的本质。我们这篇文章不会去刨根问底，但是可以触及一些关于色彩的探讨。

之所以要平时做临摹练习，也是为了拓宽自己对色彩的敏感性，增加自己和色彩单独相处的机会，从而会更有利于日常工作当中对配色的驾驭。

STEP 08

在上色之前，我习惯先将所有的线条编组然后备份放到一边，这是为了方便日后修改。然后把其中的拷贝的线条全部进行扩展外观，转为形状。转为形状后会更容易在AI中进行上色。

STEP 09

首先为线条上色，在这里，线条安排成一种比较带蓝色的深黑色。由于线条要着重表现，所以线条的颜色也需要更突出一点。

STEP 10

然后接下打开拾色器，选择5种不同的绿色。为什么要选取这么多种类的绿？这里我们可以普及一个小常识，大家平时在配色的时候，如果说选择运用绿色或者红色（也就是单一的色系时）很容易局限于某一个色值上，如果扩宽一下思路，大家可以说叶子也有很多种不同的绿色，其实真实的自然界也是由多种多样的绿色所构成的：蓝绿、浅绿、深绿、柠檬绿等等，所以我们在选择色彩的时候，尽量也是往多样化的色彩方向去走。这样会让色彩看起来更自然。

并且在选择色彩的同时，也要注意在明度和饱和度上也要有所对比，尤其是明度的对比会为整个画面增加更多自然光的效果。

同时我也增加了蓝色的表现，这是为了强化阴影当中的冷调。让画面有冷暖的搭配。

STEP 11

然后我们先选定“湖水蓝”，然后再选定【实时上色工具】，在你认为应该运用这个色彩的位置上进行单击，就可以实现部分的上色。

STEP 12

我们再继续选定“森林绿”和“树叶绿”，这是两种不同的绿色，但是森林绿的明度略低。虽然是两种绿色，但这是不同感觉的绿色。

STEP 13

在运用“薄荷绿”的地方，其实是相对来说更“亮”一点的区域，受光更多。所以我们要寻找合适的地方进行上色。

STEP 14

最后运用的绿色是“苹果绿”，这个绿色是受光最多的地方。这时的叶片部分的上色就完成了。

可以看到，运用不同层次的绿色，会比用同样颜色的绿色来得更生动。

STEP 15

将花盆也填充一种灰色，这种灰色会略偏向绿色。

光影造型

继续为画面增加光影表现，在这里，其实最重要是增加阴影。阴影的表现其实可以比较随意，确定好光源点，通过之前色彩的深浅分布，可以判断我们画面中光源点出现在右上方。因此，阴影也都可以跟随这个虚拟的光源出发来安排。

STEP 16

把刚刚做好的整个对象进行“扩展”（运用了实时上色工具后，需要扩展才能进一步取出某一个形状，留作下一步之用），扩展完成后再取消编组。这时我们就能单独拿出非线条以外填色部分的形状，然后在这些形状上增加阴影。

阴影的颜色选择和线条的深蓝色同色，把透明度降低至18%。阴影的形状依然是我们关注的重点，需要从整体来观察整体的美感度和协调程度。

STEP 17

然后把全部的阴影都画出来，包括花盆部分的阴影。

阴影的设置跟随一定的光影原理，但是也不用完全再现现实物理条件的光照。主要还是要照顾到最终整体的视觉效果。

STEP 18

增加高亮的部分，运用白色的小圆点，添加到受光比较多的位置。同样需要适当降低每个小反光点的透明度。

点睛之笔

大家可以发现在整个画面中，我们只是运用蓝绿色系，画面的色彩是偏冷的。如果想要画面的效果更饱满，更具有张力，就需要增加暖色。

在多肉这个主体当中，我们可以运用叶片的尖端位置增加和绿色刚好处于对比色的红色，然后运用渐变的效果做出红绿对比，增加对比就增加了戏剧感，从而也就让画面显得更具有感染力了。

此外需要注意的是，我们的画面焦点部分才需要这样的戏剧冲突，因为焦点不可太多，所以不用每个叶片都这样操作。

STEP 19

先安排好这个渐变色的色板：从粉红色到白色的过渡，白色一端的透明度降低为0。然后绘制出一个新的形状，这个形状刚好覆盖过我们的叶片尖端，然后把渐变色运用在此。

STEP 20

在运用“薄荷绿”的两个叶片上增加这样的粉红色渐变。

这样的冷暖互动就能把画面的灵动感拉高一个层次，这也为大家提供一个配色思路：当全部为冷色的画面中增加暖色，或者暖色中增加冷色对比，都能让对比发生一定的戏剧效果。

最终效果

最后，让我们为整体的插画增加一个背景，END!

插画应用

一个插画画出来了以后，可以灵活运用到平面设计当中的多个地方，例如在UI设计中，我们可以把它作为Banner，或者介绍配图。除此而外，还能作为图标、LOGO设计而使用。

后记：学习插画的时候我们在学什么

当我们在学习插画的时候，真的是在学怎么画一盆植物吗？这是我最想问的问题。回到我最爱讲的印象派，大概在中学时代第一次见到莫奈的印象日出，立刻就动手模仿了好几幅。当时还不知道这叫印象派，但是直觉告诉我，这种表现形式是诚意十足的。

后来看了很多印象派的资料，最让我着迷的就是他们对“光”的敬畏和喜爱，大家都应该知道光线造就了颜色，所以，色彩就是光的语言。我讲过好几次关于色彩的课，也自己深挖过一些色彩理论，色彩构成，总的来说，我觉得没有用眼睛去看，自己动手去画，理论都是很苍白的。

所以，对于开头问题的答案就是：我们其实就是在学习色彩，学习构图。而这都是平面视觉的核心，甚至不能说是核心，而是形与色本身就是平面视觉。有小伙伴困惑配色怎么破的时候，其实根本没有捷径，倒是有很多伪装成捷径的弯路，初学者选择弯路也没关系，只是时间会耗得更长而已。唯一的捷径大概就是多画、多观察，手上练习，心里总结规律。心、手、脑并用，效果就自然来了。话不多说，找个空闲时间练起来。

原文链接：ifeiwu

这里涉及到的第一个知识点就是画圆点虚线，在 Ai里画圆点虚线的方法有好几个，这里给大家分享一个最简单的。

第一步：用钢笔工具随意画一条线，在描边面板中把描边的粗细数值设为5；

第二步：把描边的端点改成圆角；

第三步：勾选虚线选项，然后把虚线数值改为0，间隙数值设为6，圆点虚线就做好了。

效果如下：

原理：线是由无数个点沿着一条路径排列而成的，当把画笔的端点设置成圆角时，就代表这条直线是由圆点组成的，只是因为每个圆点挨的非常近，所以看起来就像一条线。而勾选虚线选项就是为了使这些圆点分开，虚线的数值表示虚线的长度，我们只需要维持圆点本身的状态，所以这里的数值要设置成0。画笔的粗细值就是圆点的直径，而间隙就是指相连两个圆点的圆心之间的距离，当间隙的距离等于圆点的直径时，这两个圆点正好想切。所以间隙距离必须大于圆点的直径才能成为真正的虚线。

第二个知识点就是混合工具，这个大家应该都有所了解，我就简单的说一下。

第一步：在画板里画一个圆圈，然后在它的外围画两个扭扭曲曲的线框，如下图，（其实只要两个对象就能就能做混合效果，不过对象越多变化会越丰富，当然也更难控制）：

第二步：同时选中这三个图形，然后在菜单栏的对象中选择混合-建立，就得到了如下效果。

提示：我们还可以双击工具栏中的混合工具，在间距选项中点选“指定步数”选项来修改步数。

搞清楚了圆点虚线和混合工具后，前面所说的那张海报就水到渠成了，我们只需在把已经画好的轮廓图形的描边参数改成如下就好了。首先我们来设置最里面的圆圈的参数，虚线数值为0，间隙为5。

然后再来设置外围两个线框的参数，中间线框的间隙参数设为7，最外线框的间隙参数设为9，这么做是为了虚线的间隙从里往外变得越来越大。

调整好参数后就得到了如下效果，如果对轮廓的形状不满意，还可以用直接选择工具，拖动外轮廓上的锚点和手柄来调节形状。

调整后大致效果如下，中间部分变化比较小，外围部分变化比较丰富。

调整好后把图形复制到Ps中填充颜色，具体颜色大家可以自由发挥。

最后再把图形周围用蒙板擦一下，使其融进背景里，搭配一点文字就完成了，最终效果和原图会有所差别，但方法就是这样。

第二个我要分享的技巧是如何做出用图形组成的球体效果，如下图。

很多人可能会以为这个需要3Ｄ软件才能完成，其实通过Ai就能很快做出来，操作方法如下。

第一步：排列一组圆点。

第二步：从窗口菜单栏中打开符号面板，选中排好的圆点，然后在符号面板的底部点击新建符号图标，于是我们就把这组圆点设置成了符号，创建这个符号是为了后面贴图用。

第三步：用图形工具画一个圆，填充一个颜色，然后删除最左边的锚点，这样我们就得到了一个没有封闭的半圆。

第四步：选中图形，在效果菜单栏中找到3Ｄ效果，选择绕转，然后我们就打开了3Ｄ绕转选项的面板。

第五步：在3D面板中保留默认参数，然后勾选左下角的预览，我们就可以看到刚刚创建的那个半圆已经变成了一个球体。

第六步：点击预览旁边的贴图选项进入贴图面板，然后在面板顶部的符号栏中选择刚刚创建好的圆点符号。

第七步：点击面板左下角的“缩放以合适”按钮，再点击右下角的“确定”，这时我们可以看到圆点已经附在了球体表面。

第八步：回到“3Ｄ绕转选项”面板后，把透视参数改到80左右，这时球体上圆点大小的对比就变得更强烈了。

然后我们可以把鼠标移到左上角的立方体处，拖动立方体以调整预览图的角度，完成这波操作后就有了如下效果。

通过创建不同的贴图符号，我们可以做出很多类似的效果。

第九步：把球体图形扩展后，取消群组、释放剪切蒙板，我们就可以把附在球体表面的圆点贴图单独拿出来了。

同样，其他的图形也可以拿出来，这种形式我们也能在海报设计中常常看到，而想要得到前面提到的效果，我们还需要填充颜色，以及重新添加一个圆底。

第十步：画一个与图形同样大小的圆，填充好渐变色（用渐变网格工具效果更佳）。图形也可以填充一个类似的颜色，然后叠印在刚刚画的圆上就可以了。

不同的贴图和颜色搭配可以得到不同的效果。

总结

设计技巧虽然不是设计最本质的东西，但它是可以使设计变得更好看、更新颖、更具视觉冲击力的有效手段，并且它可以大大提高工作效率，所以也很值得我们学习和研究，希望这篇文章对你有用。

作者：葱爷
ID:congyenanian