钢笔工具，教你如何画出完美曲线

Pen Tool Animation byGal Shir

在我初学 UI 的时候，临摹了很多作品，每次临摹基本都可以分为两个步骤，第一步是用钢笔工具和形状工具把物体勾勒出来，第二步是往形状上填充颜色，然后加一些渐变或者投影。在填充颜色和细节的时候是很享受的，但是在勾轮廓的时候总是很崩溃，画出来的曲线总是不流畅，也不知道问题出在哪里，其实就是钢笔工具没有掌握好。

后来看到一篇外文文章，写的是在 Illustrator 中使用钢笔工具的技巧，才明白了怎样才能用钢笔工具画好曲线，今天结合那篇文章加上我的感悟来聊一聊 UI 设计中的难点，钢笔工具。

准备工作，勾选橡皮带工具

I Design With Code byChris Gannon

钢笔工具大家应该都很熟悉了，中间一个节点，两边两个手柄，调节手柄的方向可以控制曲线的走向，调节手柄的长度可以控制曲线的弧度。上面的动效设计表达的就是这个意思。

在使用钢笔工具的时候有个能帮助我们的选项，叫橡皮带，勾选上以后，曲线会随着鼠标移动，方便我们预览曲线的走向，看下图，在图片最右边，点击齿轮勾选上：

<点图片看大图>