
4.1 改变对象的大小与形状
通常情况下,用户可以使用绘图工具箱中的自由变形工具或黑色箭头工具修改对象的大小和形状,具体操作已在第2章作了介绍。如果用户希望对对象进行精确的调整,可以使用“修改”|“变形”子菜单命令实现,如图4-1所示。

图4-1 “变形”子菜单
其中,“任意变形”命令囊括所有对对象的变换操作,与工具箱中“任意变形工具”的功能一样,在此不再赘述。
执行“取消变形”命令,则可将刚经过变形的对象恢复到变形之前的状态。
4.1.1 缩放与旋转对象
在舞台上选择需要变形的对象后,执行“修改”|“变形”|“缩放与旋转”命令,会弹出如图4-2所示的“缩放与旋转”对话框。
缩放:用于等比例缩放选中的对象。
旋转:用于设置选中对象的旋转角度。

图4-2 “缩放和旋转”对话框
4.1.2 翻转
使用“变形”菜单中的翻转命令,可以将对象在水平方向或垂直方向上进行颠倒。该操作在制作镜像或倒影效果时非常有用。
(1)选择舞台上需要翻转的对象。
(2)执行“修改”|“变形”|“水平翻转”或“垂直翻转”命令,可以对对象进行相应的翻转操作,如图4-3和图4-4所示。

图4-3 水平翻转前后

图4-4 垂直翻转后
4.1.3 上机练习——倒影

4-1 上机练习——倒影
练习目标
本节练习使用“翻转”命令和设置实例的Alpha值制作倒影效果,通过操作步骤的详细讲解,使读者熟练掌握“翻转”命令的效果和使用方法。
设计思路
首先新建一个Animate CC 2018文档,并导入一幅背景图像。然后制作一个图形元件,并在舞台上放置两个实例。通过垂直翻转其中一个实例,并修改实例的Alpha值,创建倒影,最终效果如图4-5所示。

图4-5 最终效果
操作步骤
(1)新建一个Animate CC 2018文件。执行“文件”|“导入”|“导入到舞台”命令,导入一幅将作为背景的图像,如图4-6所示。
(2)单击时间轴面板左下角的“新建图层”按钮,新建一个图层。执行“文件”|“导入”|“导入到舞台”命令,导入一幅图像,如图4-7所示。然后使用工具箱中的“任意变形工具”,调整图像的大小和位置。
(3)选中导入的小鱼图片,执行“编辑”|“转换为元件”命令,在弹出的“转换为元件”对话框中输入元件的名称,在“类型”下拉列表中选择“图形”,然后单击“确定”按钮关闭对话框。
(4)执行“窗口”|“库”命令,打开“库”面板,将创建的图形元件拖到舞台中,这样舞台上就有两个图形元件的实例。
(5)执行“修改”|“变形”|“垂直翻转”命令,将一个对象垂直翻转180°,然后将其中一个小鱼的图像移动到另一个小鱼图像的下面,如图4-8所示。

图4-6 导入的背景图像

图4-7 导入的小鱼图像

图4-8 两个小鱼的图像
(6)单击下面的小鱼图像,在属性面板上选择Alpha选项,然后设置透明度为57%。最终的效果如图4-5所示。
4.1.4 使用“变形”面板
使用“变形”面板可以精确地对对象进行等比例缩放、旋转,还可以精确地控制对象的倾斜度。
(1)在舞台上选择需要精确调整的对象。
(2)执行“窗口”|“变形”命令,打开“变形”面板,如图4-9所示。

图4-9 “变形”面板
:水平方向的缩放比例。
:垂直方向的缩放比例。
如果“约束”按钮显示为
,表示在水平和垂直方向上约束比例进行缩放;单击该按钮,按钮显示为
,可以分别在水平方向和垂直方向进行缩放。
旋转:在“旋转角度”文本框中设置旋转的角度。
倾斜:在“水平倾斜”和“垂直倾斜”文本框中分别输入水平方向与垂直方向需要倾斜的角度。
3D旋转:通过设置X、Y和Z轴的坐标值,可以旋转选中的3D对象。
3D中心点:通过设置X、Y和Z轴的坐标值,移动3D对象的旋转中心点。
水平翻转所选内容
:将选中的对象进行水平翻转。
垂直翻转所选内容
:将选中的对象进行垂直翻转。
重制选区和变形
:原来的对象保持不变,制作一个副本进行变形。
取消变形
:将选中的对象恢复到变形之前的状态。
4.1.5 上机练习——五色花环

4-2 上机练习——五色花环
练习目标
本节练习制作一个五色花环,通过操作步骤的详细讲解,使读者熟练掌握“变形”面板的使用方法。
设计思路
首先新建一个Animate CC 2018文档,为便于绘图,调出网格,并调整网格大小。然后使用“椭圆工具”绘制一个圆形,并将变形中心点拖放到圆形之外,通过“变形”面板旋转并复制图形,制作五个圆形。接下来复制最后一个圆形,填充黑色并打散,隐藏图形,最终效果如图4-10所示:红、黄、绿、蓝、紫五个不同颜色的圆一个压一个,其特殊之处是,最后是红圆压紫圆,而不是紫圆压红圆。

图4-10 图像效果
操作步骤
(1)新建一个文件。执行“视图”|“网格”|“编辑网格”命令,在弹出的“网格”对话框中选择“显示网格”和“贴紧至网格”选项,并设置网格宽度和高度为20像素,如图4-11所示。然后单击“确定”按钮关闭对话框。
(2)选择“椭圆工具”,在属性面板上设置填充色为红色,无笔触颜色,在舞台上按住Shift键绘制一个直径长为6个网格的正圆。使用“选择工具”双击正圆的填充区域,然后执行“修改”|“组合”命令,将其群组为一个整体对象。
(3)选中组合对象,单击工具箱中的“任意变形工具”按钮,将变形框的中心点拖到离圆左边一格的网格十字交点上,如图4-12所示。

图4-11 “网格”对话框

图4-12 移动中心点
(4)执行“窗口”|“变形”命令,打开“变形”浮动面板。单击“重制选区和变形”按钮,然后选择“旋转”单选按钮,设置旋转角度为72,如图4-13所示。此时舞台上会复制出一个新的红圆,且旋转了72°,如图4-14所示。

图4-13 “变形”面板

图4-14 复制并应用变形后的效果
提示:
如果对变形后的对象不满意,可以执行“编辑”|“撤销”命令取消变形操作。但该菜单命令只能撤销在舞台上执行的最后一次变形。如果在取消选择对象之前单击“变形”面板上的“取消变形”按钮,可以将选中的对象恢复到变形前的初始状态,不管之前对该对象进行了多少次变形。
(5)选中复制出的圆,执行“修改”|“取消组合”命令将圆分解,在“属性”面板上,将填充色修改为黄色。然后选中黄色的圆,执行“修改”|“组合”命令,如图4-15所示。
(6)重复第(3)~第(6)步,直到最后一个紫圆。如图4-16所示。与图4-10比较会发现,紫圆压着蓝圆和红圆,但红圆并没有压着紫圆。
(7)选中紫圆,并将其旋转中心移到五个圆的中心位置。然后单击“变形”面板中的“重制选区和变形”按钮,选择“旋转”选项,设置旋转角度为72。此时舞台上会复制出一个新的紫圆,如图4-17所示。

图4-15 修改圆的填充色

图4-16 图像效果

图4-17 图像效果
(8)执行“修改”|“取消组合”命令,将新紫圆填充为黑色,然后再将黑色的圆进行组合。执行“修改”|“分离”命令将紫圆打散,再执行相同的命令将黑圆打散。此时单击紫圆,黑圆会自动隐藏。
(9)执行“修改”|“组合”命令组合紫圆,最终的效果如图4-10所示。
4.1.6 使用“信息”面板
使用“信息”面板可以精确地调整对象的位置和大小。
(1)在舞台中选中需要精确调整的对象。
(2)执行“窗口”|“信息”命令,打开“信息”面板,如图4-18所示。
宽:在该文本框中输入选中对象的宽度值。
高:在该文本框中输入选中对象的高度值。
注册点|变形点
:设置对象的注册点和变形点的位置。新建图形时,默认的注册点位于图形的左上角;变形点位于图形中心。
X:在该文本框中输入选中对象的横坐标值。
Y:在该文本框中输入选中对象的纵坐标值。

图4-18 “信息”面板
用户还可以在该面板中查看鼠标当前位置的颜色RGB和Alpha值、鼠标当前位置的坐标值,以及鼠标指针处在位置的笔触宽度。