第7章 创建骨骼和3D动画  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点

Presentation on theme: "第7章 创建骨骼和3D动画  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点"— Presentation transcript:

1 第7章 创建骨骼和3D动画  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点
 学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点 重点掌握声音、视频文件的添加、编辑以及ActionScript 3.0代码的编写、应用等知识  主要内容  关于Flash动画中的声音  编辑动画中的声音  向Flash动画中添加视频  创建交互式动画

2 7.1关于Flash动画中的声音 7.1.1 了解Flash中的声音类型
Flash所支持的声音的格式有多种，例如常见的有ASND格式、WAV格式、AIFF格式、mp3格式等，在此不再赘述，但在Flash中只有两种类型的声音，一种是事件声音，另一种是流式声音。 事件声音是指与某一个事件有关，只有当该事件被触发时才会播放声音，这种声音只有被完全下载后才能播放，除非明确停止，否则一直连续播放下去。 流式声音则是一边下载一边播放的声音，利用这种方式，可以在整个电影范围内同步播放以及控制声音，如果动画停止则声音也停止。导入声音的方法很简单，与导入文件相同，首先将声音文件导入到库，然后添加声音图层，并在合适的帧上添加声音文件即可。 7.1.2 导入声音并将其添加到动画中 向Flash中添加声音的方法很简单，首先需要将声音文件导入到库或者舞台中，下面通过一个简单操作，学习添加声音的方法。 【任务1】：向动画中添加声音 01. 首先打开“素材”目录下的“小人01.fla”动画文件。 02. 执行【导入到库】命令，选择“素材”目录下的“钢琴曲.mp3”声音文件，将其导入到【库】面板，【库】面板的预览窗口会显示声音的波形图，如图所示。 03. 新建名为“声音”的新图层，在该层的第1帧，将【库】面板中的“钢琴曲.mp3”声音文件拖入舞台，此时在“声音层”出现声音的波形图，如图所示。 。

3 ■7.2 ■ 编辑动画中的声音 向动画中添加声音文件后，声音文件并不一定能满足动画的播放要求，这是可以对声音文件进行编辑，下面继续学习编辑声音的相关知识。 7.2.1 更改声音与设置声音与动画同步 导入的声音文件用户都可以根据具体情况进行修改编辑，例如导入的声音文件不一定与动画时长相同，这就出现一个声音是否与动画同步的问题，另外，想要使取消已经添加的声音等，这些操作都可以在【属性】面板中完成。 【任务2】：更改声音并设置与动画同步 01. 继续上一节的操作。 02. 单击声音层的任意一帧，在【属性】面板的“声音”选项的“同步”列表选择“数据流”选项，这样声音就会与动画同步了，如图所示。 03. 如果要取消添加的声音，则在【属性】面板的“声音”选项的“名称”列表选择“无”选项，如图所示，这样声音就会被取消。 “事件”：该选项是声音是必须完全下载后才能开始播放，并且不一定能与动画同步，除非设置了明确的指令，否则声音会一直播放到结束，或重复播放。这种播放类型对于体积大的声音文件非常不利。 “开始”：该选项是声音与动画同步，但也不会造成声音重叠，与“事件”不同的是，声音在前一轮播放没有结束的情况下，在下一轮不会马上开始播放，而是前一轮播放结束后才开始新的播放。 “停止”：该选项使声音从影片中的某一帧开始停止播放。 “数据流”：该选项是只有下载一部分，声音就会开始播放，并与动画同步，如动画停止，则声音也停止。

4 7.2.2 编辑声音的效果 如果要编辑声音，例如左声道、右声道播放、淡出淡入等，则可以在【属性】面板的“声音”选项的“效果”列表选择相应选项，如图所示，就可以对声音进行相关编辑。 “无”：不对声音进行任何处理。 “左声道”：只在左声道播放。 “右声道”：只在右声道播放。 “从左到右淡出”：控制声音在播放时从左声道到右声道逐渐淡出。 “从右到左淡出”：控制声音在播放时从右声道到左声道逐渐淡出。 “淡出”：控制声音在播放结束时声音逐渐变小。 “淡入”：控制声音在播放开始时声音逐渐变大。 “自定义”：用于自行编辑声音的变化效果，选择此选项后，将弹出【编辑封套】对话框，对声音进行自定义编辑，如图7-6所示。 拖曳声音控制点按钮，可以控制声音的播放声音的音量大小，如果要增加控制点，在控制线上单击即可，如果要删除控制点，直接将其拖出面板之外即可；拖曳开始点和结束点，可以控制声音的开始播放和种植播放时间，这样可以去除声音中不需要的部分，也可以使用声音不同的部分。 7.2.3 设置声音的重复或循环播放 可以设置声音重复播放或循环播放，在【属性】面板的“重复”列表选择“重复”或“循环”，以控制声音是重复播放还是循环播放，如图所示，如果设置重复播放，还可以设置重复的次数。

5 7.2.4 压缩声音 有时候导入的声音文件比较大，例如Flahs MV中添加的MP3音乐，发布到网上下载会很慢，这时就需要对音乐进行压缩。 【任务3】：压缩声音 首先在【库】面板选择声音文件。 然后单击【库】面板下方的 “属性”按钮，如图所示。 03. 此时将打开【声音属性】对话框，首先在“压缩”列表选择压缩格式，如图所示。 “默认”：Flash提供的一个通用压缩方式，可以对整个文件中的声音使用同一种压缩比进行压缩。 “ADPCM”：用于压缩按钮音效、事件音效等较简短的声音，选择该选项，将出现其他设置，如图所示。 “预处理”：该选项可以将混合立体声转换为单声道，文件大小相应减半。 “采样率”：选择一个选项以控制声音的保真度和文件大小，较低的采样率可以减小文件大小，同时也会使声音品质降低。 “ADPCN位”：用于设置编码时的比特率，数值越大，生成的声音音质越好，而声音文件的容量也会越大。 “MP3”：使用该压缩方式压缩声音，可使文件体积变成原来的十分之一，而且基本不会损害音质，其压缩效率高，质量好，常用于压缩较长且不用循环播放的音乐。

6 7.2.5 声音的应用实例 前面章节讲解了Flash动画中声音的应用、编辑等相关知识，这一节来制作一个音效按钮，掌握声音在Flash动画中的具体应用技巧。 【任务4】：声音的应用实例 01. 新建Flash文档。 02. 激活 “椭圆工具”，设置其“笔触”颜色为“无色”，“填充”颜色为渐变色，如图7所示。 03. 在舞台拖曳鼠标绘制一个圆球，结果如图所示。 04. 执行【修改】/【转换为元件】命令，打开【转换为元件】对话框，将其元件名称命名为“按钮”，同时选择“类型”为“按钮”，如图7-13所示。 05. 确认将该圆球转换为按钮元件。 06. 双击该按钮元件进入该元件的编辑界面，分别在“指针经过”、“按下”和“点击”帧按F6插入关键帧，如图所示 07. 然后新建名为“声音”的新图层，如图所示。 08. 执行【文件】/【导入】/【导入到舞台】命令，选择“素材”目录下的“声音01.wav”和“声音02.wav”两个文件，将其导入到库中，如图所示。 09. 下面添加声音。选择“声音”图层的“指针经过”帧，按F7键插入空白关键帧，如图所示。

7 10. 从【库】面板中将“声音01.wav”声音文件拖到舞台，此时在时间轴“声音”层的“指针经过”帧和“按下”帧、“点击”帧上出现声音的波形图，如图所示。
11. 选择“声音”层的“按下”帧，按F7键插入空白关键帧，将该帧处的声音删除，如图所示。 12. 继续新建“声音1”的新图层，然后在“声音1”层的“按下”帧插入一个空白关键帧，如图所示。 13 继续从【库】面板中将“声音02.wav”声音文件拖到舞台，此时在时间轴“声音1”层的“按下”帧和“点击”帧上出现声音的波形图，如图所示。

8 14. 选择“声音1”层的“点击”帧，按F7键插入空白关键帧，将该帧处的声音删除，如图所示。 15
■7.3 ■ 向Flash动画中添加视频 向Flash中添加视频是动画制作中常用的一种方式，这一节将分别讲解向Flash动画中添加视频的相关技能。 7.3.1 了解Flash视频的类型 Flash仅可以播放特定视频格式，这些视频格式包括FLV、F4V和MPEG视频，用户可以使用Flash附带的Adobe Media Encoder应用程序将其他格式的视频转换为FLV或F4V，或者使用其他的格式转换工具将其他格式的视频转换为FLV格式，例如可以首先将Flash文件输入为AVI格式的视频文件，然后使用格式转换软件将其转换为FLV格式的视频文件即可。 FLV视频格式具有技术优势，允许将视频和数据、图形、声音和交互式控件融合在一起，使用户轻松将视频以通用的格式放在网页上。 7.3.2获取视频的方法 在Flsh中使用视频的方法很多，具体如下： “从Web服务器渐进式下载”：这种方式会保持视频文件处于Flash文件和生成的SWF文件的外部，这可以使SWF文件大小保持较小，这是Flash中使用视频最常用的方法，用户可以使用FLV Playback组件或编写ActionScript通过运行时在SWF文件中加载并播放外部的FLV或F4V文件。 “使用Adobe Flash Media Server流式加载视频”：这种方式可以保持视频文件处于Flash文件的外部，不仅播放流畅，同时还可以为视频提供安全保护。 “直接在Flash文件中嵌入视频数据”：这种方式会使视频被放置在时间轴中，方便查看，但是，视频的每一个帧都由时间轴中的一个帧表示，因此，视频剪辑与SWF文件的帧速率必须一致，另外，使生成的Flash文件非常大，因此最好使用短小的视频剪辑。

9 7.3.3 向Flash中导入渐进式下载的视频 在Flash中，导入视频主要包括“导入供渐进下载的视频”以及“导入嵌入视频”。导入渐进式下载的视频，实际上是仅添加对该视频的引用，因此，用户可以在本地计算机上存储该视频，然后将其转换为FLV文件，最后将其上传到服务器，Flash使用该引用在本地计算机或Web服务器上查找该视频文件。 下面通过一个简单实例，学习渐进式下载视频的导入方法。 【任务5】：导入渐进式下载的视频 01. 首先将要导入的FLV格式的视频文件，保存在本地计算机或上传到服务器以备用。 02. 在Flash中新建文档，然后执行【文件】/【导入】/【导入视频】命令，打开【导入视频】对话框，如图所示。 03. 在此选择要导入的视频，可以选择位于本地计算机上的视频，也可以输入已上传到Web服务器上的视频。 04. 如果要导入本地计算机上的视频，可以选择“使用播放组件加载外部视频”选项，如果要导入已经部署到Web服务器上的视频，则选择“已经部署到Web服务器、Flash Video Streaming Server或Stream From Flash Media Server”选项，然后输入视频剪辑的URL。 05. 在此选择“使用播放组件加载外部视频”选项，然后单击“浏览”按钮，在打开的对话框选择“素材”目录下的“看图学单词课件.FLV”文件。 06. 单击“打开”按钮返回到【导入视频】对话框，该对话框显示导入的视频文件路径，如图所示。

10 07. 单击“下一步”按钮，在打开的对话框的“外观”列表选择视频剪辑的外观，如图所示。 08
07. 单击“下一步”按钮，在打开的对话框的“外观”列表选择视频剪辑的外观，如图所示。 08. 再次单击“下一步”按钮，进入另一个对话框，如图所示。 09. 在弹出的对话框单击“完成”按钮，完成视频的导入. 10. 这时视频导入向导在舞台上创建FLV Playback视频组件，单击视频组件上的播放按钮，可以在舞台上实时预览视频，同时还可以控制视频的播放和声音的大小等，如图所示。 7.3.4 向Flash中导入嵌入视频 【任务6】：导入嵌入视频 01. 首先得到FLV格式的视频文件，保存以备用。 02. 在Flash中新建文档，然后执行【文件】/【导入】/【导入视频】命令，打开【导入视频】对话框。 03. 在该对话框选择“在SWF中嵌入FLV并在时间轴上播放”选项，如图所示。

11 04. 然后选择本地计算机中要导入的FLV视频文件，在此单击“浏览”按钮，在打开的对话框选择“素材”目录下的“看图学单词课件.FLV”文件。
05. 单击“下一步”按钮，弹出【嵌入】对话框，在“符号类型”列表选择元件类型，如图所示。 “嵌入的视频”：如果使用在时间轴上线性播放的视频剪辑，那么最合适的方法就是将视频导入到时间轴。 “影片剪辑”：将视频置于影片剪辑实例中，这样可以使用户获得对内容的最大控制，使用的时间轴独立与主时间轴进行播放，用户不必为容纳该视频而将主时间轴扩展很多帧。 “图形”：将视频剪辑嵌入为图形元件时，用户无法使用ActionScript与该视频进行交互。通常，图形元件用于静态图像以及创建一些绑定到主时间轴的可重复使用的动画片段。 另外，用户也可以选择将视频剪辑直接导入到舞台或导入为库项目，如果将其导入到库中，则取消“将实例放置在舞台上”选项的勾选。 06. 在此默认，然后单击“下一步”按钮进入下一个对话框. 07. 继续单击“完成”按钮，完成视频的导入，这时，视频导入向导将视频剪辑嵌入到SWF文件中，Flash会扩展时间轴，以适应嵌入视频剪辑的回放长度，同时嵌入的视频会自动添加到库中，成为Flash文档的一部分，如图所示。 在舞台上导入嵌入的视频后，从【属性】面板可以更改嵌入视频剪辑实例的属性，例如为实例制定名称、设置宽度以及在舞台上的位置等，另外还可以交换嵌入视频剪辑的实例，为视频剪辑的实例指定另一个元件。

12 ■7.4■ 创建交互式动画 Flash交互式动画主要是通过编写ActionScript 3.0代码来实现的，这就要求用户对ActionScript 3.0语言以及语法非常熟悉才行，另外，也可以通过Flash CS5新增的【代码片段】面板调用代码，或者使用特定组件功能来实现一些简单的交互效果。 7.4.1使用【片段代码】面板添加代码 【代码片段】面板是Flash CS5新增加的一个功能。对于ActionScript 3.0新手，或者不打算学习ActionScript 3.0就想制作简单交互动画的用户来说，使用【代码片段】面板可以快速将ActionScript 3.0代码添加到FLA文件，以启用一些常用的功能，例如添加能影响对象在舞台上行为的代码、添加能在时间轴中控制控制播放头移动的代码以及将用户创建的新代码片段添加到面板。 首先选择舞台上的对象或时间轴，然后在【代码片段】面板双击要应用的代码片段，如果选择的是舞台上的对象，Flash将代码片段添加到包含所选对象的帧中的【动作】面板；如果选择了时间轴上的帧，Flash只将代码片段添加到那个帧，在【动作】面板可以查看添加的代码并根据片段的开头的说明替换任何必要的帧。 下面通过一个简单的实例，介绍如何向对象或时间轴中插入代码片段。 【任务7】：使用【代码片段】面板添加代码 01. 首先创建Flash文档，然后使用绘图工具在影片剪辑元件编辑窗口绘制一个矩形和一个圆形两个图形，如图所示。

13 02. 选择绘制的矩形，执行【窗口】/【代码片段】命令打开该对话框，如图所示。
03. 在该对话框展开“动作”文件夹，然后双击“单击以隐藏对象”选项，为选择的对象应用该代码片段，如图所示。 04. 此时弹出如图所示的提示框，这是由于代码只能添加到影片剪辑元件以及TLF文本对象中，因此在应用代码片段时，Flash会自动要求将对象转换为影片剪辑元件并创建实例名称。 05. 单击“确定”按钮，Flash会自动将对象转换为影片剪辑元件，打开【属性】面板，可以看到该矩形已被转换为影片剪辑元件，并为其添加一个实例名称，名称为“movieClip_1”，如图所示。 06. 同时，在时间轴上会增加一个名为“Action”的新图层，如图7所示。

14 07. 激活“Action”的新图层，打开【动作】面板，在【动作】面板将显示添加的代码片段，并包含对此任务的具体说明，如图所示。
08. 按Ctrl+Enter键测试影片，在圆图形上单击，圆图形没有任何反应，在矩形上单击，矩形即刻被隐藏，如图所示 09. 回到舞台，再次选择圆图形，然后在【代码片段】对话框展开“动画”文件夹，双击“淡入影片剪辑”选项，如图所示。 10 在弹出的信息提示框单击“确定”按钮，Flash会自动将对象转换为影片剪辑元件. 11. 打开【属性】面板，可以看到该矩形已被转换为影片剪辑元件2，并为其添加一个实例名称，名称为“movieClip_2”，如图所示。

15 12. 打开【动作】面板，会显示添加的代码片段，并包含对此任务的具体说明，如图所示。
13. 按Ctrl+Enter键测试影片，发现圆图形的淡入效果，在矩形上单击，矩形被隐藏。 需要说明的是，【代码片面】对话框中这些附带的代码都是ActionScript 3.0，ActionScript 3.0与ActionScript 2.0不兼容，如果创建的Flash文档是ActionScript 2.0，Flash会弹出提示信息框，表示不能添加。 在【动作】面板手动编写代码 手动编写代码需要对ActionScript 3.0语言及其语法非常熟悉，然后可以在【动作】面板直接输入脚本代码，这样可以更加灵活地控制FLA文件中的对象。 【任务8】：在【动作】面板手动编写代码 01. 首先新建一个Flash文档，然后新建一个图层，并将其命名为“as”. 02. 激活“as”图层的第1帧，按F9打开【动作】面板，将光标置于脚本编辑窗口，然后输入ActionScript 3.0代码“trace(“I like the Flash animation design” );”，如图所示。 03. 此时在“as”层的第1帧会出现“a”的标记，表示该帧添加了ActionScript代码，如图所示。 04. 按Ctrl+Enter键测试影片，此时Flash开始编译FLA文件，并运行生成的SWF文件，同时会弹出播放窗口和【输出】面板，【输出】面板上写着“I like the Flash animation design”，如图所示。

16 下面通过制作一个通过按钮控制电影播放的简单实例操作，来领略在【动作】面板中手动输入代码实现交互式动画的强大功能。 【任务9】：制作交互式动画 01. 首先打开“素材”目录下的“遮罩动画.fla”素材文件，按Ctrl+Enter测试影片，发现动画不断循环播放，如图所示。 02. 下面编写代码，实现这样的效，首先是动画播放一次将停止播放，单击重播按钮动画重新播放，单击暂停按钮暂停播放，单击播放按钮继续播放。 03. 要让动画播放一次后停止，必须在动画的最后一帧添加stop()的代码，因此，在最上层新建名为“代码”的新图层，然后选择“代码”层的最后一帧（120帧）按F6键插入一个关键帧，如图所示。 04. 打开【动作】面板，输入如图所示的代码。

17 05. 继续新建名为“控制按钮”的新层，然后执行【窗口】/【公用库】/【按钮】命令，打开公用库的【按钮】面板，如图所示。 06
05. 继续新建名为“控制按钮”的新层，然后执行【窗口】/【公用库】/【按钮】命令，打开公用库的【按钮】面板，如图所示。 06. 在“Playback flat”文件夹下选择播放、暂停和重播3个按钮，如图所示。 07. 将这几个按钮拖到舞台下方合适位置，并整齐排列，如图所示。 08. 分别选择这3个按钮，在【属性】面板为其分别命名为“playbutton”、“stopbutton”和“repbutton”。 09. 下面编写代码。选择“代码”层的第1帧，在【动作】面板输入如下代码。 function st1(event:MouseEvent) { this.play(); //该代码开始播放。 } //该代码定义一个名为st1()的函数，调用该函数时，会导致主时间轴开始播放。 this.playbutton.addEventListener(MouseEvent.CLICK,st1); //该代码将st1()的函数注册为playButton的事件侦听器，只要单击名为playButton的按钮，就会调用st1()函数。 继续在【动作】面板输入以下代码。 function st2(event:MouseEvent) { this.stop(); this.stopbutton.addEventListener(MouseEvent.CLICK,st2); function st3(event:MouseEvent){ this.gotoAndPlay(2); this.repbutton.addEventListener(MouseEvent.CLICK,st3); 10. 下面测试动画。首先将文件保存，然后按Ctrl+Enter键测试动画，发现动画播放一遍后停止播放，单击播放按钮继续播放，单击停止按钮停止播放，单击重播按钮又开始播放。

18 7.4.3 保存编写的代码 当ActionScript代码编写完成后，如果用户想要在以后在其他的Flash文档中继续使用该代码，这时可以将代码存储在外部的ActionScript文件中，以便随时调用。 下面继续通过一个简单操作，介绍创建外部AS文件的方法。 【任务10】：保存编写的代码 01. 继续上面的操作，打开【动作】面板，将所有输入的代码复制，之后关闭【动作】面板。 02. 执行【文件】/【新建】命令，在打开的【新建文档】对话框的“类型”列表选择“ActionScript文件”选项，如图所示。 03. 单击“确定”按钮确认，然后打开【脚本】窗口，在【脚本】窗口将复制的代码粘贴，如图所示。 04. 执行【另存为】命令，在打开的【另存为】对话框将该文件与“script.fla”文件保存在同一目录下，并命名为“script-1. as”，如图所示 05. 单击“保存”按钮将其保存。

19 7.4.4 使用include语句来调用保存的代码文件 当代码被保存后，用户还可以调用保存的代码，这一节继续学习调用保存的代码的方法。 【任务11】：调用保存的代码 01. 继续上一节的操作。 02. 在“遮罩动画.fla”文件中将“代码”图层删除，然后再次测试动画，发现动画循环播放，单击下方的控制按钮，发现按钮并不能控制动画的播放。 03. 下面我们使用ActionScript中的include语句来调用保存的.as的外部文件，使其按钮再次控制动画的播放。 04. include语句可以在特定位置以及脚本中的指定范围内插入外部的ActionScript文件的内容。 05. 将“遮罩动画.fla”文件另存为“script. fla”文件，然后新建命为“as”的新图层。 06. 激活“as”层的第1帧，在【动作】面板输入如图7-54所示的代码。 07. 保存文件，然后按Ctrl+Enter键测试影片，此时Flash开始编译“script.fla”文件以及“script-1.as”文件，并运行生成的“script.swf”文件，此时发现动画播放一遍后停止播放，单击播放按钮继续播放，单击停止按钮停止播放，单击重播按钮又开始播放，这说明动画已经调用了保存的外部as格式的文件。

20 7.4.5 使用特定组件功能 所谓组件就是预先构建的一些影片剪辑，可以帮助用户实现更加复杂的功能，组件可以是最简单的用户界面控件，例如单选按钮、复选框等，也可以是复杂的控件，在学习向Flash中导入视频时，其实我们已经接触过了组件。 执行菜单栏中的【窗口】/【组件】命令，即可打开【组件】面板，在该面板中一个有三个文件夹，各文件夹下包含多个组件，如图所示。 选择一个组件，快速双击或直接将其拖到舞台，即可将其添加到场景中，同时系统会将其放入【库】面板，以方便多次使用该组件，如图所示。 下面通过制作一个简单的视频播放器的实例，介绍使用组件的相关技能。 【任务12】：使用组件 01. 新建Flash文档，将图层1命名为“组件”。 02. 按F7键打开【组件】面板，展开“Video”组件，双击“FLVplayback”组件，将其添加到舞台，如图所示。 03. 选择添加的组件，在【属性】面板设置其大小与舞台大小相同，然后单击“source”右侧的 按钮，打开【内容路径】对话框，如图所示。 在此需要说的是，如果用户需要播放的是位于网络中的FLV视频文件，可以直接输入视频文件的URL地址，如果需要播放的是本地中的视频文件，则单击右侧的文件夹按钮，在打开的【浏览文件】对话框选择所需播放的视频文件即可。 04. 在此我们选择“素材”目录下的“遮罩动画.flv”视频文件。 05. 单击“打开”按钮，则【内容路径】对话框将出现该视频文件的路径和文件名，如图所示。

21 06. 单击“确定”按钮确认，此时舞台上的组件效果如图所示。 07
06. 单击“确定”按钮确认，此时舞台上的组件效果如图所示。 07. 选择舞台上的组件，继续在【属性】对话框单击“skin”右侧的 按钮，打开【选择外观】对话框，如图所示。

22 08. 单击“外观”下拉列表，可以选择组件的外观，如图所示。 09
08. 单击“外观”下拉列表，可以选择组件的外观，如图所示。 09. 在此我们选择“SkinOverAIINovoINoCaptionNoFull.swf”的外观，然后单击右侧的颜色按钮，在打开的颜色列表设置组件的外观颜色为灰白色，如图所示。 10. 单击“确定”按钮，此时舞台上的组件效果如图所示。 11. 这样该视频播放器就制作完成了，保存文件，然后按Ctrl+Enter键播放影片。 12. 单击播放按钮播放影片，单击暂停按钮停止播放，再次单击播放按钮又开始播放，单击前进、后退以及音量控制按钮，可以随时控制影片的音量等。 尽管【组件】使用方便，但还是有一些组件需要用户自己编写一些ActionScript代码来触发或控制组件，因此，掌握ActionScript语言才是使用ActionScript制作交互式动画的主要技能。