- 1.Illustrator入门
- 1.1.初识Illustrator
- 1.2.Illustrator 2021新增及增强功能
- 1.3.Illustrator 2021工作界面
- 1.4.工作区
- 1.5.使用画板
- 1.6.查看图稿
- 1.7.创建文档
- 1.8.文件打开方法
- 1.9.文件保存方法
- 2.绘图与上色
- 2.1.绘制几何图形
- 2.2.绘制线、网格和光晕图形
- 2.3.填色和描边
- 2.4.修改描边
- 2.5.选取颜色
- 2.6.使用色板
- 2.7.使用渐变
- 2.8.图像描摹
- 3.用钢笔、曲率和铅笔工具绘图
- 3.1.矢量图形概述
- 3.2.用钢笔和曲率工具绘图
- 3.3.修改图形
- 3.4.编辑路径
- 3.5.用铅笔工具绘图
- 4.选择和排列对象
- 4.1.图层
- 4.2.选取对象
- 4.3.编组
- 4.4.复制、剪切与粘贴
- 4.5.移动对象
- 4.6.对齐与分布
- 5.改变对象形状
- 5.1.变换对象
- 5.2.扭曲与变形
- 5.3.组合图形
- 5.4.封套扭曲
- 5.5.混合
- 6.不透明度、混合模式与蒙版
- 6.1.不透明度
- 6.2.混合模式
- 6.3.不透明度蒙版
- 6.4.剪切蒙版
- 7.效果、外观与图形样式
- 7.1.Illustrator效果
- 7.2.外观属性
- 7.3.图形样式
- 8.3D与透视图
- 8.1.凸出和斜角
- 8.2.绕转
- 8.3.在三维空间中旋转对象
- 8.4.将图稿映射到3D对象上
- 8.5.透视图
- 9.文字
- 9.1.创建点文字
- 9.2.创建区域文字
- 9.3.创建路径文字
- 9.4.设置文字格式
- 9.5.设置段落格式
- 9.6.使用字符样式和段落样式
- 9.7.添加特殊字符
- 9.8.高级文字功能
- 10.渐变网格与高级上色
- 10.1.渐变网格
- 10.2.实时上色
- 10.3.全局色和专色
- 10.4.使用配色方案
- 10.5.重新为图稿上色
- 10.6.调整图稿颜色
- 11.画笔与图案
- 11.1.添加画笔描边
- 11.2.创建画笔
- 11.3.编辑画笔
- 11.4.斑点画笔工具
- 11.5.图案
- 12.符号与图表
- 12.1.创建符号
- 12.2.编辑符号
- 12.3.符号库
- 12.4.制作图表
- 12.5.设置图表格式
- 12.6.制作图案型图表
- 13.Web图形与动画
- 13.1.Web基础
- 13.2.切片与图像映射
- 13.3.优化与输出
- 13.4.制作动画
- 14.Illustrator与其他软件协作
- 14.1.置入文件
- 14.2.导入文件
- 14.3.导出文件
- 15.自动化与打印输出
- 15.1.动作与批处理
- 15.2.脚本与数据驱动图形
- 15.3.色彩管理
- 15.4.打印图稿
- 16.综合实例
- 16.1.巧手绘天下
- 16.2.艺术山峦字
- 16.3.玻璃质感UI图标
- 16.4.马赛克风格图标
- 16.5.游戏App界面设计
使用钢笔或其他工具绘图时,很多图形不是一次就能绘制出来的,需要调整锚点、方向线,对路径进行修改之后,才能得到想要的效果。下面介绍锚点和路径的编辑方法。
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查看
技术看板 调整锚点和方向点大小
执行“编辑>首选项>选择和锚点显示”命令,打开“首选项”对话框,可以调整锚点、方向点和定界框大小,以及方向点样式。