
5.8 钢笔工具
钢笔工具可以绘制直线和光滑流畅的曲线。用钢笔绘制的曲线叫作贝塞尔曲线。它是由法国计算机图形学大师Pierre E.Bézier在20世纪70年代早期开发的一种锚点调节方式,其原理是在锚点上加上两个控制柄,不论调整哪一个控制柄,另外一个始终与它保持成一直线并与曲线相切。贝塞尔曲线具有精确和易于修改的特点,被广泛地应用在计算机图形领域,如Illustrator、CorelDRAW、FreeHand、Flash和3ds Max等软件都包含绘制贝塞尔曲线的工具。
5.8.1 绘制直线(实战)
■实例类型:软件功能 ■实例应用:用钢笔工具绘制直线
01 按下Ctrl+N快捷键,新建一个文档。选择钢笔工具,在工具选项栏中选择“路径”选项,如图5-71所示。将光标移至画面中(光标变为
状),单击即可创建一个锚点,如图5-72所示。放开鼠标按键,将光标移至下一处位置单击,创建第二个锚点,两个锚点会连接成一条由角点定义的直线路径。在其他区域单击可以继续绘制直线路径,如图5-73所示。

图5-71

图5-72

图5-73
02 如果要闭合路径,可以将光标放在路径的起点,当光标变为状时,如图5-74所示,单击即可闭合路径,如图5-75所示。

图5-74

图5-75
03 如果要结束一段开放式路径的绘制,可以按住Ctrl键(转换为直接选择工具)在画面的空白处单击,单击其他工具,或者按下Esc键也可以结束路径的绘制。
提示
直线的绘制方法比较简单,在操作时只能单击,不要拖动鼠标,否则将创建曲线路径。如果要绘制水平、垂直或以45°角为增量的直线,可按住Shift键操作。
5.8.2 绘制曲线(实战)
■实例类型:软件功能 ■实例应用:用钢笔工具绘制光滑流畅的曲线
01 选择钢笔工具,在工具选项栏中选择“路径”选项,在画面中单击并向上拖动鼠标创建一个平滑点,如图5-76所示。

图5-76
02 将光标移动至下一处位置,如图5-77所示,单击并向下拖动鼠标,创建第二个平滑点,如图5-78所示。在拖动的过程中可以调整方向线的长度和方向,进而影响由下一个锚点生成的路径的走向,因此,要绘制好曲线路径,需要控制好方向线。

图5-77

图5-78
03 继续创建平滑点即可生成一段光滑、流畅的曲线,如图5-79所示。

图5-79
5.8.3 绘制转角直线(实战)
■实例类型:软件功能 ■实例应用:用钢笔工具绘制心形图形
通过单击并拖动鼠标的方式可以绘制光滑流畅的曲线,但是如果想要绘制与上一段曲线之间出现转折的曲线(即转角曲线),就需要在创建锚点前改变方向线的方向。下面就通过转角曲线绘制一个心形图形。
01 按下Ctrl+N快捷键打开“新建”对话框,创建一个大小为788像素×788像素,分辨率为100像素/英寸的文件。执行“视图>显示>网格”命令显示网格,通过网格辅助绘图很容易创建对称图形。当前的网格颜色为黑色,不利于观察路径,可执行“编辑>首选项>参考线、网格和切片”命令,将网格颜色改为灰色,如图5-80所示。

图5-80
02 选择钢笔工具,选择“路径”选项。在网格点上单击并向画面右上方拖动鼠标,创建一个平滑点,如图5-81所示;将光标移至下一个锚点处,单击并向下拖动鼠标创建曲线,如图5-82所示;将光标移至下一个锚点处,单击但不要拖动鼠标,创建一个角点,如图5-83所示,这样就完成了右侧心形的绘制。

图5-81

图5-82

图5-83
03 在如图5-84所示的网格点上单击并向上拖动鼠标,创建曲线;将光标移至路径的起点上,单击鼠标闭合路径,如图5-85所示。

图5-84

图5-85
04 按住Ctrl键切换为直接选择工具,在路径的起始处单击显示锚点,如图5-86所示;此时当前锚点上会出现两条方向线,将光标移至左下角的方向线上,按住Alt键切换为转换点工具
,如图5-87所示;单击并向上拖动该方向线,使之与右侧的方向线对称,如图5-88所示。按下Ctrl+’快捷键隐藏网格,完成绘制,如图5-89所示。

图5-86

图5-87

图5-88

图5-89
5.8.4 使用钢笔工具抠图(实战)
■实例类型:抠图 ■实例应用:抠人像并用路径制作纱巾
01 打开学习资源中的素材文件,如图5-90所示。选择钢笔工具,在工具选项栏中选择“路径”选项。连续按几次Ctrl++快捷键,放大窗口的显示比例,如图5-91所示。

图5-90

图5-91
02 在头发边界处单击并拖动鼠标,创建平滑点,如图5-92所示。当轮廓线的转折比较大时,可以按住Alt键拖动方向点,将方向线调短,并使其与下一段路径的走向相匹配,然后再创建锚点。这是一种边绘制路径边调整形状的方法。

图5-92
03 再来看另外一种方法。继续沿轮廓绘制路径,如图5-93所示。当轮廓的转折点达到接近90°时,只要按住Alt键在该锚点上单击一下,将其转换为只有一个方向线的角点,这样绘制下一段路径时就可以发生转折了,如图5-94所示。

图5-93

图5-94
04 外轮廓绘制完成后,在路径的起点上单击,将路径封闭,如图5-95所示。下面来进行路径运算。在工具选项栏中按下从路径区域减去按钮,在手臂、手提包的空隙处绘制路径,如图5-96、图5-97所示。

图5-95

图5-96

图5-97
提示
如果锚点偏离了轮廓,可以按住Ctrl键切换为直接选择工具,将它拖回到轮廓线上。用钢笔工具抠图时,最好通过快捷键来切换直接选择工具
(按住Ctrl键)和转换点工具
(按住Alt键),在绘制路径的同时便对路径进行调整。此外,还可以适时按下Ctrl++或Ctrl+-快捷键放大或缩小窗口,按住空格键并拖动鼠标移动画面。
05 按下Ctrl+回车键,将路径转换为选区,如图5-98所示。打开学习资源中的素材文件,使用移动工具将人像拖入该文档,放在“背景”图层上方,如图5-99、图5-100所示。

图5-98

图5-99

图5-100
06 选择“草地”图层,如图5-101所示,单击“调整”面板中的按钮,在该图层上方创建“可选颜色”调整图层,如图5-102所示。

图5-101

图5-102
07 在“属性”面板中分别选择“黄色”“绿色”“白色”和“中性色”进行单独调整,如图5-103~图5-107所示。

图5-103

图5-104

图5-105

图5-106

图5-107
08 下面来制作一条纱制飘带。按下Ctrl+N快捷键,创建一个空白的文档。使用钢笔工具绘制一段路径,如图5-108所示。

图5-108
09 新建一个图层。选择画笔工具,在工具选项栏中选择尖角笔尖并设置参数,如图5-109所示,单击“路径”面板底部的
按钮,用画笔描边路径,如图5-110所示。执行“编辑>定义画笔预设”命令,将绘制的线条定义为笔尖。关闭该文档。

图5-109

图5-110
10 在“画笔”面板中选择自定义的笔尖并调整参数,如图5-111、图5-112所示。新建一个图层,将前景色设置为白色,用画笔工具绘制出弯曲的弧形,即可生成飘带,如图5-113所示。

图5-111

图5-112

图5-113
11 最后,在“图层”面板中将隐藏的图层显示出来,效果如图5-114、图5-115所示。

图5-114

图5-115
技术看板:钢笔工具使用技巧
使用钢笔工具时,光标在路径和锚点上会呈现出不同的显示状态,通过对光标的观察可以判断钢笔工具此时的功能,从而更加灵活地使用钢笔工具。
● :光标在画面中显示为
状时,单击可创建一个角点;单击并拖动鼠标可创建一个平滑点。
● :在工具选项栏中勾选了“自动添加/删除”选项后,当光标在路径上变为
状时,单击可在路径上添加锚点。
●:勾选了“自动添加/删除”选项后,当光标在锚点上变为
状时,单击可删除该锚点。
●:在绘制路径的过程中,将光标移至路径起始处的锚点上,光标会变为
状,此时单击可闭合路径。
●:选择一个开放式路径,将光标移至该路径的一个端点上,光标变为
状时单击,然后便可以继续绘制该路径;如果在绘制路径的过程中将钢笔工具移至另外一条开放路径的端点上,光标变为
状时单击,则可以将这两段开放式路径连接成为一条路径。