中文版Flash CS6基础培训教程(第2版)
上QQ阅读APP看书,第一时间看更新

3.1 对象的变形与操作

应用变形命令可以对选择的对象进行变形修改,如扭曲、缩放、倾斜、旋转和封套等。还可以根据需要对对象进行组合、分离、叠放、对齐等一系列操作,从而达到制作要求。

命令介绍

缩放对象:可以对对象进行放大或缩小的操作。

旋转与倾斜对象:可以将对象旋转或倾斜的操作。

翻转对象:可以将对象水平或垂直翻转。

组合对象:制作复杂图形时,可以将多个图形组合成一个整体,以便选择和修改。另外,制作位移动画时,需用“组合”命令将图形转变成组件。

3.1.1 课堂案例——绘制环保插画

【案例学习目标】使用不同的变形命令编辑图形。

【案例知识要点】使用“椭圆”工具、“矩形”工具和“颜色”面板,绘制白云和树图形;使用“组合”命令,将图形编组;使用“变形”面板,调整图形大小,最终效果如图3-1所示。

【效果所在位置】Ch03/效果/绘制环保插画.fla。

图3-1

扫描观看本案例视频

(1)选择“文件>打开”命令,在弹出的“打开”对话框中,选择“Ch03 >素材>绘制环保插画> 01”文件,如图3-2所示,单击“打开”按钮,打开文件,如图3-3所示。

图3-2

图3-3

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

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

图3-4

图3-5

图3-6

图3-7

(4)在“时间轴”面板中调整图层的顺序,如图3-8所示,舞台窗口中的效果如图3-9所示。选中“小山”图层。单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“树”。

(5)选择“窗口 > 颜色”命令,弹出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“线性渐变”,选中色带上左侧的色块,将其设置为深褐色(#643B18),选中色带上右侧的色块,将其设置为褐色(#876818),生成渐变色,如图3-10所示。选择“矩形”工具,在工具箱下方选择“对象绘制”按钮,在舞台窗口中绘制一个矩形,效果如图3-11所示。

图3-8

图3-9

图3-10

图3-11

(6)调出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“径向渐变”,选中色带上左侧的色块,将其设置为黄绿色(#A3DB3D),选中色带上右侧的色块,将其设置为绿色(#4AA442),生成渐变色,如图3-12所示。选择“椭圆”工具,在工具箱下方选择“对象绘制”按钮,按住Shift键的同时,在舞台窗口中绘制一个圆形,效果如图3-13所示。

(7)按F8键,在弹出的“转换为元件”对话框中进行设置,如图3-14所示,单击“确定”按钮,将图形转为影片剪辑元件,如图3-15所示。

图3-12

图3-13

图3-14

图3-15

(8)选择“选择”工具,在舞台窗口中选中“圆形”实例,在图形“属性”面板中选择“色彩效果”选项组,在“样式”选项的下拉列表中选择“Alpha”,将其值设置为80%。舞台窗口中的效果如图3-16所示。

(9)选择“选择”工具,按住Shift键的同时,单击下方矩形将其同时选中,按Ctrl+G组合键,将选中的图形进行组合,如图3-17所示。按住Alt+Shift组合键的同时,水平向右拖曳图形到适当的位置复制图形。选择“任意变形”工具,缩放复制的“树”实例的大小,效果如图 3-18 所示。用相同的方法再复制一个,缩放大小并放置在适当的位置,效果如图3-19所示。

图3-16

图3-17

图3-18

图3-19

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

(11)调出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“径向渐变”,选中色带上左侧的色块,将其设置为黄色(#FFE438),选中色带上右侧的色块,将其设置为橘黄色(#FFBE11),生成渐变色,如图 3-21 所示。选择“椭圆”工具,按住 Shift 键的同时,在舞台窗口中绘制一个圆形,效果如图3-22所示。

图3-20

图3-21

图3-22

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

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

图3-23

图3-24

图3-25

图3-26

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

(15)选择“文件>导入>导入到库”命令,在弹出的“导入到库”对话框中选择“Ch03 >素材>绘制环保插画> 02”文件,单击“打开”按钮,文件被导入“库”面板中,如图3-28所示。

(16)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“草丛”。将“库”面板中的图形元件“02”拖曳到舞台窗口中的适当位置,选择“任意变形”工具,等比例放大图形,效果如图3-29所示。环保插画绘制完成,按Ctrl+Enter组合键即可查看效果。

图3-27

图3-28

图3-29

3.1.2 扭曲对象

选择“修改 > 变形 > 扭曲”命令,当前选择的图形上会出现控制点,如图 3-30 所示。光标变为,向右下方拖曳控制点,如图3-31所示,拖动四角的控制点可以改变图形顶点的形状,效果如图3-32所示。

图3-30

图3-31

图3-32

3.1.3 封套对象

选择“修改 > 变形 > 封套”命令,当前选择的图形上会出现控制点,如图 3-33 所示。光标变为,用鼠标拖动控制点,如图3-34所示,使图形产生相应的弯曲变化,效果如图3-35所示。

图3-33

图3-34

图3-35

3.1.4 缩放对象

选择“修改 > 变形 > 缩放”命令,当前选择的图形上会出现控制点,如图 3-36 所示。光标变为,按住鼠标不放,向右上方拖曳控制点,如图 3-37 所示,用鼠标拖动控制点可成比例改变图形的大小,效果如图3-38所示。

图3-36

图3-37

图3-38

3.1.5 旋转与倾斜对象

选择“修改 > 变形 > 旋转与倾斜”命令,当前选择的图形上会出现控制点,如图3-39所示。用鼠标拖动中间的控制点倾斜图形,光标变为,按住鼠标不放,向右水平拖曳控制点,如图3-40所示,松开鼠标,图形变为倾斜,如图3-41所示。

图3-39

图3-40

图3-41

将光标放在右上角的控制点上,光标变为,如图 3-42 所示,拖动控制点旋转图形,如图 3-43所示,旋转完成后的效果如图3-44所示。

图3-42

图3-43

图3-44

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

图3-45

图3-46

3.1.6 翻转对象

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

图3-47

图3-48

3.1.7 组合对象

选中多个图形,如图3-49所示;选择“修改>组合”命令,或按Ctrl+G组合键,将选中的图形进行组合,如图3-50所示。

图3-49

图3-50

3.1.8 分离对象

要修改多个图形的组合、图像、文字或组件的一部分时,可以使用“修改>分离”命令。另外,制作变形动画时,需使用“分离”命令将图形的组合、图像、文字或组件转变成图形。

选中图形组合,如图3-51所示。选择“修改>分离”命令,或按Ctrl+B组合键,将组合的图形打散,多次使用“分离”命令的效果如图3-52所示。

图3-51

图3-52

3.1.9 叠放对象

制作复杂图形时,多个图形的叠放次序不同,会产生不同的效果,可以通过“修改>排列”中的命令实现不同的叠放效果。

如果要将图形移动到所有图形的顶层,可以选中要移动的雨伞图形,如图3-53所示,然后选择“修改>排列>移至顶层”命令,将选中的雨伞图形移动到所有图形的顶层,效果如图3-54所示。

图3-53

图3-54

提示

叠放对象只能是图形的组合或组件。

3.1.10 对齐对象

当选择多个图形、图像、图形的组合、组件时,可以通过“修改 >对齐”中的命令调整它们的相对位置。

如果要将多个图形的底部对齐,可以选中多个图形,如图3-55所示,然后选择“修改>对齐>底对齐”命令,将所有图形的底部对齐,效果如图3-56所示。

图3-55

图3-56