AI绘制立体线条插画教程

转为线体

一旦焦点积木的部分完成，我们就可以直接转为线体，剩下的图形都用线条来实现。所见即所得。

步骤 10

首先将所有的立体形状都转为平面，这个说法并不是指他们又回到之前的平面形状，而是将立体以扩展的方式转化成可编辑的对象。

选中每个对象，然后进入【对象>扩展外观】，然后将这些对象一一进行取消编组的操作，有些形状需要取消两次，总之要达到你任意点击某个形状时，都能立刻看到它的填色。这是AI中一个形状是否「健康」的指标。

步骤 11

然后把每一个形状填充关闭，开启描边。描边的大小可以暂时设置为2，因为之后我们还会有变化。描边色彩为 #0d6ffc

步骤 12

运用【形状生成器】工具，按住键盘上的ALT键，清除掉图形中彼此遮挡的部分线条。这个可以参考我们的草图。

然后把我们在步骤 09中提到的给按钮增加线条的方式来完成立体形态。为了让图形表现更好，按钮的形状可以稍微调大。

绘制平面设备

这里大家会发现周边的设备是平面的，在绘制上不比之前的立体图案，因此相对难度降低了很多。所以基本这里就是按照草图分步骤来画出。

步骤 13

这里从圆孔处有线条延伸，这些线条既有装饰作用，又有链接设备的作用。这里参考了其他的线体插画的Idea，这是一个不错的集中视线的做法。

我们首先来完成这部分的线条。用钢笔工具来绘制，钢笔工具在绘制直角的边线时很有优势，画好下图左边的样式后，选中直角的部分，利用拖动的方式就能将直角变为圆角。

步骤 14

补齐一些细节，比如连接设备的矩形接头，包括积木顶部的圆孔的阴影描绘线条。

步骤 15

继续绘制左上的两部手机的造型。记得这时利用圆角矩形工具和线条工具进行绘制。

其实这个过程创作非常自由，你也可以安排其他的图案，只要兼顾到整体的协调性即可，这是很多UI设计师常常画的线稿图，由于操作简单，我们这里就不一一讲解。