4.3 图形的基本编辑

4.3.1 使用选择工具编辑图形

使用“选择工具”和“直接选择工具”不仅可以选取对象,还可以对图形进行基本的修改。

1.选择工具

当使用“选择工具”选择对象时,该对象的四周会出现定界框。定界框是围绕在对象周围,带有8个小四方控制点的矩形框,选择工具通过拖动定界框上的8个控制点来修改图形。

选择图形后,将鼠标指针放置在图形定界框4个中间控制点的任意一个,使鼠标的指针变为,如图4-43(a)所示。这时,拖动鼠标即可以改变图形的长宽比例,如图4-43(b)和图4-43(c)所示。

在修改图形过程中,拖动鼠标的同时按住Alt键,则以定界框的中线为基准来改变图形的长宽比例,如图4-44所示。

图4-43 修改图形的长宽比例示意图

(a)原图;(b)拖动控制点;(c)修改比例后

图4-44 以中线为基准修改图形比例

如果将鼠标指针放置在图形定界框4个对角控制点的任意一个,使鼠标的指针变为。这时,拖动鼠标即可以定界框的对角线为基准点对图形进行缩放,如图4-45所示。如果拖动鼠标指针的同时按住Alt键,则以定界框的中点为基准来对图形进行缩放,如图4-46所示。

图4-45 对图形进行缩放示意图

图4-46 以中点为基准缩放图形

拖动对角控制点的同时按住Shift键,则以对角线为基准来规则缩放图形,修改后的图形的长宽比例不变。

如果将鼠标指针放置在定界框任意一个对角控制点的周围,使鼠标的指针变为。这时,拖动鼠标即对图形进行旋转,如图4-47所示。

图4-47 旋转图形示意图

如果拖动鼠标的同时按住Shift键,则系统强制旋转角度每次为45º。

2.直接选择工具

“直接选择工具”可以直接选取和修改对象的局部,无论对象是否被编组。

使用“直接选择工具”选择图形的边框,如图4-48(a)所示。这时,图形所有的锚点都显示为空心,表示没有被选中。然后,按下鼠标并进行拖动,可以对图形进行倾斜或者翻转的变换,如图4-48(b)所示。示例效果如图4-48(c)所示。

图4-48 变换图形示意图

(a)选择边框;(b)按下鼠标拖动;(c)编辑后的图形

使用“直接选择工具”选择图形的锚点,如图4-49(a)所示。这时,图形中被选中的锚点显示为实心点,未被选中的锚点显示为空心点。然后,按下鼠标拖动该锚点,可以改变图形的形状,如图4-49(b)所示。最后的示例效果如图4-49(c)所示。

图4-49 选择锚点编辑图形示意图

(a)选择锚点;(b)拖动锚点;(c)编辑后的图形

4.3.2 图形的变换

在作图过程中,变换对象的功能是必不可少的。使用工具箱中的变换工具可以进行旋转、缩放、自由变换等操作。除此之外,还可以通过“变换”菜单命令和变换面板来对图形进行更准确的变换。

1.移动

除了可以使用选择工具把选中的锚点、路径进行拖动,从而完成移动操作,还可以使用“移动”对话框来移动对象。

执行“对象”—“变换”—“移动”命令,打开“移动”对话框,如图4-50所示。对话框中的各选项介绍如下。

 水平:该选项设置水平方向的位移,正值表示从左到右的移动。

 垂直:该选项设置垂直方向的位移,正值表示从底部到顶部的移动。

 距离:该选项表示图形位移的距离大小。

 角度:该选项指定移动的方向,角度值以向左的方向为起点,负值表示图形向相反方向移动。

 变换对象:选择该复选框,表示移动当前选择的对象。否则,只移动对象的图案。

 变换图案:选择该复选框,表示移动当前选择对象的图案。

 复制:单击该按钮,可以移动并复制当前选择的对象。

例如,选择一个带有星形图案的矩形,如图4-51所示。然后,执行“变换对象”—“变换”—“移动”命令,打开“移动”对话框,在对话框中设置选项的参数,并选择“对象”复选框,如图4-50所示。单击“确定”按钮后,按照对话框中设置的参数移动矩形。由于没有选择“图案”复选框,图案没有随着对象进行移动,如图4-52所示。

图4-50 “移动”对话框

图4-51 选择星形

图4-52 移动并复制星形效果

2.旋转

使用“旋转工具”可以旋转选中的图形。旋转图形可以任意拖动旋转,也可以在“旋转”对话框中设置旋转角度进行精确的旋转。

使用“旋转工具”手动旋转图形的操作步骤如下。

(1)选择需要旋转的图形后,单击工具箱的“旋转工具”按钮,这时的鼠标指针变为字光标,如图4-53所示。

(2)在当前选中的图形上单击,则可以设置旋转中心点。

(3)确定旋转中心点后,鼠标指针变为,如图4-54所示。这时,拖动图形就能绕旋转中心点进行自由旋转,直至一个合适的角度,如图4-55所示。

图4-53 设定中心点前

图4-54 设定中心点

图4-55 绕中心点旋转

双击“旋转工具”按钮可以打开“旋转”对话框设置旋转角度,使精确地旋转对象。当旋转角度数为正值时,图形将逆时针旋转;当旋转角度数为负值时,图形将顺时针旋转。

选择如图4-56所示的矩形。然后,双击工具箱的“旋转工具”按钮,在弹出的“旋转”对话框设置旋转角度为45º,并单击“复制”按钮,如图4-57所示。这时,复制出一个新的矩形并旋转45º,如图4-58所示。

图4-56 选择矩形

图4-57 设置旋转角度

图4-58 复制并旋转图形

执行“对象”—“变换”—“旋转”命令,也可以打开如图4-57所示的“旋转”对话框进行角度的设置。

3.镜像

在现实生活中有很多物体是对称的。在绘制对称的物体时,使用“镜像工具”可以使对象进行翻转,使工作量减半。

使用“镜像工具”手动镜像图形的步骤如下。

(1)选择需要镜像的图形后,单击工具箱的“镜像工具”按钮,这时的鼠标指针变为字光标。

(2)在图形上单击,则可以设置对称中心点

(3)确定对称点后,鼠标指针变为,在页面上单击鼠标确定两个对称点。通过对称中心和两个对称点之间连成的直线,就是隐形的镜像对称轴,如图4-59所示。这时,图形基于设定的镜像对称轴进行镜像,效果如图4-60所示。

图4-59 设置对称轴

图4-60 镜像效果

如果在确定两个对称点的同时,按下Alt键,则可以镜像复制出一个新的图形。

双击“镜像工具”按钮可以打开“镜像”对话框设置镜像对称轴,使精确地镜像对象。在对话框中,镜像的轴可以设置“水平”“垂直”或是成自由角度,如图4-61所示。

例如,选择如图4-62所示的图形,双击“镜像工具”按钮打开“镜像”对话框。在对话框中选择“水平”复选框,并单击“复制”按钮。这时,以水平为轴镜像复制出一个新的图形,如图4-63所示。

不难发现,使用“镜像”对话框镜像对象时,对称中心点都在对象的中心。如果要在其他位置确定精确的对称轴就需要配合快捷键来打开“镜像”对话框来进行设置,步骤如下。

(1)选择需要镜像的图形后,单击工具箱的“镜像工具”按钮,这时的鼠标指针变为字光标。

(2)按住Alt键,这时的鼠标指针变为

(3)在页面中单击,则可以设置对称中心点,同时并打开了“镜像”对话框。

(4)在对话框中设置镜像轴,单击“确定”按钮完成镜像操作。

图4-61 “镜像”对话框

图4-62 选择图形

图4-63 镜像复制图形

另外,执行“对象”—“变换”—“对称”命令,也可以打开如图4-61所示的“镜像”对话框,同样可以进行轴的设置。

4.缩放

除了可以使用选择工具来缩放对象,还可以使用“比例缩放工具”按钮来实现对图形的缩放。使用“比例缩放工具”对图形进行缩放的步骤如下。

(1)选择需要缩放的图形后,单击工具箱的“比例缩放工具”按钮,这时的鼠标指针变为字。

(2)在图形上单击,则可以设置缩放中心点。

(3)确定缩放中心点后,鼠标指针变为。这时,在任意位置拖动鼠标即可自由缩放对象,如图4-64所示。

如果在拖动鼠标的同时按住Shift键将会规则地缩放对象,如果按住Alt键则会在缩放的同时复制出一个新的图形。

如果要精确地缩放图形,就需要通过“比例缩放”对话框。除了双击“比例缩放工具”按钮打开对话框进行设置,更加快捷的方法和步骤如下。

(1)选择需要缩放的图形后,单击工具箱的“比例缩放工具”按钮,这时的鼠标指针变为字。

(2)在图形上按住Alt键单击,设置缩放中心点,同时打开“比例缩放”对话框,如图4-65所示。

(3)在“比例缩放”对话框中设置相应的比例参数,单击“确定”按钮完成缩放操作。

在“比例缩放”对话框中,分为“等比”“不等比”缩放方式。“等比缩放”是指将对象沿着水平和垂直方向按相同比例缩放;“不等比缩放”是指将对象沿着水平和垂直方向按所输入的比例数值分别缩放。

在“比例缩放”对话框中,“比例缩放描边和效果”选项也很重要,如图4-66所示。对原图进行等比的150%缩放。在对话框中未选择“比例缩放描边和效果”选项,则如图4-66(b)缩放效果1所示,图形的描边的粗细没有改变。反之,在对话框中选择该选项,则如图4-66(c)缩放效果2所示,图形的描边粗细在对象缩放的同时进行调整。

另外,执行“对象”—“变换”—“缩放”命令,也可以打开如图4-65所示的“比例缩放”对话框。

5.倾斜

使用“倾斜工具”可以将对象倾斜,制作出特殊的效果,如图4-67所示。使用“倾斜工具”对图形进行缩放的步骤如下。

(1)选择需要倾斜的图形后,单击工具箱的“倾斜工具”按钮,这时的鼠标指针变为字。

(2)在图形上单击,则可以设置倾斜中心点。

(3)确定中心点后,鼠标指针变为。这时在任意位置拖动鼠标即可自由倾斜对象,如图4-68所示。

图4-64 自由缩放图

图4-65 “比例缩放”对话框

图4-66 缩放描边效果对比

(a)原图;(b)缩放效果1;(c)缩放效果2

如果在拖动鼠标的同时按住Shift键限制对象在水平和垂直两个方向倾斜,如果按住Alt键则会在倾斜的同时复制出一个新的图形。

如果要精确地倾斜图形,就需要通过“倾斜”对话框。打开“倾斜”对话框的方式和缩放、镜像等操作相同,可以通过双击“倾斜工具”按钮打开,可以设置倾斜中心点时按住Alt键打开,也可以执行“对象”—“变换”—“倾斜”命令打开。

在“倾斜”对话框的“倾斜角度”文本框中可以设置倾斜的角度,还可以选择沿水平、垂直或角度为轴进行倾斜操作,如图4-69所示。

图4-67 倾斜效果

图4-68 自由倾斜对象

图4-69 “倾斜”对话框

6.分别变换

执行“对象”—“变换”—“分别变换”命令,打开“分别变换”对话框,如图4-70所示。在该对话框中,可以分别设置缩放、移动、旋转、镜像的变换参数,从而同时对图形进行多种变换操作。

“分别变换”对话框和其他变换对话框不同的是,可以在对话框中设置对象的变换中心点。在对话框的底部有一个图标,如图4-71所示。该图标上有9个控制点,代表了当前选择对象上的9个控制点。在默认的情况下,中心的控制点显示为实心,表示变换中心。单击其他任何一个控制点,可以设置该控制点为新的变换中心点。

图4-70 “分别变换”对话框

图4-71 设置变换中心点

图4-72 随机旋转的矩形

对话框中的“随机”变换是指让每个对象各自独立地随机变换,具有一定的不确定性。例如,选择8个矩形,打开“分别变换”对话框。在对话框中设置“旋转角度”的数值为30º,并选择“随机”复选框。单击“确定”按钮,每一个矩形的旋转方向、角度都不一样,但都不会超过设置的数值30º,如图4-72所示。

7.自由变换

使用“自由变换工具”可以对图形进行所有方式的变换操作,包括移动、缩放、旋转、镜像、倾斜等。

使用“自由变换工具”进行变换的方法和使用“选择工具”进行变换的方法基本相同。选择需要变换的图形后,单击工具箱的“自由变换工具”按钮,在图形的四周会出现定界框,如图4-73所示。通过拖拉定界框的控制点可以对框内的图形进行移动、缩放、旋转和倾斜操作。具体方法可以参考选择工具的使用方法(4.1.1节选择工具组的使用)。

如果要对图形进行镜像操作,则用“自由变换工具”将定界框的一边拖过反方向的边,以方向的边为轴进行镜像,在得到适合的图形后释放鼠标即可完成操作,如图4-74所示。如果在镜像过程中,按下Alt键,则镜像轴为图形的中线,如图4-75所示。

图4-73 图形的定界框

图4-74 以边线为轴镜像

图4-75 以中线为轴镜像

虽然自由变换工具有多种对象变换功能,但由于它无法编辑控制中心点,而且没有复制功能,也没有对话框精确变换对象,所以不能代替其他变换工具。

8.再次变换

针对多次转换操作,Illustrator CC 2018提供“再次变换”命令来简化工作程序。下面通过一个实例来讲解再次变换的使用方法和步骤。

(1)选择一个矩形,执行“对象”—“变换”—“移动”命令,打开“移动”对话框。在对话框中设置水平移动50pt,如图4-76所示。

(2)单击“复制”按钮,水平移动并复制出一个新的矩形,如图4-77所示。

(3)执行“对象”—“变换”—“再次变换”命令,则将复制出的矩形再次进行移动和复制,并保持移动的数值和上一次操作相同。

(4)“再次变换”命令的快捷键是Ctrl+D。再次按下Ctrl+D键,则继续执行“再次变换”命令两次,共移动并复制出3个矩形,这3个矩形之间的间距均为50pt,如图4-78所示。

图4-76 “移动”对话框

图4-77 移动并复制矩形

图4-78 再次变换3次效果

9.变换面板

执行“窗口”—“变换”命令,或按下Ctrl+F8键,可以打开“变换”面板,如图4-79所示。使用变换面板可以快速地对对象进行精确的变换操作。

选择对象后,变换面板会显示该对象的长宽、位置、倾斜度、旋转度以及对齐像素网格信息,用户可以在相应的文本框中输入新的数值来进行变换。

在变换面板的X和Y分别表示对象的X坐标值和Y坐标值,在X或Y文本框中输入新的数值,可以移动对象;调整W(宽)和H(高)数值可以改变对象的宽度和高度,单击图标切换到图标可以使宽和高等比例变换;调整的数值可以改变对象的旋转角度;调整数值可以改变对象的倾斜度。选择“缩放描边和效果”可以在变换对象时同时变换对象的描边和效果;选择“对齐像素网格”可以保持对象边界与像素网格对齐,防止线条模糊。输入数值后按下Enter键就可以完成变换操作。

在面板中的所有数值都是针对对象的定界框而言的,单击定界框图标中的任何一个控制点,可以设置该控制点为新的变换中心点。

单击面板右上角的图标,可以打开面板的弹出菜单。在菜单中的各个选项可参考以上讲解过的变换操作对话框的相应选项。

图4-79 变换面板

4.3.3 图形的基本变形

在Illustrator CC 2018工具箱中,有一组变形工具,如图4-80所示。通过这些工具可以对图形进行旋转扭曲、收缩、膨胀等变形操作。

1.宽度

使用“宽度工具”可以对图形进行拉伸,将鼠标指针移动到拉伸对象上可显示图形的边线和宽度信息,使用“宽度工具”拉伸图形的操作步骤如下。

(1)选择需要拉伸的图形后,单击工具箱中的“宽度工具”按钮

(2)将鼠标指针移至页面上,鼠标指针变为时,在页面上拖动鼠标,可以自由改变图形的宽度,如图4-81所示。

图4-80 变形工具组

图4-81 效果示意图

2.变形

使用“变形工具”可以对图形进行变形,它通过在图形路径上增加新的锚点来改变原路径形态。使用方法很简单,步骤如下。

(1)选择需要变形的图形后,单击工具箱中的“变形工具”按钮

(2)将鼠标指针移至页面上,鼠标指针变为画笔。按住Alt键,在页面上拖动鼠标,可自由改变画笔的宽度和高度。

(3)在图形上自由拖动使进行变形,如图4-82所示。鼠标在图形路径上拖动时,图形路径中会增加锚点,同时路径随着鼠标的移动方向改变。

双击工具箱的“变形工具”按钮可以打开“变形工具选项”对话框对变形效果进行设置,如图4-83所示。在对话框中各选项介绍如下。

图4-82 变形操作

图4-83 “变形工具选项”对话框

 宽度:该选项控制画笔尺寸的宽度。

 高度:该选项控制画笔尺寸的高度。

 角度:当画笔的高度和宽度的尺寸不一样时,该选项控制画笔的角度。例如,画笔角度– 45º的画笔为

 强度:该选项控制画笔的压力强度,强度越大,使图形的变形效果越显著。

 细节:该选项表示变形处理对象细节时的一个精确程度,数值越大精确度越高。

 简化:该选项表示使用变形工具后的效果的简化程度。

 显示画笔大小:选择该选项复选框后在操作中会显示出画笔的大小尺寸。

3.旋转扭曲

使用“旋转扭曲工具”可以使图形进行旋转和扭曲变形,制作出一些奇特的形状。下面通过一个实例来讲解“旋转扭曲工具”的使用方法和步骤。

(1)创建一个星形,如图4-84所示。

(2)单击工具箱的“旋转扭曲工具”按钮,鼠标指针变为画笔。这时,按住Alt键,在页面上拖动鼠标,可自由改变画笔的宽度和高度。

(3)在星形上单击,可以设置扭曲中心点。中心点在旋转扭曲中是不可见的,却在起作用。在本例中,旋转中心点的位置设置在星形的中心,单击星形中心后,将自动进行旋转扭曲操作,释放鼠标效果如图4-85所示。

如果旋转中心点不设置在图形的中心,单击鼠标确定中心点后,在图形路径上拖动鼠标可以进行自由旋转扭曲,能得到意想不到的各种旋转扭曲效果,如图4-86所示。在图形的路径锚点上鼠标拖动时间越长旋转扭曲的旋转线也就越复杂。

图4-84 绘制星形

图4-85 规则旋转扭曲

图4-86 自由旋转扭曲

双击工具箱的“旋转扭曲工具”按钮打开“旋转扭曲工具选项”对话框,通过设置对话框的选项可以改变旋转扭曲的效果,如图4-87所示。

由于“旋转扭曲工具选项”对话框和“变形工具选项”对话框的选项基本相同,在此不再重复。除此以外,对话框增加了“旋转扭曲速率”选项。该选项的数值用来设置当画笔放置在对象上时,旋转扭曲的转速,数值越大旋转扭曲速度越快。

4.缩拢

“缩拢工具”可以使图形的路径会自动发生收缩成为曲线路径,还可以将多个路径融合在一起,并保持原路径的锚点。

“缩拢工具”和“旋转扭曲工具”的使用方法一样,在此不再重复。图4-84所示为星形上进行收缩操作。如果收缩中心点的位置设置在星形的中心,单击星形中心后,将自动进行收缩操作,释放鼠标效果如图4-88所示。

如果收缩中心点不设置在图形的中心,在图形路径上拖动鼠标可以进行自由收缩操作,能得到意想不到的各种收缩效果,如图4-89所示。

图4-87 “旋转扭曲工具选项”对话框

图4-88 规则缩放效果

图4-89 自由缩放效果

双击工具箱中的“缩拢工具”按钮,打开“收缩工具选项”对话框,通过设置对话框的选项可以改变缩放的效果。由于该对话框和“变形工具选项”对话框的选项完全相同,在此不再重复讲解。

5.膨胀

使用“膨胀工具”能使图形以圆形向四周膨胀形成新的路径图形。

“膨胀工具”和“旋转扭曲工具”的使用方法一样。同样,在八角星形上进行膨胀操作,如图4-90所示。如果膨胀中心点的位置设置在星形的中心,单击星形中心后,将自动进行规则的膨胀操作,释放鼠标效果如图4-91所示。

如果膨胀中心点不设置在图形的中心,在图形路径上拖动鼠标可以进行自由膨胀操作,膨胀的方向随着鼠标的移动方向改变,得到各种不规则的膨胀效果,如图4-92所示。

图4-90 八角星形

图4-91 规则膨胀效果

图4-92 自由膨胀效果

双击工具箱的“膨胀工具”按钮,打开“膨胀工具选项”对话框,通过设置对话框的选项可以改变图形膨胀的效果。由于该对话框和“变形工具选项”对话框的选项完全相同,在此不再重复讲解。

6.扇贝

使用“扇贝工具”可以使收缩图形路径,形成多个锐角。“扇贝工具”和其他变形工具的方法一样。本例在如图4-93所示的多边形上进行扇贝操作,如果中心点的位置设置在多边形的中心,单击多边形的中心后,多边形自动收缩形成多个锐角,释放鼠标效果如图4-94所示。

如果中心点不设置在图形的中心,在图形路径上拖动鼠标可以进行自由扇贝变形操作,收缩的方向随着鼠标的移动方向改变,得到各种不规则的收缩效果,如图4-95所示。

图4-93 多边形

图4-94 规则收缩效果

图4-95 自由收缩效果

双击工具箱的“扇贝工具”按钮,打开“扇贝工具选项”对话框,通过设置对话框的选项可以改变图形收缩的效果,如图4-96所示。

在“扇贝工具选项”对话框中,除了熟悉的“全局画笔尺寸”栏的4个选项外,还增加了“扇贝选项”栏,该栏中各选项介绍如下。

 复杂性:该选项控制扇形扭曲产生的弯曲路径数量。

 细节:选择该选项表示可以设置变形细节,细节的数值越大变形产生的锚点越多,对象的细节会越细腻。

 画笔影响锚点:选择该选项表示变形时对象锚点的每一个转角均产生相对应的转角锚点。

 画笔影响内切线手柄:选择该选项表示对象将沿着内切线方向变形。

 画笔影响外切线手柄:选择该选项表示对象将沿着外切线方向变形。

7.晶格化

使用“晶格化工具”可以对图形路径产生晶格化的效果,形成锐、尖角的路径。

“晶格化工具”和其他变形工具的方法一样,但效果却不一样。如果同样对多边形进行变形操作,如果中心点的位置设置在多边形的中心,单击鼠标后,多边形自动进行规则的晶格化变形,释放鼠标效果如图4-97所示。

如果中心点不设置在图形的中心,在图形路径上拖动鼠标可以进行自由晶格化变形操作,变形的方向随着鼠标的移动方向改变,得到各种不规则的晶格化变形效果,如图4-98所示。

图4-96 “扇贝工具选项”对话框

图4-97 规则晶格化变形

图4-98 自由晶格化变形

双击工具箱的“晶格化工具”按钮,打开“晶格化工具选项”对话框,通过设置对话框的选项可以改变图形晶格化变形的效果。该对话框中的选项和“扇贝工具选项”对话框中的选项完全相同,在此不再重复讲解。

8.褶皱

使用“褶皱工具”可以对图形路径产生褶皱效果,形成波浪形舒缓的圆角。

例如,同样选择一个多边形,在工具箱中单击“褶皱工具”按钮。然后,将鼠标指针移至图形上,在图形的路径上拖动鼠标进行自由褶皱变形操作。图形的路径随着鼠标的拖动不断增加锚点,并随着鼠标拖动的方向形成圆角变形效果,如图4-99所示。

双击工具箱的“褶皱工具”按钮,打开“褶皱选项”对话框,通过设置对话框的选项可以改变图形褶皱变形的效果,如图4-100所示。除了与“扇贝工具选项”对话框中相同的选项,该对话框中增加如下选项。

图4-99 褶皱变形效果

图4-100 “褶皱工具选项”对话框

 水平:该选项设置水平方向的褶皱数量,数值越大褶皱效果越强烈。

 垂直:该选项设置垂直方向的褶皱数量,数值越大褶皱效果越强烈。