ai描边 AI绘制图标小技巧

后来在项目中摸索，总结出几个小技巧，让自己的绘图效率至少提高50%。今天给大家分享四个常用的小技巧，分别是:图形与笔画、转角工具、形状生成工具、路径偏移。本文使用的软件是AI工具，所以作为剧透，我们在下一期会讲一下Ps，AI，XD，Sketch画图图标的优缺点。

01.技巧:熟练运用图形和笔画

举一个“磁铁”图标的例子，我们先把图标拆开，可以看成是一个有加笔画效果的“拱形”图形，再加上两条短线。

首先，我们需要画一个“拱门”图。如果这个形状特别像半圆矩形，我们可以先画一个圆角矩形。然后通过AI直接选择工具，

激活圆角矩形的跟踪点，选择下面的冗余跟踪点，删除，然后调整剩余圆角矩形的高度。

使用Shift+X快捷键将图形改为笔画，改变笔画粗细，决定图标的形状。

这时候我们得到了“拱门”图，然后只需要对“拱门”进行笔画，但是我们发现“拱门”图已经是笔画了，不能继续给笔画添加笔画，需要使用AI中的“扩展”功能，把笔画变成图形。

用Shift+X快捷键把图形变成笔画，最后调整笔画粗细，底部圆角，加上两条短线，就可以得到这个“磁铁”图形。

其实这里也有可能，因为“磁铁”是一个比较规则的图标，但是当我们遇到下面这个图标的时候，两个数字相减就不那么方便了。

变换图形和笔画的方式很简单，只要从圆角矩形的前半部分多删除一个描摹点即可。

然后用Shift+X快捷键改成笔画，再重复“磁铁”的步骤。

使用场景:适合描摹图标，用基本形状拼出想要的图标，然后用Shift+X转换几次，得到最终结果。

02.技能:使用边角工具

以“图片”图标为例，它由三部分组成:圆角矩形、小圆和波浪线。

圆角矩形和圆形很容易得到，但是怎么才能得到这种不规则的波浪线呢？之前用钢笔画圆角，不标准，但是关节不自然。

我们可以用钢笔工具画一条有折角的线，然后用Ai直接选择工具选择三个圆角。

使用Ai自带的圆角转换调整工具，将直角调整到圆角8px的弧度。

使用场景:适合圆角的图标。先画直角，然后通过直接选择工具选择跟踪点，激活角功能，调整到合适的值，使处理后的图形平滑自然过渡。

03.技能:使用形状生成工具

在画目标的时候，我们只知道两个形状的集合的加减和交叉。在这里，我们将介绍形状生成工具及其优点

可以使用直线与形状相交；

方便增减和分形。

将波浪线与圆角矩形结合，并选择形状生成工具。

图标的所有边都被选中，当鼠标靠近时，会显示“+”，按alt键会显示“-”。这里我们只要下面的实心部分，就按alt键减去上部。

然后形成一个新的圆角矩形小圆的“图片”图标。

让我给你另一个图形添加和分割的例子

以我们最常用的微信图标为例，它是由两个形状相同的对话框对称缩放叠加得到的。

但是仔细看，两个对话框之间有几个像素的距离。在绘制目标时，我们经常使用图标缩放和减法来获取笔画，但是缩小后，我们发现笔画之间的距离并不相同，尖角明显更小。

微信里的空白虽然也可以得到，但是这种方式不够规范，所以AI里的偏置路径功能这个时候可以用。

使用场景:适合一些尖角的图标，放大缩小都得不到。通过设置偏移值，可以得到相对正确的数字。

05.总结

很多时候多练很重要，但是好的方法比瞎练更重要。以图标绘制为例。之前只知道两种方法:画切线和用笔画线。规则图形用path finder绘制，不规则图形只能用钢笔草绘，往往需要花费大量时间进行修正。

通过这项研究，我提高了效率，减少了至少50%的时间。画出以上四种图标不会超过5分钟。希望你能从他们身上得到一些感悟。欢迎交流学习指正。

本文来源:http://www.xueuisheji.com/? p = 6058

​