后来在Illustrator里看到一篇关于钢笔工具利用技巧的外文文章,才明白怎么用钢笔工具画曲线
本日我就来说说UI设计中的难点,钢笔工具,结合那篇文章和我的感悟。

  准备事情,检讨橡皮筋工具。

  大家该当对钢笔很熟习。
中间有一个节点,两边有两个手柄。
调节手柄方向可以掌握曲线方向,调节手柄长度可以掌握曲线弧度。
这便是上面的动态设计所表达的。

  在利用钢笔工具的时候,有一个选项可以帮助我们,叫做橡皮筋。
勾选后,曲线会随着鼠标移动,方便我们预览曲线的走向。
看下图。
在图片的最右边,点击齿轮检讨:

  接下来,我们将开始用钢笔工具绘制曲线。
在画图之前,我们可以看看高等UI设计师是如何处理曲线的节点的。
看下面两张图:

钢笔高级技能若何画出完美的贝塞尔曲线

  从图中我们可以创造,这些节点的方向是有规律的,遵照一个顺序。
第一条规则是,除了曲线结束的拐角之外,所有节点的掌握柄要么是水平的,要么是垂直的。
详细情形看曲线走向。
如果曲线向侧面延伸,手柄的方向将是水平的,如果曲线垂直延伸,方向将是垂直的。
第二个规则查看下面两张图片:

  图中赤色圆圈代表水平节点,蓝色圆圈代表垂直节点。
从图中可以看出,不仅手柄的方向有规律,而且节点的位置也有规律。
第二条规则是,所有节点都在曲线的“最外侧”或“最内侧”。
大略来说,如果曲线是凸的,节点就放在最凸的地方;如果节点是凹的,那么节点将被放置在最凹的地方。
节制这两条规律,你就能轻松画出完美的曲线。

实战演示

  比如用钢笔工具画这个“S”。

  根据第二个规则,所有的节点都在曲线最凸或最凹的地方,节点依次画在这些位置。

  根据第一条规则,手柄的方向要么是垂直的,要么是水平的。
用鼠标长按钢笔工具,找到菜单末了的转换点工具,也便是图中“T”上面的那个。
按住shift键,单击节点并将每个节点处的手柄拖出。
这时候拖出来的两个手柄是一样长的,位置大概是对的,不用刻意调度。

  拖出所有手柄后,我们开始调度细节,或者利用转换点工具,按住shift,分别拖动每个手柄,使曲线匹配。

  所有手柄调度好后,就大功告成了!

  本日的教程紧张讲一下钢笔工具的利用技巧。
只要你闇练地节制它们,你可以画出世界上任何形状,加上颜色和纹理,我们可以创造出美妙的设计。
一定要多练习。
钢笔工具是根本,但也是UI设计的难点。
大家加油!
下期想说说线框小图标的设计心得。