Illustrator详细解析钢笔工具的使用技巧(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词


记住一个原则:

绘制曲线的锚点数量越少越好,因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改

到这里,大家一定会产生两个问题:

1 两个锚点似乎可以包揽全部曲线形态了?

这个观点显然是错误的,例如我们前面首个实例所绘制的曲线,就需要两个以上的锚点

2 那么,如何让所用的锚点数量最少?

实际上这里还隐含着另外一个问题:究竟在哪里定锚点才是最佳的?

廖老师在这里总结一句 无敌咒语


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

当两个锚点的手柄拖动的方向是同一个方向的时候,绘制出来的是“C”曲线

当两个锚点的手柄拖动的方向是相反的方向的时候,绘制出来的是“ S ”曲线

下面的动画演示了在调整方向线的时候,从C形到S形之间的分界点


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

在了解(并且理解)C、S这两种曲线的形态以后,大家在绘制之前就可以分析出究竟需要多少个锚点

其实就是分析出,有多少个可以用一条曲线(C形或S形)来绘制的区域,虽然锚点的数量可以反映出绘图人的

水平和熟练度,但是对于大多数人而言,只要能够满足需要就足够了,所以在实际绘图的时候,不必过于苛求减

少锚点的数目

现在来实际绘制一个m形,类似麦当劳的标志

我们将介绍两种过程,请先看清楚文字说明再看动画演示

第一种方法:在完成绘制后,再修改第二个锚点的“去向”的方向线,也可以选择“直接选择工具”适当移动锚点位置及调整路径。(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

第二种方法,其实是大家今后在绘制中所使用的标准方法:

就是利用快捷键的配合来完成路径的绘制与调整的一系列动作,做到不间断地绘制整条曲线

(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

接着我们再来尝试绘制一个心形,如下图(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

注意:如果没有先按住Alt键就连接起点,将无法单独调整方向线,此时再按下Alt键即可单独调整

到这里,大家对路径已经有了大概的认识,下面我们补充一些绘制中的其他问题

廖老师经常看到很多在使用钢笔工具的时候是这样绘制的


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

每次绘制一段路径后,总是按住alt键,单击一下锚点,将去向的方向线给删除了,这叫“半曲线锚点”

在这里,廖老师提醒大家千万要改正这种钢笔工具绘制路径的习惯,学UI,因为这非常不利于后期修改。

正确的绘制方法应该是这样的:


Illustrator详细解析钢笔工具的使用技巧,PS教程,思缘教程网

通过动画我们发现正确的绘制方法,线条的形态控制可能性更大。

最后再补上下面两个工具的使用

添加锚点工具:单击在路径上添加锚点

删除锚点工具:单击路径上的锚点将其删除

一般情况下,无须选择它,当我们将钢笔工具移动到路径上,自动变成 添加锚点工具 ,当我们将钢笔工具移动到锚点上,自动变成 删除锚点工具 。

最后让我们来总结一下,钢笔工具的使用精华

1.钢笔工具绘制的是矢量路径

2.路径分为直线型路径和曲线型路径两种

3.我们使用钢笔工具在页面中直接单击打点,就可以绘制直线路径

4.如果要绘制曲线路径,则必须单击拖拽

5.完美曲线的绘制要保证每一个锚点有两个手柄并成180度角

6.钢笔工具的终极使用是一边绘制一边调节,绘制完毕,调节完毕,一遍成形。(钢笔抠图中要做到这点)

7.钢笔工具绘制过程主要依靠alt+空格。

alt键的作用:改变手柄方向/配合鼠标滚动缩放视图/临时切换锚点工具调节刚画的的线条

空格的作用:抓手平移/移动锚点

8.钢笔工具最难的就是锚点的单击位置,廖老师总结,同向s 异向c 打点打在半山腰。

,UI设计自学

 收藏