flash元件与影片剪辑.pdf

《flash元件与影片剪辑.pdf》由会员分享，可在线阅读，更多相关《flash元件与影片剪辑.pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 第五讲 元件和实例 打印本页 随着动画复杂度的提高，必然会出现两种情况：首先是有些元素会重复使用；其次是有些对象会要求有特殊的同步行为和交互行为。这时，就需要用到 Flash 中的元件，并通过元件来创建实例。5.1 元件与实例 学习目标 本节学习的概念比较多。元件（symbol），又称符号，是一种比较独特的、可重复使用的对象。以元件为样本，创建出来的对象叫做实例。元件的引入使得动画的制作更为简单，动画文档的大小明显减小，播放速度也显著提高。而库面板则是管理元件的主要工具，每个动画文档都有自己库，存放着各自的元件，就像每个工厂将材料存放在自己的仓库中一样。5.1.1 元件的分类 在 Flash

2、 中，元件包括图形、按钮、影片剪辑三类。每个元件都有一个唯一的时间轴和舞台。创建元件时要选择元件类型，这取决于元件在文档中的工作方式。三类元件的介绍如下：1.图形元件 可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。2.按钮元件 可以创建响应鼠标点击、滑过或其它动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。3.影片剪辑元件 可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其

3、它影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。5.1.2 使用库面板 库面板用于存储和组织在 Flash 中所创建的图标以及导入的声音文件。其中，图标由图片、按钮、电影片段构成。库面板也包括在文件夹中存储的库存项目列表，从中可以看出电影中的一个图标使用的频度，并且可以将其按照类型排序。库面板的主要操作都在单击右上角的 按钮后打开的弹出菜单中。单击该按钮，弹出菜单。库面板的相关操作包括以下内容。1.显示库面板 在主菜单中选择窗口/库，可以显示或者隐藏库面板。2.在库面板中查看项目 库面板中的每个 Flash 文件包括元件、位图和声音文件。当用户在库面板中选择项目时，

4、该项目的内容就出现在窗口上部的预览界面中。如果选定的项目是动画或是声音文件，也可以应用控制器进行预览的控制。库面板的纵栏依次是列表项的名字、类型、在动画文件中使用的次数、链接和上一次修改的时间。可以在库面板中按任何项目排序。单击纵栏项目头，按照字母顺序等进行排列，也可以单击右上角的三角形按钮使项目按某一列的逆向排序。3.使用库面板中的文件夹 单击下部的新建文件夹的按钮，可以加入一个新的文件夹。当创建新元件时，新元件将出现在当前选定的文件夹里。如果没选定文件夹，它将出现在库面板的最下边，可以用鼠标把它从某个文件夹拖到另一个文件夹中。5.1.3 创建实例 创建元件之后，可以在文档中任何需要的地方（

5、甚至在其它元件内）创建该元件的实例。元件和实例的关系，就是本质与现象的关系。同一个本质可以有不同的现象。所以，同一个元件可以有多个外观不同的实例；在修改元件时，Flash 会更新元件的所有实例；修改实例，不会影响到原来的元件。下面的简单例子可以帮助我们认识这些关系。（1）新建 Flash 文档，选择菜单栏插入/新建元件命令，在打开的创建新元件对话框中选择图形单选项。（2）此时时间轴已经不再是原来舞台的时间轴，而变成了元件 1的时间轴，这点可以从舞台上方的提示栏看出，场景 1后面多了元件 1。（3）用多角星形工具 在舞台中绘制一个多边形，此时可以看到库面板中多出了元件 1一项（如果库面板没有打开

6、，则选择菜单栏的窗口/库命令将其打开）。（4）单击场景 1或者其前面的箭头 按钮，返回到原来的舞台，可以看到舞台上什么都没有。（5）用鼠标按住并拖拽库中的元件 1到舞台上，连续拖拽 3 个。这 3 个多边形便称之为元件 1的实例。（6）对舞台上的第 1 个多边形用任意变形工具 进行变形，对第 2 个多边形先用任意变形工具 进行变形，然后用选择工具 选中，并打开属性面板。选择颜色下拉列表的高级选项。（7）单击旁边的设置按钮，在打开的高级效果对话框中进行设置，将该对象变成绿色、半透明。（8）此时可以看到，舞台中前两个多边形的变化并不影响库中元件 1，也不影响第 3 个实例。（9）双击库面板中的元件

7、 1切换至元件编辑状态，用选择工具 将多边形进行修改。（10）此时退出元件编辑模式，再回到舞台上，可以看到 3 个实例均发生了变化。5.1.4 编辑元件的方法 使用选择工具双击舞台上的实例，或者右击实例，在弹出的菜单中选择在当前位置编辑即可。这时就进入了元件编辑模式，而其它对象以灰显方式出现。正在编辑的元件名称显示在舞台上方的编辑栏内，位于当前场景名称的右侧。舞台上的狼是一个元件实例。使用选择工具双击它之后，就进入了编辑模式，狼周围的树林颜色变淡了，同时在时间轴上方的场景 1右边出现了狼标签，这就表示当前是在场景 1中编辑狼元件。此外，还可以使用在新窗口中编辑命令在一个单独的窗口中编辑元件。在

8、单独的窗口中编辑元件，就可以同时看到该元件和主时间轴。正在编辑的元件名称会显示在舞台上方的编辑栏内。5.2 使用图形元件 学习目标 图形元件是比较简单的元件类型。本节的学习目的，就是掌握图形元件实例的颜色和循环方式设置。5.2.1 设置元件实例的颜色 在前面说过，修改实例并不会影响原来的元件。在这里看看如何设置图形元件的颜色设置。实际上所有元件的颜色设置方法是一样的。学习了图形元件的颜色设置，读者可以用同样的方法在以后设置影片剪辑和按钮。首先看舞台上的一个图形元件实例，例如一个人物。使用选择工具单击它，然后使用菜单窗口/属性/属性打开属性面板。可以看到在属性面板的右半部分有 颜色下拉菜单。在下

9、拉菜单中，如果选择无，那么不应用任何颜色效果。除此之外，可以选择四种颜色效果。1.亮度 选择了亮度之后，可以修改图形元件的亮度。亮度为 0 表示无效果，100%表示最亮，-100%表示。2.色调 色调的设置效果，是给整个图形对象加上颜色偏移的效果。例如想让整个人物变绿，那么可以将偏移颜色 设置为绿色，再将其后面的偏移值设置成一个正数，那么舞台上的图形对象就带上绿色效果了。3.不透明度（Alpha）Alpha 值的作用是控制对象的不透明度。当 Alpha 值为 100 的时候，对象是完全不透明的，没有任何效果；当 Alpha 值小于 100 而大于 0 的时候，对象是半透明的；当 Alpha 值

10、等于 0 的时候，对象就变成完全透明的，看不见了。4.高级 选择了高级项之后，就会在后面出现设置按钮。单击设置按钮，将会进行高级设置。在这里简单说一下计算的方法。假设有一个颜色为#CCFF33，Alpha 值为 90 的点，应用了图中的设置，那么应该变成什么样子？可以分 4 步：（1）先计算红色成分。原来的红色成分是十六进制的 CC，也就是十进制的 204，按图中的换算规则是乘以80%，取整后为 163，也就是十六进制的 A3。（2）再计算绿色成分。原来的绿色成分是十六进制的 FF，也就是十进制的 255，按图中的换算规则是乘以50%再加上 30，取整后为 158，也就是十六进制的 9E。（3

11、）然后计算蓝色成分。原来的蓝色成分是十六进制的 33，也就是十进制的 51，按图中的换算规则是乘以20%再加上负 80，取整后为负 70。但是颜色值的取值范围是 0255，所以只能取最小值 0。（4）接下来计算 Alpha 值。原来的 Alpha 值是 90，这本来就是十进制的，按图中的换算规则是乘以 80%再加上 30，结果是 102。但是 Alpha 值的取值范围是 0100，所以只能取最大值 100。（5）最后综合上面的计算结果，可以得到应用效果后的颜色值为#A39E00，Alpha 值为 100。5.2.2 设置图形元件的循环方式 选中图形元件之后，可以在属性面板的中部设置图形元件的循

12、环方式，共有三种循环方式供选择。在后面的第一帧文本框中，可以设置动画的起始帧。各种循环方式的特点如下：循环：播放到最后一帧之后，又回到开头继续播放。播放一次：播放到最后一帧之后，就静止不动了。单帧：只显示一帧。5.2.3 操作实例：旋转的风车 上机实践 本实例是在制作图形元件的基础上，掌握如何设置图形元件的播放。（1）首先创建一个新文档，文档大小保持默认状态即可。使用线条工具 在舞台中绘制出一片风车叶子的轮廓。在绘制线条时启用工具箱中的贴紧至对象 功能，可以使绘制出来的线条处于封合状态。（2）使用颜料桶工具 对舞台上的图形进行颜色填充，填充颜色可以根据个人爱好自由设定，这里填充的是绿色和深绿色

13、。（3）使用任意变形工具 选中舞台中的图形，然后将变形中心点的位置拖拽到图形左下角的位置上。（4）打开变形面板，将旋转的角度设置为 90 度，点击 3 次复制并应用变形按钮，制作出风车的其余 3个叶片。（5）接下来使用选择工具 选中整个风车叶片，按键盘上的F8功能键，准备将舞台上的风车图形转换为影片剪辑元件。（6）按了F8功能键之后，会弹出转换为元件对话框，设置元件名称为风车，元件类型选择为图形，最后单击确定按钮，将舞台上的图形转换为图形元件。（7）将舞台上的风车复制两次，并适当调整大小。（8）使用绘图工具绘制风车的柄。（9）这时三架风车的扇页位置是完全相同的。但是在现实中，很少出现多个风车扇

14、页位置一致的现象。这时可以进行调整。选中左边的风车扇页，在属性面板中将第一帧设置为 3。（10）将右边风车扇页的第一帧设置为 2。这时风车的扇页错落有致。（11）最后还有很关键的一步。在主时间轴中，单击选中第 20 帧，按 F5 快捷键插入帧。如果少了这一步，那么主时间轴中只有一帧，图形元件是与时间轴同步的，也只能显示一帧了。（12）至此动画制作完成，保存并测试动画。5.3 使用影片剪辑 学习目标 影片剪辑作为 Flash 元件的一个重要类型，在动画制作中一直发挥着不可替代的作用，合理地运用影片剪辑可以制作出很多奇特的效果。此外，影片剪辑实例的颜色设置与图形实例是相同的，在此不再赘述。5.3.

15、1 创建影片剪辑 要创建影片剪辑，可以有两种方法：1.创建空白的影片剪辑 使用菜单命令插入/新建元件，可以创建一个空白的元件。在创建新元件对话框中设置元件的名称，并将元件的行为设置为影片剪辑，单击确定按钮就可以了。2.将舞台上的对象转换为影片剪辑 使用选择工具选中舞台上的对象，使用菜单修改/转换为元件或者快捷键 F8，在对话框中设置元件的名称，并将元件的行为设置为影片剪辑，然后设置注册点位置，再单击确定按钮就可以了。在这里说一下注册点。注册点就是转换为元件之后的元件坐标原点。例如将注册点位置设置为右上，那么转换为元件之后，元件的坐标原点将位于被选中的对象的右上方。5.3.2 操作实例：蜡烛 上

16、机实践 元件在动画制作过程中是不可缺少的元素，不仅可以反复使用它，而且还可以对它进行属性修改等。这一实例就通过制作一个燃烧的蜡烛效果，初步认识元件的作用。（1）创建一个尺寸为 400300 的新文档，文档的背景颜色为黑色。这里将背景颜色设置为黑色是为了衬托出蜡烛的光芒。（2）在舞台中绘制一个渐变矩形，在矩形的上方再绘制一个渐变椭圆，对其进行变形后制作出蜡烛图形。由于前面已经深入的讲解过图形的绘制方法，这里就不再细述。（3）绘制好蜡烛图形后，现在来制作晃动的灯心效果。执行菜单栏插入/新建元件命令，此时会弹出创建新元件对话框。（4）在弹出的创建新元件对话框中，名称指的是元件的名称，这里命名为灯心；

17、类型指的是元件类型，这里选择为影片剪辑。（5）单击确定按钮，进入元件的编辑状态。使用工具箱中的椭圆工具 在舞台上绘制一个线性渐变椭圆，再结合选择工具 调节渐变椭圆的形状，调整完成后的图形作为灯心效果。灯心的渐变颜色由下而上依次为黄色#FFFF00到桔红色#FF6600，再到深红色#D22B00的渐变。（6）在时间轴的第 2、3、4、5 帧上按F6功能键插入关键帧，然后在这几帧所对应的舞台上，使用选择工具 分别适当调整灯心顶端在不同帧上的不同形状，制作出火苗因为燃烧而产生晃动的动画效果。（7）灯心的效果就制作到此，接下来执行菜单栏插入/新建元件命令，此时会弹出创建新元件对话框。（8）在该对话框中

18、，将元件名称命名为光晕，元件类型选择为影片剪辑元件。（9）单击确定按钮，进行光晕元件的编辑区。在舞台上绘制一个放射状渐变椭圆，渐变颜色同第 5 步骤中的相同。（10）选中舞台上的渐变椭圆，执行菜单栏修改/形状/柔化填充边缘命令，此时柔化填充边缘对话框将被打开。在该对话框中将距离和步骤数均设置为 10，方向为默认的扩展。（11）单击确定按钮完成设置。（12）在时间轴的第 2 到 5 帧上分别按下F6功能键插入关键帧，然后使用键盘上的方向键移动每帧所对应的光晕图形。每帧上光晕移动的距离只需要相差 1 到 2 个像素即可，以强化火焰燃烧时的动感。（13）完成光晕的动画制作后，点击时间轴上的场景 1按

19、钮，回到主场景中。执行菜单栏窗口/库命令，此时会将库面板打开。（14）在库面板中可以看到刚才创建的灯心和光晕两个影片剪辑元件，使用选择工具 直接将光晕影片剪辑元件拖拽至舞台中，并放置于蜡烛之上。（15）接着再将灯心影片剪辑元件拖拽至舞台上，同样放置于蜡烛之上。再使用选择工具 选中舞台上的光晕元件，将该元件向上移动，构成一幅完整的蜡烛图像。（16）最后使用Ctrl+Enter预览动画，一根正在燃烧的蜡烛动画就制作完成。5.3.3 操作实例：一群小鸟 上机实践 在上一章的飞行的小鸟实例中，已经初步认识了影片剪辑元件的作用，本例将在它的基础上继续了解元件的功能。（1）打开第 5 章中制作过的飞行的小

20、鸟实例，然后执行菜单栏文件/另存为命令，将该文档另存为一群小鸟。（2）将文件另存之后，在时间轴上锁定图层 2，点击插入图层按钮创建一个新的图层 3，在该图层的第 3帧上按F6功能键插入关键帧。（3）执行菜单栏窗口/库命令，此时会打开库面板。使用选择工具 直接将库面板中的元件 1拖拽至舞台上。（4）使用任意变形工具 适当缩小舞台上的小鸟图形，缩放完成后，将小鸟图形放置在舞台中的右侧边缘处。（5）在第 3 帧上单击鼠标右键，在弹出的菜单中选择创建补间动画命令，创建一个补间动作。再在第 25帧处按F6功能键插入一个关键帧，同样在该帧上单击鼠标右键，在弹出的菜单中选择删除补间命令，删除第25 帧以后的

21、补间动作。（6）继续选中第 25 帧，然后在舞台中将小鸟图形移动至舞台的最左侧边缘。这样运用同一个元件创建的第二个运动动画就制作完成。（7）分别在时间轴的三个图层的第 40 帧上按F5功能键插入帧，再在图层 2 的第 30 帧上单击鼠标右键，在弹出的菜单中选择删除补间命令，删除第 30 帧以后的补间动作。（8）锁定图层 3，创建一个新的图层 4，在该图层的第 10 帧上按F6功能键插入一个关键帧。（9）继续选中第 10 帧，再次将元件 1从库面板中拖拽至舞台上，将小鸟图形放置在舞台的右侧边缘的任意位置。（10）在第 10 帧上单击鼠标右键，在弹出的菜单中选择创建补间动画命令，创建一个补间动作。

22、再在第40 帧处按F6功能键插入一个关键帧。（11）创建好补间动作之后，继续选中第 40 帧，在舞台中将小鸟移动到舞台左侧边缘的任意位置上。（12）最后使用Ctrl+Enter预览动画，一群小鸟从天空飞翔而过的动画效果就制作完成。当然还可以用相同的方法创建多个运动动画，使在天空中飞翔的小鸟增多。5.3.4 操作实例：海里的鱼 上机实践 在前面的实例学习中，已经知道了元件可以反复使用。在这一实例中将学习如何修改元件的颜色属性。（1）打开上一章制作过的游动的小鱼实例，本实例将在此例的基础上进行制作。执行菜单栏文件/另存为命令，将该实例另存为海里的鱼。（2）将文件另存之后，在时间轴上选择图层 1，即

23、选中小鱼动画所在的图层。选中图层 1 后，该层时间轴上的所有帧都处于选中状态，然后在该层的时间轴上单击鼠标右键，在弹出的菜单中选择剪切帧命令，准备将该层上的整个运动动画剪切到新的位置。（3）执行了剪切帧命令之后，执行菜单栏插入/新建元件命令，此时会弹出创建新元件对话框，在该对话框中，名称保持默认即可，元件类型选择为影片剪辑。（4）单击确定按钮，进入新创建的元件编辑区。在元件编辑状态下，点击时间轴的第 1 帧后，单击鼠标右键，在弹出的菜单中选择粘贴帧命令，这样就将主场景中的整个动画粘贴到了元件 1 中。（5）完成后点击时间轴上的场景 1按钮，回到主场景中。观察时间轴上的图层 1，此时该层上的帧已

24、被变成空白帧。（6）执行菜单栏窗口/库命令，此时会弹出库面板，在该面板下可以看到创建的影片剪辑元件 1已经放置在其中。（7）使用选择工具 直接拖拽元件 1至舞台中，将它放置于舞台右侧边缘的任意位置上。（8）锁定图层 1，点击插入图层按钮创建一个新的图层 3。在该图层的第 5 帧上按F6功能键插入一个关键帧，然后从库面板中将元件 1拖拽至舞台右侧的任意位置上。（9）使用工具箱中的任意变形工具 适当缩小小鱼图形的大小，然后使用选择工具 选中该元件。打开滤镜面板，点击添加滤镜按钮，在弹出的列表中选择调整颜色命令。（10）在点击了调整颜色对话框后，就进入了调整颜色属性对话框。在该属性框中适当调整饱和度

25、和色相的值。一边调整一边观察舞台上选中的小鱼的颜色变化，这里饱和度和色相的值的设定没有固定约束，只要和图层 1 中小鱼的颜色不一致就可以了。（11）接下来锁定图层 3，创建一个新的图层 4，在该图层的第 3 帧上按F6功能键插入关键帧。然后从库面板中将元件 1拖拽至舞台的任意位置。（12）使用选择工具 选中图层 4 中的小鱼元件，然后打开滤镜面板，点击添加滤镜按钮，在弹出的菜单中选择调整颜色命令。在打开的调整颜色属性面板中，适当调整图像饱和度和色相值，使该图层中的小鱼颜色与前两个图层中小鱼的颜色有所区别。（13）应用相同的方法，可以在时间轴上创建若干图层，在不同图层的不同帧上放置元件 1，然后

26、对小鱼图形进行任意的缩放和颜色修改。这里再添加两个图层。（14）最后使用Ctrl+Enter预览动画。5.3.5 使用滤镜 使用滤镜，可以为文本、按钮和影片剪辑增添有趣的视觉效果，并且经常用于将投影、模糊、发光和斜角应用于图形元素。Flash 所独有的一个功能是您可以使用补间动画让应用的滤镜活动起来。例如，如果创建一个具有投影的球（即球体），可以在时间轴中将投影位置从起始帧移到终止帧，来模拟光源从对象一侧移到另一侧的效果。下面是一个简单的小例子。（1）使用文本工具，在舞台上创建一个静态文本，键入文字闪动天下，并将文本颜色设置为桔红色。使用选择工具单击文本，将其选中。（2）使用菜单窗口/属性/滤

27、镜，打开滤镜面板。（3）在这里先为文字添加凸起的斜角效果。单击添加滤镜按钮，在弹出的菜单中选择斜角。（4）这时可以看到在滤镜面板左端的滤镜列表中出现了斜角滤镜条目。单击斜角滤镜条目，可以显示出它的详细参数。每个滤镜都可以设置品质。品质越高，滤镜效果就越细腻，但是系统需求就越高。此外，对于斜角滤镜，可以进行以下设置：首先从类型弹出菜单上，选择要应用到对象的斜角类型。可以选择内斜角、外斜角或者完全斜角。设置模糊 X和模糊 Y的值，设置斜角的宽度和高度。选择斜角的阴影和加亮颜色。在这里分别设置为暗桔黄色和亮桔黄色。一般要求与文本本身的颜色是同一个色系的，否则看起来会比较怪异。设置强度的值，设置斜角的

28、不透明度。调整角度值，更改斜边投下的阴影角度。设置距离的值，定义斜角的宽度。选中挖空复选框可以从视觉上隐藏源对象，并在挖空图像上只显示斜角。（5）然后，还希望文字从舞台上漂浮起来，这就需要添加投影效果。使用同样的方法，再添加一个投影滤镜。以进行设置的内容如下：调整模糊 X和模糊 Y滑块，设置投影的宽度和高度。拖动距离滑块，设置阴影与对象之间的距离。单击颜色框，打开颜色弹出窗口，然后设置阴影颜色。拖动强度滑块，设置阴影暗度。数值越大，阴影就越暗。对于角度，输入一个值来设置阴影的角度。选中挖空复选框从视觉上隐藏源对象，并在挖空图像上只显示投影。选择内侧阴影复选框，在对象边界内应用阴影。选中隐藏对象

29、复选框隐藏对象，并只显示其阴影。使用隐藏对象选项可以更轻松地创建逼真的阴影。选择投影的质量级别。把质量级别设置为高就近似于高斯模糊。建议把质量级别设置为低，以实现最佳的回放性能。5.4 使用按钮 学习目标 按钮是四帧的交互对象。在 Flash 的发展过程中，按钮是最早用于交互控制的元素。本节学习的是按钮的使用方法。此外，按钮的颜色设置与图形实例是相同的，在此不再赘述。5.4.1 按钮的结构 创建按钮的时候，Flash 会创建一个四帧的时间轴。前三帧显示按钮的三种可能状态；第四帧定义按钮的活动区域。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。具体地说，按钮元件的时间轴上的

30、每一帧都有一个特定的功能：第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态。第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观。第三帧是按下状态，代表单击按钮时，该按钮的外观。第四帧是点击状态，定义响应鼠标单击的区域。此区域在 SWF 文件中是不可见的。复杂按钮的时间轴可以包含多个图层。每个图层都可以包含 4 个帧。值得注意的是，如果按钮上的某个帧是缺失的（注意，不是空白关键帧），那么 Flash 将会在该帧插入普通帧，所以该帧的内容将与它前面的关键帧相同。5.4.2 操作实例：电源开关 上机实践 现在来体验一下按钮元件的制作方法。例如这个实例中绘制的开关，初始状态下开关为关闭状态，

31、亮绿灯；当鼠标点击开关后，启动电源，开关显示为红灯状态。（1）创建好一个新文档后，执行菜单栏修改/文档命令，在打开的文档属性对话框中将文档尺寸设置为400300，其余选项保持不变。（2）文档属性修改之后，执行菜单栏插入/新建元件命令，此时会弹出创建新元件对话框，在该话框中保持元件名称为默认元件 1，元件类型选择为按钮。（3）单击确定按钮后，进行按钮元件的编辑区。选择工具箱中的矩形工具，将笔触颜色 设置为黑色，填充色 设置为灰色#CCCCCC。完成后在舞台中绘制一个灰色矩形。（4）用鼠标点击时间轴的按下帧，然后按F5功能键插入帧，使该矩形在这三帧中保持不变。（5）锁定图层 1，接着点击时间轴上的

32、插入图层按钮，创建一个新的图层 2。然后选择工具箱中的矩形工具，并将填充色设置为无，设置完成后，在该图层上绘制一个无填充矩形。（6）使用线条工具 在矩形的右侧绘制一条直线，将矩形分割成两部分，绘制直线时在工具箱中启用贴紧至对象 功能，以便使绘制出来的直线两端与矩形边缘封合。（7）选择工具箱中的颜料桶工具，然后打开混色器面板。在该面板下将填充类型选择为线性填充，填充颜色设置为偏白色#E6E6E6到灰色#707070的渐变。（8）设置完成后在舞台中对矩形的左右两个部分分别进行颜色填充，它将作为开关的初始状态。（9）在时间轴的按下帧上按F6功能键插入一个关键帧，此时舞台上的图形已处于选中状态。执行菜

33、单栏修改/变形/水平翻转命令，翻转按钮图形。翻转后的图形将作为开关被按下后的状态。（10）锁定图层 2，点击插入图层按钮，创建一个新的图层 3。在该图层上绘制一个较小的矩形，矩形填充颜色设置为绿色。将该矩形放置于开关图形的正中间，作为开关未被使用时的颜色状态。（11）在图层 3 的按下帧上按F6功能键插入一个关键帧，然后在舞台中将矩形的颜色修改为红色，作为开关被启动时的颜色状态。（12）通过上述步骤的操作，按钮元件的制作就完成了。点击时间轴上的场景 1按钮，回到主场景中，将按钮元件元件 1从库面板中拖拽至舞台的中央。使用Ctrl+Enter组合键预览最后的按钮效果。本章要点 1元件、实例与库 2使用影片剪辑元件 3使用按钮元件