Illustrator教程

使用钢笔或其他工具绘图时,很多图形不是一次就能绘制出来的,需要调整锚点、方向线,对路径进行修改之后,才能得到想要的效果。下面介绍锚点和路径的编辑方法。

3.3.1 实战:选取、移动锚点和路径

矢量图形可以无限次修改,但在编辑之前,需要先选取锚点或路径段。直接选择工具是最常用的路径编辑工具,它可以选取锚点、路径段和整个矢量图形,也可以对它们进行移动操作。


01 打开素材。对于填了色的图形,选择直接选择工具,单击它,可以选取所有锚点,如图3-83所示;将鼠标指针移到一个锚点上方,鼠标指针会变为状,锚点也会随之变大,如图3-84所示,此时单击可选中该锚点。选取之后锚点变为实心方块,未选中的为空心方块,如图3-85所示。

图3-83

图3-84

图3-85

02 在未选取图形上移动鼠标指针,当检测到锚点时,会显示空心方块,鼠标指针变为状,如图3-86所示;此时单击也可选取锚点,如图3-87所示。按住Shift键单击其他锚点,可以将它们也选取,如图3-88所示。按住Shift键单击被选中的锚点,则可取消选取该锚点。

图3-86

图3-87

图3-88

03 如果需要选取多个锚点,且它们都集中于一个区域(这些锚点可以分属于不同的路径、组或对象),可以拖曳出矩形选框,将这些锚点框住,如图3-89所示;放开鼠标左键,即可一次将它们同时选中,如图3-90所示。

图3-89

图3-90

04 如果要选取某一段路径,可以将鼠标指针移动到其上方,鼠标指针变为状时,如图3-91所示,单击即可,如图3-92所示。按住Shift键单击其他路径段,可将其一同选中。按住Shift键单击被选取的路径段,则可以取消选择该路径段。

图3-91

图3-92

05 如果要移动锚点,可拖曳该锚点,如图3-93所示。拖曳路径段,可以移动路径段,如图3-94所示。按住Alt键拖曳路径段,可以复制其所在的图形。

图3-93

图3-94

提示

选取锚点或路径后,按→、←、↑、↓键,可以向箭头方向一次移动1个像素的距离。如果同时按方向键和Shift键,则会以原来的10倍距离移动对象。按Delete键,则可将所选对象删除。

3.3.2 用整形工具移动锚点

选取锚点(或路径段)以后,如图3-95所示,使用直接选择工具进行移动时,如果对整体形状的改变较大,如图3-96所示,可以换成整形工具操作,如图3-97所示。

图3-95

图3-96

图3-97

可以看到,整形工具不会扭曲路径的整体形状。在拖曳曲线路径段的时候,这两个工具的差别更加明显,如图3-98和图3-99所示。

图3-98

图3-99

3.3.3 实战:手动绘制选区(套索工具)

要点

当图形重叠时,想要选取其中的多个锚点,就不能用直接选择工具通过拖曳出矩形选框的方法操作了,因为会造成对象移动。这种情况下使用套索工具选取是最为方便的。而且,它还能选取不规则区域内的所有锚点。


01 打开素材。选择套索工具,在需要选取的锚点外侧单击,然后按住鼠标左键围绕锚点移动,绘制一个选区,如图3-100所示;放开鼠标左键后,即可将选区内的锚点选中,如图3-101所示。

图3-100

图3-101

02 按住Shift键(鼠标指针变为状),在其他锚点周围绘制选区,可以将它们一同选中,如图3-102和图3-103所示。如果要取消选取某些锚点,可以按住Alt键在其周围绘制选区(鼠标指针变为状)。如果要取消选择所有锚点,可以在远离对象的位置单击。

图3-102

图3-103

提示

编辑复杂的图形时,如果经常选择某些锚点,可以用“存储所选对象”命令(参考此处)将它们的被选取状态保存,需要时调用该被选择状态即可,这就省去了重复选择的麻烦。

03 需要选取路径段的时候,在其周围绘制选区即可,如图3-104和图3-105所示。

图3-104

图3-105

3.3.4 用直接选择工具和锚点工具修改曲线

本章开始部分介绍了怎样改变路径形状,并提到了两个工具:直接选择工具和锚点工具。这两个工具既有相同的地方,也有明显的区别。它们的相同之处在于:拖曳曲线路径段时,都可以调整曲线的位置和形状,如图3-106~图3-108所示;其次,拖曳角点上的方向点时,只影响与方向线同侧的路径段,如图3-109和图3-110所示。

图3-106

图3-107

图3-108

图3-109

图3-110

二者的不同之处体现在处理平滑点上。当拖曳平滑点上的方向点时,直接选择工具会同时调整该点两侧的路径段,如图3-111所示;而锚点工具仍然只影响单侧,如图3-112所示。

图3-111

图3-112

技术看板 让所选锚点的方向线都显示出来

在默认状态下,同时选取曲线路径上的多个锚点时,有些方向线是被隐藏的。单击“控制”面板中的按钮,可以让所选锚点上的方向线全都显示出来。单击按钮,可再次将其隐藏。

提示

执行“视图>隐藏边缘”命令,可以隐藏锚点、方向线和方向点。如果要重新显示它们,可以执行“视图>显示边缘”命令。

3.3.5 实战:转换锚点

锚点工具可以让平滑点与角点互相转换。如果要同时转换多个锚点,可以使用“控制”面板操作。


01 打开素材。选择直接选择工具,单击图形,将其选取,如图3-113所示。选择锚点工具,单击平滑点,可将其转换为角点,如图3-114所示。拖曳平滑点一侧的方向点,则可将其转换成具有独立方向线的角点,如图3-115所示。

图3-113

图3-114

图3-115

02 如果想将角点转换为平滑点,可单击它并向外拖曳鼠标,拖出方向线即可,如图3-116和图3-117所示。

图3-116

图3-117

提示

如果想将多个角点转换为平滑点,可以将它们选取,然后单击“控制”面板中的按钮。按钮用来将平滑点转换为角点。

3.3.6 实时转角

在将尖角处理成圆角时,最简单的方法是用直接选择工具单击角上的锚点,此时会显示实时转角构件,如图3-118所示,之后拖曳它即可,如图3-119所示。

图3-118

图3-119

处理为圆角之后,双击实时转角构件,打开“边角”对话框,如图3-120所示。单击按钮和按钮,可以将圆角修改为反向圆角和倒角,如图3-121和图3-122所示。

图3-120

图3-121

图3-122

提示

如果图形较多,路径也复杂,编辑的时候,实时转角构件影响观察和处理锚点,可以执行“视图>隐藏边角构件”命令,将其隐藏。

3.3.7 添加/删除锚点

选择添加锚点工具,在路径上单击,即可添加锚点,如图3-123和图3-124所示。如果该路径段是直线,添加的是角点;曲线路径则为平滑点。

图3-123

图3-124

如果想在每两个锚点的中间添加一个新的锚点,可以用直接选择工具选取路径,之后执行“对象>路径>添加锚点”命令,如图3-125所示。

图3-125

如果想删除一个锚点,可以选择删除锚点工具,单击该锚点。路径的形状会因锚点减少而发生改变,如图3-126和图3-127所示。

图3-126

图3-127

如果想一次删除多个锚点,可以用直接选择工具或套索工具将它们选取,然后执行“对象>路径>移去锚点”命令。

3.3.8 实战:爆炸特效字

下面使用“添加锚点”命令和效果制作爆炸特效字,如图3-128所示。独特的文字外形可以增强视觉冲击力。


图3-128

01 按Ctrl+O快捷键,打开文字图形,如图3-129所示。按Ctrl+A快捷键全选。按Ctrl+C快捷键复制,按Ctrl+B快捷键粘贴到后方。

图3-129

02连续执行4次“对象>路径>添加锚点”命令添加锚点。如果想查看锚点,可以选取直接选择工具,路径上就会显示锚点,如图3-130所示。

图3-130

03 执行“效果>扭曲和变换>收缩和膨胀”命令,对路径进行扭曲,创建爆炸状图形,如图3-131和图3-132所示。

图3-131

图3-132

04 选择选择工具,按住Shift键单击最前方的3个文字图形,将它们一同选取,如图3-133所示。修改填充颜色,如图3-134和图3-135所示。使用矩形工具创建一个矩形,填充深紫色,按Shift+Ctrl+[快捷键,移至底层,作为背景,如图3-136所示。

图3-133

图3-134

图3-135

图3-136

3.3.9 均匀分布锚点

使用直接选择工具选取多个锚点(这些锚点可以属于同一路径,也可以分属不同的路径),如图3-137所示。执行“对象>路径>平均”命令,打开“平均”对话框,如图3-138所示。设置选项并单击“确定”按钮,可以让所选的多个锚点均匀分布。

图3-137

图3-138

  • 水平:锚点沿同一水平轴均匀分布,如图3-139所示。

图3-139

  • 垂直:锚点沿同一竖直轴均匀分布,如图3-140所示。

图3-140

  • 两者兼有:让所选锚点集中到一起,如图3-141所示。

图3-141

3.3.10 连接开放的路径(连接工具及命令)

绘图的时候,我们会采用连接锚点的方法,将两条路径连接成一条路径,或者将一条路径上的两个端点连接起来,使其成为闭合的图形。

一般情况下,可以用直接选择工具选取需要连接的锚点,然后单击“控制”面板中的按钮或执行“对象>路径>连接”命令进行连接。

如果路径交叉,如图3-142所示,连接之后就是图3-143所示的结果。交叉区域的路径显然多余的,还需要进一步处理,比较麻烦。对于这样的情况,用连接工具操作就非常容易,而且不需要预先选取路径,只要在锚点上方拖曳鼠标,如图3-144所示,便可连接路径并删除交叉部分,如图3-145所示。

图3-142

图3-143

图3-144

图3-145

该工具还可以针对另外两种情况,自动对路径进行扩展和裁切,如图3-146和图3-147所示。

图3-146

图3-147

AI技术/设计讲堂:钢笔工具高级技巧

钢笔工具是最重要的绘图工具,只掌握它的使用方法远远不够,还应学习更多的技巧,这样就可以不借助其他工具,在绘图过程中选择和移动锚点、转换锚点类型,以及修改路径的形状。下面介绍钢笔工具的高级技巧。在进行这些操作的时候,鼠标指针会呈现不同的状态(),以提示我们此时钢笔工具具有怎样的功能。

转换锚点

使用钢笔工具绘图时,经常需要转换锚点,采用下面的技巧,可以不必中断绘图操作。例如,绘制一段路径后,需要将平滑点转换为角点,将鼠标指针移动到锚点上,此时鼠标指针会变为状,如图3-148所示;单击可将其转换为角点,如图3-149所示;之后便可在它后面绘制直线,如图3-150所示,或者转角曲线,如图3-151所示。如果拖曳锚点,则可以修改曲线的形状,但不会改变锚点的属性,如图3-152所示。

图3-148

图3-149

图3-150

图3-151

图3-152

如果最后一个锚点是角点,如图3-153所示,需要转换为平滑点,可拖曳它,拉出方向线,如图3-154所示;之后可以在它后面绘制曲线,如图3-155所示。

图3-153

图3-154

图3-155

处理路径段上的锚点时,也可以采用同样的方法。例如,按住Alt键(临时切换为锚点工具)在平滑点上单击,可将其转换为角点,如图3-156和图3-157所示;按住Alt键拖曳角点,可将其转换为平滑点,如图3-158所示。

图3-156

图3-157

图3-158

修改曲线

按住Alt键(临时切换为锚点工具)拖曳方向点,可以调整方向线一侧的曲线,如图3-159所示;按住Ctrl键(临时切换为直接选择工具)拖曳方向点,可同时调整方向线两侧的曲线,如图3-160所示。将鼠标指针放在路径段上,按住Alt键(鼠标指针变为状)拖曳鼠标,可以调整曲线的形状,如图3-161所示。如果拖曳直线路径,则可将其转换为曲线。

图3-159

图3-160

图3-161

连接/延长路径

绘制路径的过程中,将鼠标指针放在另外一条开放式路径的端点上,鼠标指针变为状时,如图3-162所示,单击可连接这两条路径,如图3-163所示。将鼠标指针放在一条开放式路径的端点上,鼠标指针变为状时,如图3-164所示,单击鼠标,此后便可继续绘制该路径,如图3-165所示。

图3-162

图3-163

图3-164

图3-165

其他技巧

  • 绘制直线:按住Shift键拖曳鼠标,可以创建水平、垂直直线,或45°的整数倍方向的直线。

  • 结束开放路径的绘制:按住Ctrl键在远离对象的位置单击。

  • 闭合路径:选择一条开放式路径,选择钢笔工具,在一个端点上单击;之后将鼠标指针移动到另一个端点上,鼠标指针变为状时单击,可以闭合路径。

  • 重新定位锚点:在画板上单击放置锚点的时候,按住鼠标左键不放,同时按住键盘中的空格键并进行拖曳,可以重新定位锚点。

  • 添加/删除锚点:选取路径后,鼠标指针在路径上时会变为状,此时单击可以添加锚点;鼠标指针在锚点上时会变为状,此时单击,可删除锚点。

AI技术/设计讲堂:轮廓模式

默认情况下,我们在Illustrator中绘图或进行编辑操作时,能看到图稿的实际效果,包括填色、描边等,如图3-166所示。这是图稿处于预览模式的缘故。当图形颜色与锚点颜色一样,或者比较接近时,选取锚点、编辑路径的时候就不太好操作。遇到这种情况时,可以执行“视图>轮廓”命令,切换到轮廓模式,让图形只显示轮廓,隐藏填色和描边,这样处理起来就容易多了,如图3-167所示。而且我们可以用Ctrl+Y快捷键在轮廓模式和预览模式之间切换,非常方便。

图3-166

图3-167

随着我们学习的深入,会愈发离不开轮廓模式。因为它太实用了。例如,当图形堆叠在一起的时候,会互相遮挡,位于下方的对象就很难被选取,即使选取,也容易选错,如图3-168所示。而在轮廓模式下,是不存在遮挡的,如图3-169所示。

图3-168

图3-169

再如图稿非常复杂,比如用了很多混合效果、3D等内存占用较大的功能,那么编辑的时候,Illustrator渲染图稿所用的时间也会更多一些。我们最直接的感觉就是Illustrator反应慢、操作出现迟滞,搞不好还会闪退。这时候就必须在轮廓模式下编辑图稿才行。

但是图稿需要上色,完全看不到真实效果也不行。这里有一个小技巧,可以化解难题——只让部分图稿显示为轮廓模式。我们只要打开“图层”面板,按住Ctrl键单击无关图层前的眼睛图标,便可将其中的对象切换为轮廓模式(此时眼睛图标变为状),如图3-170所示,而我们正在编辑的对象不会受到影响,还是以实际效果显示,如图3-171所示。当需要切换回预览模式时,按住Ctrl键单击图标即可。

图3-170

图3-171

提示

执行“视图>使用CPU查看”命令,可以查看最清晰的图稿、显示更加平滑的路径,并缩短在高密度显示器屏幕上重绘复杂图稿所需的时间。

预览模式

预览模式+使用CPU查看

技术看板 调整锚点和方向点大小

执行“编辑>首选项>选择和锚点显示”命令,打开“首选项”对话框,可以调整锚点、方向点和定界框大小,以及方向点样式。