
3.1 对象的变形与操作
应用变形命令可以对选择的对象进行变形修改,如扭曲、缩放、倾斜、旋转和封套等。还可以根据需要对对象进行组合、分离、叠放、对齐等一系列操作,从而达到制作的要求。
命令介绍
缩放对象:可以对对象进行放大或缩小的操作。
旋转与倾斜对象:可以对对象进行旋转或倾斜的操作。
翻转对象:可以对对象进行水平或垂直翻转。
组合对象:制作复杂图形时,可以将多个图形组合成一个整体,以便选择和修改。另外,制作位移动画时,需用“组合”命令将图形转变成组件。
3.1.1 课堂案例——绘制帆船风景插画
【案例学习目标】使用不同的变形命令编辑图形。
【案例知识要点】使用“椭圆”工具、“矩形”工具和“组合”命令,绘制白云图形;使用“任意变形”工具,缩放图形大小;使用“水平翻转”命令,水平翻转图形,如图3-1所示。

图3-1
【效果所在位置】Ch03/效果/绘制帆船风景插画.fla。
(1)选择“文件 > 打开”命令,在弹出的“打开”对话框中,选择本书学习资源中的“Ch03 > 素材 > 绘制帆船风景插画 > 01”文件,如图3-2所示,单击“打开”按钮,打开文件,如图3-3所示。

图3-2

图3-3
(2)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“白云”。选择“椭圆”工具
,在工具箱中将“笔触颜色”设为无,“填充颜色”设为白色,单击工具箱下方的“对象绘制”按钮
,在舞台窗口中绘制多个圆形,效果如图3-4所示。选择“矩形”工具
,在舞台窗口中绘制一个矩形,效果如图3-5所示。

图3-4

图3-5
(3)在“时间轴”面板中单击“白云”图层,将该层中的图形全部选中,如图3-6所示。按Ctrl+G组合键,将选中的图形进行组合,如图3-7所示。

图3-6

图3-7
(4)选择“选择”工具,选中刚绘制的图形,按住Alt键的同时,向左上方拖曳图形到适当的位置,复制图形,效果如图3-8所示。选择“任意变形”工具
,在图形的周围出现控制框,如图3-9所示,按住Alt+Shift组合键的同时,用鼠标拖动右上方的控制点,等比例缩小图形,效果如图3-10所示。使用相同方法再复制3个图形并调整其大小,效果如图3-11所示。

图3-8

图3-9

图3-10

图3-11
(5)选择“选择”工具,在舞台窗口中选中需要的组合图形,如图3-12所示。选择“修改 > 变形 > 水平翻转”命令,将所选图形水平翻转,效果如图3-13所示。用相同的方法将其他组合对象水平翻转,效果如图3-14所示。

图3-12

图3-13

图3-14
(6)按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“太阳”,在“类型”选项下拉列表中选择“图形”选项,如图3-15所示,单击“确定”按钮,新建图形元件“太阳”。舞台窗口也随之转换为图形元件的舞台窗口。

图3-15
(7)按Alt+Shift+F9组合键,弹出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“径向渐变”,选中色带上左侧的色块,将其设为黄色(#FFCC00),选中色带上右侧的色块,将其设为橘黄色(#FF9900),生成渐变色,如图3-16所示。选择“椭圆”工具
,按住Shift键的同时,在舞台窗口中绘制一个圆形,效果如图3-17所示。

图3-16

图3-17
(8)选择“选择”工具,选中图形,按Ctrl+C组合键,复制图形,按Ctrl+Shift+V组合键,将图形粘贴到当前位置。选择“窗口 > 变形”命令,弹出“变形”面板,将“缩放宽度”选项设为120%,“缩放高度”选项也随之变为120%,如图3-18所示,按Enter键确定操作,效果如图3-19所示。

图3-18

图3-19
(9)在“颜色”面板中,单击“填充颜
色”按钮,选中色带上左侧的色块,将其设为白色,在“Alpha”选项中将其不透明度设为0,选中色带上右侧的色块,将其设为浅黄色(#FFD500),在“Alpha”选项中将其不透明度设为50%,生成渐变色,如图3-20所示,舞台窗口中的效果如图3-21所示。

图3-20

图3-21
(10)单击舞台窗口左上方的“场景1”图标,进入“场景1”的舞台窗口。单击“时间轴”面板下方的“新建图层”按钮
,创建新图层并将其命名为“太阳”。将“库”面板中的图形元件“太阳”拖曳到舞台窗口中的适当位置,如图3-22所示。

图3-22
(11)帆船风景插画绘制完成,按Ctrl+Enter组合键即可查看效果,如图3-23所示。

图3-23
3.1.2 扭曲对象
选择“修改 > 变形 > 扭曲”命令,在当前选择的图形上出现控制点,如图3-24所示。鼠标指针变为,向右下方拖曳控制点,如图3-25所示,拖动四角的控制点可以改变图形顶点的形状,效果如图3-26所示。

图3-24

图3-25

图3-26
3.1.3 封套对象
选择“修改 > 变形 > 封套”命令,在当前选择的图形上出现控制点,如图3-27所示。鼠标指针光标变为,用鼠标拖动控制点,如图3-28所示,使图形产生相应的弯曲变化,效果如图3-29所示。

图3-27

图3-28

图3-29
3.1.4 缩放对象
选择“修改 > 变形 > 缩放”命令,在当前选择的图形上出现控制点,如图3-30所示。鼠标指针变为,按住鼠标不放,向右上方拖曳控制点,如图3-31所示,用鼠标拖动控制点可成比例地改变图形的大小,效果如图3-32所示。

图3-30

图3-31

图3-32
3.1.5 旋转与倾斜对象
选择“修改 > 变形 > 旋转与倾斜”命令,在当前选择的图形上出现控制点,如图3-33所示。用鼠标拖动中间的控制点倾斜图形,鼠标指针变为,按住鼠标不放,向右水平拖曳控制点,如图3-34所示,松开鼠标,图形变为倾斜,如图3-35所示。

图3-33

图3-34

图3-35
将鼠标指针放在右上角的控制点上,鼠标指针变为,如图3-36所示,拖动控制点旋转图形,如图3-37所示,旋转完成后效果如图3-38所示。

图3-36

图3-37

图3-38
选择“修改 > 变形”中的“顺时针旋转90度”“逆时针旋转90度”命令,可以将图形按照规定的度数进行旋转,效果如图3-39和图3-40所示。

图3-39

图3-40
3.1.6 翻转对象
选择“修改 > 变形”中的“垂直翻转”“水平翻转”命令,可以将图形进行翻转,效果如图3-41和图3-42所示。

图3-41

图3-42
3.1.7 组合对象
选中多个图形,如图3-43所示,选择“修改 >组合”命令,或按Ctrl+G组合键,将选中的图形进行组合,如图3-44所示。

图3-43

图3-44
3.1.8 分离对象
要修改多个图形的组合、图像、文字或组件的一部分时,可以使用“修改 > 分离”命令。另外,制作变形动画时,需用“分离”命令将图形的组合、图像、文字或组件转变成图形。
选中图形组合,如图3-45所示。选择“修改 > 分离”命令,或按Ctrl+B组合键,将组合的图形打散,多次使用“分离”命令,效果如图3-46所示。

图3-45

图3-46
3.1.9 叠放对象
制作复杂图形时,多个图形的叠放次序不同,会产生不同的效果,可以通过“修改 > 排列”中的命令实现不同的叠放效果。
如果要将图形移动到所有图形的顶层,选中要移动的油漆桶图形,如图3-47所示,选择“修改 >排列 > 移至顶层”命令,将选中的油漆桶图形移动到所有图形的顶层,效果如图3-48所示。

图3-47

图3-48
提示
叠放对象只能是图形的组合或组件。
3.1.10 对齐对象
当选择多个图形、图像、图形的组合、组件时,可以通过“修改 > 对齐”中的命令调整它们的相对位置。
如果要将多个图形的底部对齐,选中多个图形,如图3-49所示。选择“修改 > 对齐 > 底对齐”命令,将所有图形的底部对齐,效果如图3-50所示。

图3-49

图3-50