
2.6 修改工具
Animate CC 2018中的修改工具包括任意变形工具、渐变变形工具和橡皮擦工具。任意变形工具可以随意修改对象的形状;渐变变形工具可以修改渐变色或位图的填充效果;橡皮擦工具可以擦除对象的部分内容,以达到特殊的效果。灵活应用这些变形工具,可以使用户的绘画技法提升一层。
2.6.1 任意变形工具
“任意变形工具”以对象某一点为中心,做任意角度的旋转、倾斜和变形。在绘图工具箱中选中该工具后,在工具箱底部可以看到该工具的四种模式:旋转与倾斜、缩放、扭曲和封套,如图2-125所示。
1. 旋转与倾斜
利用旋转与倾斜模式,可以对舞台中的对象以某一点为中心,做任意角度的旋转、倾斜。
(1)使用选择工具选中要进行变换的对象,然后单击绘图工具箱中的“任意变形工具”按钮,此时,对象的四周出现黑色的变换框,变换框中间的白色圆点为变换中心,如图2-126(a)所示。

图2-125 任意变形工具

图2-126 旋转对象
(2)在绘图工具箱底部单击“旋转与倾斜”按钮,将鼠标指针移到变换框的一个角上,此时鼠标指针变为
,按下鼠标左键并朝一个方向拖动鼠标,即可将对象以变换中心为原点进行旋转,如图2-126(b)所示。释放鼠标后,对象即发生旋转,如图2-126(c)所示。
提示:
在旋转时按住Shift键,可以使对象以45°为单位进行旋转。
旋转的中心点默认为对象的中心位置,移动对象的变换中心,旋转的方式也会发生变化。
(3)将鼠标指针移动到中心点,当鼠标指针变为时,按下鼠标左键,将变换框中心的变换中心拖动到变换框的底部,如图2-127(a)所示。
(4)将鼠标指针移到变换框的右上角上,当指针变为时按下鼠标左键并拖动。此时,对象将以新的变换中心为原点进行旋转,如图2-127(b)所示。
(5)将鼠标指针移到变换框上除四个角以外的控制点上,鼠标指针变为或
时,按下鼠标左键并拖动,当达到需要的效果时,释放鼠标,即可倾斜对象,如图2-128所示。
2. 缩放
缩放工具可以随意缩小或放大对象,并可约束比例对对象进行变形。
(1)选中要进行变换的对象,单击绘图工具箱中的“任意变形工具”按钮,然后在绘图工具箱底部单击“缩放”按钮
。
(2)将鼠标指针移动到变形框角上任意一个手柄,鼠标的指针会变成双向箭头,此时按住鼠标左键不放,沿箭头方向拖动鼠标,可以同时在水平和垂直方向进行缩放,如图2-129所示。

图2-127 移动变换中心并旋转对象

图2-128 倾斜对象
提示:
拖动变形框角上的手柄的同时按下Shift键,可以对象的变形中心点为原点等比例地缩放对象。
(3)如果拖动变形框四条边中间的调节手柄,则可以单独在水平方向或垂直方向进行缩放,如图2-130所示。

图2-129 水平、垂直方向同时缩放

图2-130 仅水平或垂直方向缩放
3. 扭曲
扭曲工具可以看作是“旋转与倾斜”工具和“缩放”工具的组合。
注意
扭曲操作只适用于矢量图形,如果同时选中了舞台上的多个不同对象,扭曲操作也只会对其中的矢量图形起作用。
(1)选中要进行变换的矢量对象,单击绘图工具箱中的“任意变形工具”按钮,然后在绘图工具箱底部单击“扭曲”按钮
。
(2)将鼠标指针移到变换框的变形手柄上,当鼠标指针变成时,按下鼠标左键并拖动,即可扭曲对象,如图2-131所示。

图2-131 扭曲对象前后的效果
4. 封套
封套工具可以通过对象周围的切线手柄变形对象,改变对象的几何学形状。
注意
封套操作只适用于矢量图形,如果选择的对象中包含了非矢量图形,变形将只会对矢量图形起作用。
(1)选择要进行变换的矢量对象,单击绘图工具箱中的“任意变形工具”按钮,然后在绘图工具箱底部单击“封套”按钮
。此时可以看到选中对象四周有许多黑色方形手柄和圆形手柄,如图2-132(a)所示。
(2)将鼠标指针移动到变形框任意一个黑色圆形手柄上,鼠标指针会变成三角箭头,此时按住鼠标左键不放,沿箭头方向拖动鼠标,可以调整曲线的形状,如图2-132(b)所示。变形后的效果如图2-132(c)所示。

图2-132 封套对象
(3)将鼠标指针移动到黑色的方形手柄上,按下鼠标左键拖动也可以变形对象,如图2-133所示。

图2-133 封套效果
2.6.2 上机练习——透视文字

2-7 上机练习——透视文字
练习目标
本节练习使用变形工具和菜单命令制作透视文字效果,通过对操作步骤的详细讲解,使读者熟练掌握使用任意变形工具或变形命令对舞台对象进行修改变形的方法。
设计思路
首先新建一个Animate CC 2018文档,导入一幅背景图像。然后创建文本,通过将文本打散成矢量图形,应用扭曲命令创建透视文字。最后复制透视文本,进行翻转、旋转和扭曲操作,并修改填充色的透明度,完成透视文本的倒影,最终效果如图2-134所示。

图2-134 最终效果
操作步骤
(1)新建一个Animate CC 2018文档(ActionScript 3.0),执行“文件”|“导入”|“导入到舞台”命令,导入一幅背景图。
(2)选中导入的图片,执行“窗口”|“信息”命令,打开“信息”面板,将图片尺寸修改为与舞台尺寸相同,且坐标为(0,0),效果如图2-135所示。
(3)单击时间轴面板左下角的“新建图层”按钮,新建一个图层,然后在工具箱中选择“文本工具”,在属性面板上设置字体为华文彩云,颜色为黄色,大小为70,字间距为20,在舞台上单击,输入“桂林山水”,效果如图2-136所示。

图2-135 原始图片

图2-136 输入文本
(4)选中文本,连续执行两次“修改”|“分离”命令,将文本打散。然后执行“修改”|“变形”|“扭曲”命令,使用鼠标调整文本位置及形态,效果如图2-137所示。
(5)选中文本,执行“编辑”|“复制”和“编辑”|“粘贴到当前位置”命令,复制并粘贴文本,然后选中粘贴的文本,执行“修改”|“变形”|“垂直翻转”命令,翻转文本,并使用键盘上的方向键向下移动文本。
(6)选中翻转后的文本,执行“修改”|“变形”|“扭曲”命令,将文本进行适当角度的旋转和扭曲,效果如图2-138所示。

图2-137 扭曲文本

图2-138 翻转并扭曲效果
(7)打开属性面板,设置文本的填充颜色为淡黄色,且Alpha值为40%,如图2-139所示,得到最终效果如图2-134所示。

图2-139 设置填充色的透明度
2.6.3 渐变变形工具
“渐变变形”工具用于调整渐变颜色或位图填充的视觉属性,如渐变方向、填充位置和渐变色区域的长度。
在Animate CC 2018中,渐变颜色包括线性渐变和径向渐变。下面分别对调整这两种渐变颜色的方法和步骤进行说明。
1. 调整线性渐变
(1)在绘图工具箱中选中“渐变变形工具”,然后单击需要调整的线性渐变填充区域。此时,图形周围会出现有一个圆形手柄和一个方形手柄的调整外框,如图2-140所示。
(2)将鼠标指针移到图形中间的圆形渐变中心手柄上,按下鼠标左键并拖动,可以移动渐变中心位置,此时,图形的渐变填充也将改变,如图2-141所示。

图2-140 线性渐变调整框

图2-141 调整渐变效果
(3)将鼠标指针移到调整渐变区域的方形手柄上,按下鼠标左键拖动,可以调整两条渐变线的距离,从而调整渐变填充的样式,如图2-142所示。
(4)将鼠标指针移到渐变线上的旋转渐变区域的圆形手柄上,按下鼠标左键并拖动,可以旋转填充效果,如图2-143所示。

图2-142 调整渐变效果

图2-143 调整渐变效果
2. 调整径向渐变
(1)在绘图工具箱中选中“渐变变形工具”,然后单击需要调整的径向渐变填充区域。此时,可以看到有三个圆形手柄和一个方形手柄的渐变调整外框,如图2-144所示。
(2)将鼠标指针移到渐变中心,按下鼠标左键拖动,可以移动填充色块中心亮点的位置,如图2-145所示。

图2-144 放射渐变调整框

图2-145 调整渐变效果
(3)将鼠标指针移到位于圆周上的方形手柄上,按下鼠标左键拖动,可以调整填充色块的渐变圆的长宽比例,如图2-146(a)所示。
(4)将鼠标指针移到位于圆周上紧挨着方形手柄的圆形手柄,按下鼠标左键并拖动,可以调整填充色块渐变圆的大小,如图2-146(b)所示。
(5)将鼠标指针移到位于圆周上的旋转手柄,按下鼠标左键并拖动,可以调整填充色块渐变圆的倾斜方向,如图2-146(c)所示。

图2-146 调整填充色块渐变圆的参数
Animate CC 2018除了可以调整渐变填充,还提供调整位图填充的效果。
3. 调整填充的位图
Animate CC 2018除了可以进行渐变填充,还可以使用位图来填充封闭区域。
选择“窗口”|“颜色”命令,调出“颜色”面板。在“颜色”面板的“类型”下拉列表中选择“位图填充”,并单击“导入”按钮导入一幅位图,如图2-147所示。然后在绘图工具箱中选择颜料桶工具,再单击要填充的图形内部,即可使用位图填充封闭区域。
(1)在绘图工具箱中选中“渐变变形工具”,然后单击需要调整的位图填充区域。此时,可以看到四个方形手柄和三个圆形手柄,如图2-148(a)所示。
(2)拖动中心的圆形手柄可以调整位图的位置,效果如图2-148(b)所示。
(3)拖动变形框角左下角的圆形手柄,可以按比例改变图像的大小。如果填充的位图缩小到比绘制的图形小,则使用同一幅位图多次填充,如图2-148(c)所示。
(4)拖动变形框边线上有箭头的方形手柄,可以沿一个方向改变图像的大小,如图2-149(a)所示;拖动矩形框角上的平行四边形手柄,可以改变填充图像的倾斜度,如图2-149(b)所示。

图2-147 设置位图填充

图2-148 位图填充效果
(5)拖动矩形边框右上角的圆形手柄,可以沿一个方向旋转填充的位图,效果如图2-149(c)所示。

图2-149 调整填充的位图
2.6.4 上机练习——绘制路灯光晕

2-8 上机练习——绘制路灯光晕
练习目标
本节通过讲解路灯光晕的绘制步骤,使读者熟练掌握填充工具的使用方法,以及使用“渐变变形工具”修改填充效果的方法。
设计思路
首先打开2.2.5节制作好的“路灯”文件,使用“颜色”面板调制一种线性渐变色填充路灯杆,然后使用“渐变变形工具”修改渐变效果。最后使用“椭圆工具”和“选择工具”绘制光晕,并进行径向填充。最终效果如图2-150所示。

图2-150 路灯效果图
操作步骤
(1)执行“文件”|“打开”命令,打开2.2.5节制作的“路灯”文件。
(2)执行“窗口”|“颜色”命令,打开“颜色”面板。在左上角单击“填充颜色”按钮,在“颜色类型”下拉列表中选择“线性渐变”,然后在面板底部的渐变色带上设置填充颜色为#CCCCCC和#666666,如图2-151(a)所示。选择“颜料桶工具”,单击路灯图形的填充区域,效果如图2-151(b)所示。
有关“颜色”面板的具体使用方法将在第4章进行讲解。
(3)使用“渐变变形工具”单击填充后的路灯杆,对填充后的颜色分布进行调整,效果如图2-152(a)所示。同样的方法调整灯罩的填充方向和颜色分布,效果如图2-152(b)所示。
接下来绘制光晕效果。
(4)单击图层面板左下角的“新建图层”按钮,新建一个图层,并将该图层拖放到最底层。然后选择“椭圆工具”,在属性面板上设置笔触颜色“无”,填充色任意,在舞台上绘制一个椭圆。打开“颜色”面板,设置颜色类型为“径向渐变”,颜色为黄色到白色渐变,且白色的Alpha值为12%,如图2-153所示。
(5)使用“多边形工具”选取椭圆的上半部,并按Delete键将其删除。此时的效果如图2-154所示。

图2-151 颜色设置并填充

图2-152 调整路灯的填充效果

图2-153 颜色设置

图2-154 光晕效果
(6)调整路灯和光晕在舞台中的位置,效果如图2-155所示。然后复制一个光晕,并执行“修改”|“变形”|“水平翻转”命令,调整光晕位置后的效果如图2-156所示。

图2-155 调整光晕的位置

图2-156 路灯效果
(7)双击路灯的轮廓线选中所有轮廓,按Delete键删除,最终效果如图2-150所示。
2.6.5 橡皮擦工具
“橡皮擦工具”主要用来擦除舞台上的对象或对象的部分区域,可以很便利地擦除笔触和填充区域的颜色。
注意
在舞台上创建的矢量文字,或者导入的位图图形,都不可以直接使用橡皮擦工具擦除。必须先使用“修改”菜单中的“分离”命令将文字和位图打散成矢量图形后才能够擦除。
选择绘图工具箱中的“橡皮擦工具”后,会在绘图工具箱底部出现三个选项。它们分别是“橡皮擦模式”、“水龙头”
和“橡皮擦形状”
。
(1)选择绘图工具箱中的“橡皮擦工具”后,在绘图工具箱底部单击“橡皮擦模式”按钮
,选择擦除模式,如图2-157所示。

图2-157 橡皮擦模式
标准擦除
:Animate CC 2018默认的擦除模式。可以擦除矢量图形、线条、打散的位图和文字。
擦除填色
:只可以擦除填充色块和打散的文字,不能擦除矢量线。
擦除线条
:只可以擦除矢量线和打散的文字,不能擦除矢量色块。
擦除所选填充
:只可以擦除已被选择的填充色块和打散的文字,不能擦除矢量线。使用这种模式之前,必须先选中一块区域。
内部擦除
:该模式与画笔工具的“内部绘画”模式相似。擦除图形时,只可以擦除填充区域的内部。当从外往里擦时,不会擦除填充区域。
提示:
选择绘图工具箱中的“橡皮擦工具”后,按住Shift键不放,在舞台上按下鼠标左键并沿水平方向拖动鼠标,会沿水平方向擦除;在舞台上按下鼠标左键并沿垂直方向拖动鼠标,会沿垂直方向擦除;如果需要擦除舞台上所有的对象,双击绘图工具箱中的“橡皮擦工具”按钮即可。
(2)单击“橡皮擦形状”按钮,在弹出的下拉菜单中选择橡皮擦的形状和大小。
Animate CC 2018提供十种大小不同的形状选项,其中圆形和矩形的橡皮擦各五种,单击即可选择橡皮擦形状。
(3)在舞台需要擦除的区域按下鼠标左键并拖动,即可擦除。
教你一招:
如果要一次性擦除舞台上的所有对象,可以在绘图工具箱底部选择“水龙头”工具,鼠标指针变为水龙头形状
时,单击线条或填充区域中的某处就可擦除线条或填充区域。它的作用有如先选择线条或填充区域,然后按Delete键。它与“橡皮擦工具”的区别在于,橡皮擦只能够进行局部擦除,而水龙头工具可以整体擦除。