钢笔工具，AI钢笔工具学习使用方法

david · 发表于 2017-4-20 19:44:56

本帖最后由 david 于 2017-4-21 10:48 编辑

钢笔是我们使用AI中必不可少的一种工具，如何用钢笔工具画出优美的曲线以及调整曲线达到最好的效果对初学者也许会有疑惑。
本篇文章主要阐述了钢笔工具的用法，希望能给刚刚学习AI的同学们一点帮助。
来源：站酷作者：灵动思维

首先，我们先了解一下关于钢笔工具的一些概念：
1钢笔工具属于矢量绘图工具，其优点是可以勾画出非常平滑的曲线（任意缩放都能保持清晰平滑的效果）
2钢笔工具画出来的线条我们称为路径，路径是矢量的
3路径分为开放路径（如“c”型）和闭合路径（如“o”型）两种
─────────────────────────────────────────────────
现在我们来绘制一个简单的路径
如下图在工具栏选择钢笔工具（快捷键P）

ctrl＋k打开首选项（此功能出现在aicc以后的版本，如果是之前版本无需设置，不影响使用）
如下图，检查并启用橡皮筋。

然后用钢笔在画面中单击，我们会看到在击打的点与点之间有线段相连
持续按住Shift键单击，可以让所绘制的点与上一个点保持45度整数倍夹角（如0度、90度等）
这样可以轻松绘制水平或者是垂直的线段（下图中从第5个点开始按下了Shift键）

从上面的简单练习中我们得出两个规律：
1我们并没有直接绘制线段，而是单击定义了各个点的位置，软件则在点与点之间连接成线
2控制线段形态（方向、距离）的，其实并不是线段本身，而是线段中的各个点的位置

在这里我们要记住两个专业术语：那些单击的点称为“锚点”；锚点与锚点间连接的线段称为路径的“片断”。
刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为“直线型锚点”。

小结：绘制直线路径，用鼠标直接单击即可。
─────────────────────────────────────────────────

现在我们来绘制“曲线形锚点”
如下图所示，在起点按下鼠标之后不要松手，向上方拖动出一条方向线后放手
然后在第二个锚点拖动出一条向下的方向线，以此类推，画出如图所示的路径

我们看到在绘制出第二个及之后的锚点并拖动方向线时，曲线的形态也随之改变
究竟曲线是怎样生成的，我们又该如何来控制曲线的形态呢？
除了具有直线的方向和距离外，曲线多了一个弯曲度的形态——方向和距离，
我们只要改变锚点位置就可以做到，但是弯曲度该如何控制？

如图在工具栏选择“直接选择工具”（注意是右边白色的箭头）

假设我们刚才绘制的5个锚点分别是ABCDE，用“直接选择工具”去单击选中位于AB之间的片断，就会看到刚
才我们绘制AB锚点时候定义的方向线

仔细看一下这两个方向线
再这样想象：
一个人要从A点到B点，在A点出发的时候，位于A点的其他人看到他是朝着上偏右的方向走的，而位于B点的人，看到他是朝着下偏左的方向来的。
那么综合两地的观测结果。就可以得出这个人行走的路线：必定是一个类似抛物线的弧形
─────────────────────────────────────────────────

现在我们选择如图的“锚点工具”，该工具用来修改方向线

然后如下图所示般改变AB锚点上的方向线，将会看到曲线弯曲度的改变
注意方向线末端有一个小圆点，这个圆点称为“手柄”，要点击手柄拖动才可以改变方向线

结合刚才所作的比喻，就不难理解了：
1修改B锚点方向线为下，相当于指定那个人从A点上方出发后，从B点下方进入，那么所走的路程就是一个S形
2再修改A锚点方向线为下，相当于从A点下方出发，再从B点下方进入，所走的就是一个下弧形的路程

修改后的方向线如下图：

明白了方向线的方向对曲线形态的影响后，我们来看一下方向线长短造成的影响
如下图般，在同一方向上拖拉方向线：（可使用“直接选择工具”）

对于一个锚点而言，如果方向线越长，那么曲线在这个方向上走的路程就越长，反之就越短
可以这样设想，曲线是一个橡皮筋，在头尾两端有两个力在各自的方向上拉，哪个方向上力气大，则橡皮筋就朝
向这个方向多靠拢一些。反而反之
─────────────────────────────────────────────────

除了修改锚点之外，也可以利用“直接选择工具”，在片断上修改曲线的形态，如下图：

注意：这并不能说是“修改了片断”，而应该说是“同时修改了两个锚点”

牢记原则：路径的片断是由锚点组成的，只有修改锚点才能改变片断形态，这是不可逆的因果关系

小结：
对于这条曲线上的除了起点和终点的AE两个锚点而言，都存在两条方向线：
一条是从上一个锚点“来向”的方向线；另一条是通往下一个锚点的“去向”的方向线，

对于起点，只存在“去向”的方向线；对于终点，只存在“来向”的方向线

─────────────────────────────────────────────────

下面让我们做个小练习，如图：

现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线，很可能你们绘制出来的是如下图这个样子的

虽然要求是达到了，但是这样的路径上使用了3个锚点。再看下图：

同样的曲线效果，这里只用了两个锚点来绘制
─────────────────────────────────────────────────

移动两个红点的位置再行绘制，很可能你们绘制的效果是这样:

而实际上呢，也只需要用两个锚点就可以绘制这条曲线了，如下图

记住一个原则：
绘制曲线的锚点数量越少越好，因为如果锚点数量增加，不仅会增加绘制的步骤，同时也不利于后期的修改
─────────────────────────────────────────────────

到这里，大家一定会产生两个问题：

1两个锚点似乎可以包揽全部曲线形态了？
这个观点显然是错误的，例如我们前面首个实例所绘制的曲线，就需要两个以上的锚点
2那么，如何让所用的锚点数量最少？
实际上这里还隐含着另外一个问题：究竟在哪里定锚点才是最佳的？

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

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

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

在了解（并且理解）C、S这两种曲线的形态以后，大家在绘制之前就可以分析出究竟需要多少个锚点
其实就是分析出，有多少个可以用一条曲线（C形或S形）来绘制的区域，虽然锚点的数量可以反映出绘图人的
水平和熟练度，但是对于大多数人而言，只要能够满足需要就足够了，所以在实际绘图的时候，不必过于苛求减
少锚点的数目
─────────────────────────────────────────────────

现在来实际绘制一个m形,类似麦当劳的标志
我们将介绍两种过程,请先看清楚文字说明再看动画演示
第一种方法：在完成绘制后，再修改第二个锚点的“去向”的方向线，也可以选择“直接选择工具”适当移动锚点位置及调整路径。（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

第二种方法，其实是大家今后在绘制中所使用的标准方法：
就是利用快捷键的配合来完成路径的绘制与调整的一系列动作，做到不间断地绘制整条曲线
（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

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

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

到这里，大家对路径已经有了大概的认识，下面我们补充一些绘制中的其他问题
廖老师经常看到很多在使用钢笔工具的时候是这样绘制的

每次绘制一段路径后，总是按住alt键，单击一下锚点，将去向的方向线给删除了，这叫“半曲线锚点”
在这里，廖老师提醒大家千万要改正这种钢笔工具绘制路径的习惯，因为这非常不利于后期修改。
正确的绘制方法应该是这样的：

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

最后再补上下面两个工具的使用
添加锚点工具：单击在路径上添加锚点
删除锚点工具：单击路径上的锚点将其删除

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

─────────────────────────────────────────────────

最后让我们来总结一下，钢笔工具的使用精华
1.钢笔工具绘制的是矢量路径
2.路径分为直线型路径和曲线型路径两种
3.我们使用钢笔工具在页面中直接单击打点，就可以绘制直线路径
4.如果要绘制曲线路径，则必须单击拖拽
5.完美曲线的绘制要保证每一个锚点有两个手柄并成180度角
6.钢笔工具的终极使用是一边绘制一边调节，绘制完毕，调节完毕，一遍成形。(钢笔抠图中要做到这点）
7.钢笔工具绘制过程主要依靠alt＋空格。
alt键的作用：改变手柄方向/配合鼠标滚动缩放视图/临时切换锚点工具调节刚画的的线条
空格的作用：抓手平移/移动锚点
8.钢笔工具最难的就是锚点的单击位置，廖老师总结，同向s异向c打点打在半山腰。