模块05 声音、视频和元件的应用你知道吗？ 在Flash制作动画中，声音是必不可少的元素，为动画添加音效可以使动画更生动形象。
Flash中既可以使声音独立于时间轴连续播放，也可以使声音和动画同步播放，播放的声音格式也支持多种类型。同样，视频文件也有很多种类
型格式，在Flash中导入视频文件后，要将视频进行编辑才能够符合制作动画的要求。声音和视频都可以通过编写脚本语言来控制播放暂停。学
习目标掌握导入音频的方法掌握导入视频的方法进一步了解库、元件和实例掌握创建与编辑三种元件与实例的方法项目任务5-1 声音的应用
Flash可以用“事件”方式、“数据流”方式、“声音对象”方式调用声音。“事件”声音的主要特点是与时间轴不同步，“数据
流”声音与时间轴同步，“声音对象”不受时间会走的限制，可以实现灵活的声音控制，还可以直接控制硬盘中的MP3文件。动手做1 导入和添
加声音 Flash CS6可以处理各种声音格式，兼容主要声音文件类型，分别是MP3和WAV。MP3是一种高超的压缩技术
和文件格式，它在声音序列的压缩上有突出表现，所以体积很小，音质好，是最理性的一种声音格式。WAV是微软开发的一种声音格式，它没有压
缩数据，而是直接保存对声音波形的采样数据，所以音质很好，但体积很大，占用存储空间大。 Flash影片中的声音，是通过对
外部的声音文件导入而得到的。与导入位图的操作一样，步骤如下：（1）执行“文件”→“导入”→“导入到库”菜单命令，打开“导入到库”对
话框。项目任务5-1 声音的应用（2）选择要导入的声音文件，单击“打开”按钮可将声音文件导入到元件库中，如图所示。
在Flash中，可以将声音添加到时间轴中，也可以添加到按钮元件中。在时间轴中添加声音很简单，操作步骤如下：（1）将声音文件导入到“
库”面板中（2）在“时间轴”面板中选中要插入声音的帧。（3）从“库”面板中将声音拖放到舞台中。（4）在“时间轴”面板中将声音文件所
在的帧延长到需要的位置，如第25帧，可以看到在这25帧之间添加了声音内容，如图所示。项目任务5-1 声音的应用动手做2 按钮元件
——为导航动画添加音效 本案例利用按钮元件的4种状态中的“指针经过”状态制作鼠标经过按钮触发声音的效果。制作导航动画，
并添加音效，最终效果如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“ActionScript2.0”选项，
新建一个Flash文档，命名为“5-水果导航音效”。打开“属性”面板，修改“舞台大小”为595px180px。（2）执行“文件”
→“导入”→“导入到舞台”命令，将背景图片导入到舞台中，在40帧位置插入帧。使用相同方法，将水果图片素材导入“库”面板中。将素材图
片分别转换为图形元件，命名为“水果1”-“水果5”。项目任务5-1 声音的应用（3）新建“按钮1”按钮元件，进入元件编辑区。选择
“弹起”帧，将“水果1动画1”影片剪辑元件拖入舞台中，调整到合适的位置，单击工具箱内的“文本工具”，在元件下方输入导航文字“首页”
。选择“指针经过”帧，将“水果1 动画2”影片剪辑元件拖拽至舞台中，复制前一帧中的文字，按组合键【Ctrl+Shift+v】原位置
粘贴，在“属性”面板中修改文字颜色为黄色。（4）执行“文件”→“导入”→“导入到库”菜单命令，将声音文件导入到“库”中。选中“指针
经过”帧，在“属性”面板的声音名称下拉框中，选择导入的声音文件，加载该声音文件，如图所示。在“按下”帧位置，插入空白关键帧。在“点
击”帧插入关键帧，使用“矩形工具”绘制一个无边框矩形，作为按钮反应区。项目任务5-1 声音的应用（5）使用相同的制作方法，制作出
“按钮2”-“按钮5”等按钮元件。（6）返回主场景，分别新建图层，将各个按钮元件放入不同图层中。保存文件，按组合键【Ctrl+En
ter】测试影片效果，鼠标经过按钮时，会有声音特效。知识拓展： 在添加声音到时间轴后，还可以对其效果、播放次数、同步等
参数进行编辑，达到动画制作需要的效果。在“属性”面板中可以查看声音的属性，如图所示。 在“效果”下拉列表框中可以选择要
应用的声音效果，其中各参数的意义为：项目任务5-1 声音的应用 在“属性”面板中的“同步”选项，可以为目前所选关键帧
中的声音进行播放同步的类型设置，对声音在影片中的播放进行控制。 声音的循环可以再“属性”面板“同步”区域对关键帧上的声
音进行设置，如图所示。项目任务5-1 声音的应用动手做3 SetVolum（）函数——控制Flash动画中的音量
控制Flash动画中声音的播放以及音量大小，具体操作步骤：（1）选择“文件”→“新建”菜单选项，选择“ActionScript2.
0”选项，新建一个Flash文档，命名为“5-调节音量”。打开“属性”面板，修改“舞台大小”为310px307px。（2）执行“
文件”→“导入”→“导入到舞台”命令，将背景图片导入到舞台中，锁定图层。新建图层2，选择“窗口”→“公用库”→“buttons”菜
单命令，打开“外部库”面板，选择4种按钮拖拽至舞台中，分别进入各按钮元件内部，修改颜色以及按钮中间的形状，如图所示。（3）新建图层
3，选择“文本工具”，设置文本类型为静态文本，在舞台中输入文本“音量：”。再次选择“文本工具”，设置文本类型为动态文本，输入文本“
50”，在“属性”面板中设置“变量”名为“text”。项目任务5-1 声音的应用（4）执行“文件”→“导入”→“导入到库”命令，
将音乐素材导入到“库”中，在“库”面板的声音文件上单击鼠标右键，在弹出的快捷菜单中，选择“属性”选项。在打开的“声音属性”面板中，
选择“ActionScript”选项卡，设置如图5-6所示。设置“标识符”是便于能够利用脚本语言控制声音文件。（5）新建图层3，打
开“动作”面板输入如图所示脚本。分别选择4个按钮元件，打开“动作”面板，输入相应的控制脚本，如图所示。（6）保存文件，按组合键【C
trl+Enter】测试影片效果，可以使用各按钮实现加强和减弱音量的效果。项目任务5-1 声音的应用动手做4 脚本语言——使用键
盘控制声音播放 制作“键盘控制音效”动画，效果如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“
ActionScript2.0”选项，新建一个Flash文档，命名为“5-键盘控制声音”。在“属性”面板中，修改“舞台大小”为60
0px400px。（2）执行“文件”→“导入”→“导入到舞台”命令，将背景图片导入到舞台中，锁定图层。新建“D动画”影片剪辑元件
，单击工具箱内的“钢笔工具”，绘制轮廓线，再使用“颜料桶工具”为其填充淡绿色，在第2帧位置插入关键帧，修改填充色为紫色。新建图层2
，使用“文本工具”，输入文本字母“D”。新建图层3，在第2帧位置插入关键帧，打开“属性”面板，设置该帧的帧标签“play”。 执行
“文件”→“导入”→“导入到库”菜单命令，将外部声音素材导入库中，在“属性”面板中的“声音”→“名称”下拉列表中选择刚刚导入的声音
文件。新建图层4，在“动作”面板中输入停止脚本。项目任务5-1 声音的应用（3）返回主场景中，将“D动画”拖入舞台中，并调整元件
到合适的位置。打开“属性”面板，为其设置实例名称“D”。使用相同的方法，制作出“S动画”和“F动画”元件，并拖入舞台，设置实例名称
。（4）新建“按钮”按钮元件，在“点击帧”位置插入关键帧，使用“矩形工具”在舞台中绘制一个无边框矩形。将其拖入主场景中，打开“动作
”面板，输入脚本代码，如图所示。（5）保存文件，按组合键【Ctrl+Enter】测试影片效果，按键盘中相应的按钮，会播放相应的声音
。项目任务5-1 声音的应用动手做5 脚本语言——制作播放器 本案例利用Flash工具箱内的工具制作各类按钮元件，拖
入场景中分别设置相应的实例名称，添加相应的脚本代码，制作MP3播放器，具体操作步骤：（1）选择“文件”→“新建”菜单选项，选择“A
ctionScript2.0”选项，新建一个Flash文档，命名为“5-MP3播放器”。在“属性”面板中，修改“舞台大小”为450
px200px。（2）单击工具箱内的“矩形工具”，在“属性”面板中设置笔触为无，填充为绿色，矩形边角半径为10，在舞台中绘制40
0px150px大小的圆角矩形，作为MP3背景，锁定图层。项目任务5-1 声音的应用（3）新建“播放”按钮元件，进入元件编辑状
态。新建图层2，分别在图层1和图层2上，使用“矩形工具”与“椭圆工具”绘制按钮图形和轮廓，如图5-11所示。在“指针经过”帧插入帧
，使用“颜料桶工具”修改按钮图形的填充颜色为深绿色。（4）使用相同方法，分别制作出“暂停”、“上一首”、“下一首”、“音量”和“静
音”等按钮元件。（5）新建“静音动画”影片剪辑元件，并进入元件内部。从“库”面板中将“音量”按钮元件拖入舞台中，调整其到合适的位置
，在第2帧位置插入空白关键帧，将“静音”按钮元件拖入舞台中，调整到与“音量”元件重合的位置。新建图层2，打开“动作”面板，输入停止
脚本，在第2帧插入关键帧，同样输入停止脚本，在第3帧插入关键帧，输入“gotoAndStop(1);”脚本代码。（6）新建“调节音
量”影片剪辑元件，进入元件内部。使用“矩形工具”，在舞台中绘制一个无边框白色矩形，长度为70px。新建图层2，将“进度块”影片剪辑
元件拖入舞台中，在“属性”面板中为其设置实例名称“huakuai”，打开“动作”面板，在该影片剪辑元件上添加脚本代码，如图所示。使
用相同的制作方法，制作出“进度条”影片剪辑元件，脚本如图所示。项目任务5-1 声音的应用（7）返回主场景中，分别新建图层，将各按
钮元件拖入舞台中，并调整大小及位置，在“动作”面板中输入相应的脚本代码。需要注意的是，“音量”、“调节音量”以及“进度条”影片剪辑
元件，需要在“属性”面板中设置相应的实例名称。（8）新建图层，并命名为“歌名”。单击“文本工具”，在舞台中绘制一个文本框，打开“属
性”面板，设置其为“动态文本”，并为该文本框设置变量。使用相同的方法，分别新建图层，绘制相应的文本框。（9）新建图层，并命名为“A
S”，打开“动作”面板，输入脚本代码，详细代码参见源文件。（10）保存文件，按组合键【Ctrl+Enter】观看影片效果，同时可以
测试各个按钮实现的功能。项目任务5-1 声音的应用知识拓展：声音（Sound）对象（1）声音（Sound）对象的构造函数格式：n
ew Sound([target])参数：target是Sound对象操作的影片剪辑实例，此参数是可选的。可采用“mySound(
)=new Sound();”或“mySound()=new Sound(target);”命令。功能：使用new操作符实例化so
und对象，即为指定的影片剪辑创建新的Sound对象。如果没有指定目标实例target，则Sound对象控制影片中的所有声音。如果
指定target，则只对指定的对象起作用。（2）声音（Sound）对象的方法和属性项目任务5-1 声音的应用项目任务5-2 视
频的应用 作为多媒体元素之一的视频，在导入到Flash文件后，可以进行缩放、旋转、扭曲和遮罩处理，也可以通过编写脚本语
言来控制视频的播放和停止。动手做1 导入视频——在Flash中插入视频 在Flash CS6中可以导入的视频格式有FL
V、F4V等。F4V和FLV的主要区别在于，FLV采用的是H263编码，而F4V则支持H.264编码的高清晰视频，码率最高可达50
Mbps。◎ 如果计算机系统中安装了QuickTime4或以上版本，则在导入视频时支持的视频文件格式有：AVI（Windows视频
）DV和DVI（数字视频类型）MPG和MPEG（MPEG压缩视频）、MOV（QuickTime数字电影）。◎ 如果计算机系统中安装
了Direct7或更高版本，则在导入视频时支持的视频文件格式有：AVI、MPG和MPEG、WMF和ASF（窗口媒体视频文件）。
在Flash中插入视频，效果如图所示，具体操作步骤如下：项目任务5-2 视频的应用（1）选择“文件”→“新建”菜单选项
，选择“ActionScript2.0”选项，新建一个Flash文档，命名为“5-导入视频”。在“属性”面板中，修改“舞台大小”为
500px360px。（2）选择“文件”→“导入”→“导入视频”菜单命令，打开“导入视频”（选择视频）对话框（“文件路径”文本框
内还没有内容），如图5-16所示。单击“浏览”按钮，打开“打开”对话框，在该对话框内选择要导入的视频文件，单击“打开”按钮，关闭“
打开”对话框，回到“导入视频”对话框。选择“使用播放组件加载外部视频”单选按钮，单击“下一步”按钮。打开“导入视频”（设定外观）对
话框，如图5-17所示。可以在改对话框的“外观”下拉列表框中选择一种视频播放器的外观，本例中选择“无”。单击“下一步”按钮，打开“
完成视频导入”对话框，单击“完成”按钮后，完成视频的导入。项目任务5-2 视频的应用（3）新建图层，将背景素材导入舞台中，转换为
图形元件，并调整大小及位置。使用工具箱内的“钢笔工具”，绘制屏幕轮廓，将背景图片中的屏幕内部镂空，剪切至新图层，作为视频的遮罩层。
（4）保存文件，按组合键【Ctrl+Enter】测试影片效果。项目任务5-2 视频的应用动手做2 调用外部视频——制作视频播放器
制作视频播放器，最终效果如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“ActionScri
pt2.0”选项，新建一个Flash文档，命名为“5-视频播放器”。在“属性”面板中，修改“舞台大小”为500px360px。（
2）新建“播放”按钮元件，将素材图片导入舞台中，转换为图形元件。在“指针经过”帧处插入关键帧，打开“属性”面板，修改元件“色彩效果
”，将亮度修改为20%。在“按下”帧处插入关键帧，使用“任意变形工具”，对其进行大小的缩放。（3）返回场景中，将外部的一张背景素材
图片导入到舞台。新建图层2，执行“文件”→“导入”→“导入视频”命令，打开“导入视频”（选择视频）对话框，单击“浏览”按钮，选择要
导入的视频文件，选择“在SWF中嵌入FLV并在时间轴中播放”选项，单击“下一步”按钮，完成视频的导入。使用“任意变形工具”修改视频
的尺寸。项目任务5-2 视频的应用（4）新建图层3，在舞台中绘制一个无边框矩形，与视频大小匹配，单击右键，将图层勾选为图层2 的
“遮罩层”。分别新建3个图层，将播放、停止和暂停按钮拖入舞台中，并调整大小和位置，在“动作”面板中添加相应的脚本语言，如图所示。（
5）新建图层7，选择第1帧，打开“动作”面板，输入停止脚本。（6）保存文件，按组合键【Ctrl+Enter】测试影片效果。项目任务
5-2 视频的应用动手做3 行为——为视频添加显示与隐藏效果 为视频添加显示与隐藏效果，在特定的场景中使用，效果如图
所示，具体操作步骤如下：（2）执行“文件”→“导入”→“导入到舞台”命令，将背景图片导入到舞台中，修改图片大小，并调整其位置，锁定
图层。新建“显示”按钮元件，分别使用“椭圆工具”和“文本工具”制作出按钮效果，使用相同方法，制作“隐藏”按钮元件。（3）新建图层2
，选择“文件”→“导入”→“导入视频”命令，打开“导入视频”（选择视频）对话框，选择需要导入的视频素材，选择“在SWF中嵌入FLV
并在时间轴中播放”选项，单击“下一步”按钮，完成视频的导入。使用“任意变形工具”调整视频大小，与背景图片中的电视机匹配。新建图层3
，绘制无边框矩形，作为图层2的遮罩层。（1）选择“文件”→“新建”菜单选项，选择“ActionScript2.0”选项，新建一个F
lash文档，命名为“5-隐藏与显示视频”。在“属性”面板中，修改“舞台大小”为500px360px。项目任务5-2 视频的应
用（4）新建图层4，打开“库”面板，将“显示”和“隐藏”按钮拖入舞台中，并调整元件位置。选择“显示”按钮，选择“窗口”→ “行为”
命令，打开“行为”面板，如图所示。选择“嵌入的视频”→“显示”命令，打开“显示视频”对话框，选择要显示的视频实例名称，如图所示。同
时，“动作”面板中会自动添加相应的代码，如图所示。（5）相同的方法，为“隐藏”按钮元件添加行为脚本。（6）保存文件，按组合键【Ct
rl+Enter】测试影片效果。项目任务5-2 视频的应用动手做4 视频组件——控制Flash动画中视频的播放
Video组件可以创建各种样式的视频播放器。Video组件中包括多个单独的组件内容，包括FLVPlayback、BackBut
tton、BufferingBar、ForwarButton、PauseButton和PlayPauseButton等组件。项目任
务5-3 元件的应用 对于动画中需要经常调用的图形或动画片段，元件的形式既提高了动画制作的效率。又避免了对相同内容的
重复制作。通过调用制作的元件，就可以在动画中需要的位置多次使用图形或动画片段，同时不会因为多次使用而增加文件的大小。动手做1 “库
”面板的应用 “库”是一个可重用元素的仓库，这些元素成为元件。可将它们作为元件实例置入Flash影片中。导入的声音和位图
将自动存置于“库”中。通过创建的“图形”、“按钮”和“影片剪辑”元件也同样保存在“库”中。 “库”的分类：库有两种，一种
是用户库，也叫“库”面板，用来存放用户创建Flash动画中的元件，如图5-25所示；另一种是系统提供的“公用库”，不能在“公用库”
面板中编辑元件，只有当调用到当前动画后才能进行编辑，“公用库”分别3种：声音、按钮和类。 “库”面板的功能介绍：项目任务
5-3 元件的应用（1） “库” 面板菜单：单击下拉菜单按钮，可以在下拉菜单中选择并执行“新建元件”、“新建文件夹”等相关命令。
（2）新建库面板：新建一个当前的库面板。（3）固定当前库：固定当前库后，可以切换到其他文档，然后将固定库中的元件引用到其他文当中。
（4）文档列表：可以在下拉列表中选择Flash文档。（5）预览窗口：用于预览所选中的元件。如果被选中的元件是单帧，则在预览窗口中显
示整个图形元件。如果被选中的元件是按钮元件，将显示按钮的普通状态。如果选定一个多帧动画文件，预览窗口右上角会出现“播放”按钮和“停
止”按钮。单击“播放”按钮可以播放动画或声音，单击“停止”按钮可以停止动画或声音的播放。（6）统计与搜索：显示元件的数目，并可以在
右侧的搜索栏中搜索元件。（7）列标题：显示名称、链接情况等。（8）项目列表：在项目列表中，列出了库中包含的所有元素及它们的各种属性
，列表中的内容既可以是单个文件，也可以使文件夹。（9）功能按钮：包括新建元件按钮、新建文件夹按钮、属性按钮和删除按钮。项目任务5-
3 元件的应用动手做2 设置单帧——文字转换动画 我们通常将一系列需要使用的图片放入不同的关键帧中，需要显示图片时，
指定相应的关键帧即可。制作文字转换动画，效果如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“ActionS
cript3.0”选项，新建一个Flash文档，命名为“5-文字转换效果”。在“属性”面板中，修改“舞台大小”为350px250
px。（2）新建“文字”图形元件，执行“文件”→“导入”→“导入到舞台”菜单命令，将3张字母图片导入舞台中，分别分散到第1帧到第3
帧中。项目任务5-3 元件的应用（3）新建“文字动画”影片剪辑元件，打开“库”面板，将“文字”图形元件拖拽至舞台中，在“属性”面
板中修改色彩效果，将其Alpha值修改为0，在循环选项中，设置选项为单帧，如图所示。在时间轴第10帧位置，插入关键帧，选择帧上元件
，在“属性”面板中修改其“样式”为无，并将帧数设置为第2帧，如图所示。在2个关键帧间创建传统补间。（4）选中第1帧到第10帧，单击
右键，选择“复制帧”命令。在第11帧处单击右键，选择“粘贴帧”命令。选中第11帧到第20帧，单击右键，选择“翻转帧”命令。使用相同
方法，可以制作出后面的动画效果。（5）返回主场景中，将背景图片导入舞台，调整位置及大小。新建图层2，将“文字动画”影片剪辑元件拖入
舞台中，并调整元件大小。（6）保存文件，按组合键【Ctrl+Enter】测试影片效果。项目任务5-3 元件的应用动手做3 按钮元
件 按钮元件是Flash影片中创建互动功能的重要组成部分。新建按钮元件后，进入编辑区，可以看到时间轴控制栏不是我们熟悉
的带有时间标尺的时间轴，取代时间标尺的是4个空白帧，分别为“弹起”、“指针经过”、“按下”和“点击”，如图所示。● 弹起：按钮在通
常情况下呈现的状态，即鼠标没有在此按钮上或者未单击此按钮时的状态。● 指针经过：鼠标指向状态，即当鼠标移动至该按钮上，但没有按下此
按钮时所处的状态。● 按下：鼠标按下该按钮时，按钮所处的状态。● 点击：该帧定义响应按钮事件的区域范围，只有当鼠标进入到这一区域时
，按钮才开始响应鼠标的动作。另外，这一帧仅仅代表一个区域，并不会在动画选择时显示出来。通常，该范围不用特别设定，Flash会自动依
照按钮的“弹起”或“指针经过”状态时的面积作为鼠标的反应范围。项目任务5-3 元件的应用动手做4 反应区——鼠标点击动画
本例通过一个简单的按钮制作，详细介绍按钮中如何应用影片剪辑，制作鼠标点击动画，如图所示，具体操作步骤如下：（1）选择“文件”
→“新建”菜单选项，选择“ActionScript3.0”选项，新建一个Flash文档，命名为“5-反应区”。在“属性”面板中，修
改“舞台大小”为370px300px。（2）执行“文件”→“导入”→“导入到舞台”命令，将背景图片和卡通小猫图片导入到舞台中，调
整其位置与大小，锁定图层。新建“星星”图形元件，单击工具箱内的“多角星形工具” ，打开“属性”面板，设置样式为“星形”，边数为“5
”。在舞台中绘制一个无边框的紫色五角星。（3）新建名称为“闪烁星星1”的影片剪辑元件，进入元件编辑状态。从“库”面板中将“星星”元
件拖拽到舞台中，选择“星星”元件，打开“动画预设”面板，在默认预设中选择“2D放大”，单击“应用”按钮，单击“确定”。使用相同方法
，制作出“闪烁星星2”影片剪辑元件。项目任务5-3 元件的应用（4）新建名称为“按钮”的按钮元件，在“指针经过”状态，单击右键选
择插入关键帧，在“库”面板中，选择将“闪烁星星1/2”拖入场景中，并调整其大小和位置。在“按下”状态插入空白关键帧。在“点击”状态
插入关键帧，选择“矩形工具”，在舞台中绘制一个无边框矩形。（5）返回主场景，新建图层3，将“按钮”元件拖拽到舞台中，覆盖在图层2的
小猫上，起到一个反应区的作用。（6）保存文件，按组合键【Ctrl+Enter】测试影片效果，当鼠标移动到小猫上时，就会出现相应的动
画效果。项目任务5-3 元件的应用动手做5 按下——为按钮添加超链接 在Flash动画中，按钮通常使动画具有交互性，
在影片中响应鼠标的点击、滑过及按下等动作，然后响应的事件结果传递给创建的互动程序进行处理。我们要把动作脚本添加到按钮实例上，需要先
为其添加on事件处理函数，on函数的语法格式如下： Flash中的鼠标事件包括以下几种：（1）press（按）：当鼠标
指针移到按钮之上，单击鼠标左键时触发事件。（2）release（释放）：当鼠标指针移到按钮之上，单击后松开鼠标左键时触发事件。（3
）releaseOutside（外部释放）：当鼠标指针移到按钮之上，单击鼠标左键，不松开鼠标左键，将鼠标指针移出按钮范围，再松开鼠
标左键时触发事件。（4）rollOver（滑过）：当鼠标指针由按钮外部，移到按钮内部时触发事件。（5）rollOut（滑离）：当鼠
标指针由按钮内部，移到按钮外边时触发事件。on(鼠标事件){此处是语句，用来响应鼠标事件}项目任务5-3 元件的应用（6）dra
gOver（拖过）：当鼠标指针移到按钮之上，单击鼠标左键，不松开鼠标左键，然后将鼠标指针拖拽出按钮范围，接着再拖拽回按钮之上时触发
事件。（7）dragOut（拖离）：当鼠标指针移到按钮之上，单击鼠标左键，不松开鼠标左键，然后将鼠标指针拖拽出按钮范围时触发事件。
（8）keyPress“<按键名称>”（按键）：当键盘的指定按键被按下时，触发事件。为按钮添加超链接的操作步骤：（1）使用Flas
h工具箱内的工具和外部素材图片，绘制好按钮元件。（2）选中按钮元件，打开“动作”面板，添加如下脚本代码即可：on(release)
{getURL(“http://www.baidu.com”);}项目任务5-3 元件的应用动手做6 影片剪辑元件——制作星星闪
烁效果 如果在一个Flash影片中，某一个动画片段会在多个地方使用，这时可以把该动画片段制作成影片剪辑元件。和制作图形
元件一样，在制作影片剪辑时，可以创建一个新的影片剪辑，也就是直接创建一个空白的影片剪辑，然后在影片剪辑编辑区中对影片剪辑进行编辑。
制作星星闪烁效果，如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“ActionScript3
.0”选项，新建一个Flash文档，命名为“5-反应区”。在“属性”面板中，修改“舞台大小”为670px450px，背景颜色设置
为黑色，“帧频”设置为12。（2）执行“文件”→“导入”→“导入到舞台”菜单命令，将一幅背景图片导入到舞台中。新建名称为“星星”的
影片剪辑元件，并进入元件编辑状态，在第1帧上，绘制一个星星形状，如图所示。按【F8】键转换为图形元件，命名为“星”。项目任务5-3
元件的应用（3）分别选中时间轴上的第2帧到第14帧，然后按下【F6】键插入关键帧，如图所示。选中时间轴上的第2帧，使用“任意变
形工具”，将星星形状向左旋转一定的角度。使用相同的方法，将剩余关键帧处的星星都向左调整一定的角度。（4）分别选中第1帧与第14帧处
的星星，在“属性”面板中将它们的Alpha值设置为0%。分别选中第2帧到第6帧处的星星，在属性面板中将它们的Alpha值设置为16
%。（5）返回主场景中，新建图层2，从“库”面板中将影片剪辑“星星”拖拽到舞台中，然后选中影片剪辑“星星”，在“属性”面板中将宽高
均修改为27px。最后选中影片剪辑“星星”，按住【Alt】键，将其复制并铺满大半个舞台。（6）新建图层3，并在该层的第3帧处插入关
键帧。从“库”面板中将影片剪辑“星星”拖拽到舞台中，然后选中影片剪辑“星星”，在“属性”面板中将宽高均修改为25px。最后选中影片
剪辑“星星”，按住【Alt】键，将其复制并铺满大半个舞台。（7）新建图层4，使用相同方法，将宽高为27px的 “星星”影片剪辑元件
铺满舞台。最后，选中所有图层，在第110帧处按【F5】键，延续帧播放。（8）保存文件，按组合键【Ctrl+Enter】测试影片，欣
赏案例完成效果。项目任务5-3 元件的应用动手做7 综合案例——电子相册 本例结合图片、按钮以及影片剪辑三类元件，制
作电子相册，效果如图所示，具体操作步骤如下：（1）选择“文件”→“新建”菜单选项，选择“ActionScript3.0”选项，新建
一个Flash文档，命名为“5-电子相册”。在“属性”面板中，修改“舞台大小”为600px400px。（2）执行“文件”→“导入
”→“导入到库”菜单命令，将8幅风景图片导入到库中，在“库”面板中新建文件夹，命名为“风景图片”，将8幅图片拖入其中。（3）新建名
称为“图像1”的影片剪辑元件，并进入元件编辑状态。将“风景1”图片拖入舞台中，在“属性”面板中修改其宽高，均为90px。使用相同的方法，制作出“图形2”—“图像8”影片剪辑元件。项目任务5-3 元件的应用（4）新建名称为“图像按钮1”按钮元件，选择“弹起”帧，从“库”面板中将“图像1”影片剪辑元件拖入，打开“属性”面板，修改其Alpha值为34%。在“指针经过”帧处插入关键帧，选择“图像1”元件，在“属性”面板中设置样式为无。在“按下”和“点击”帧处，分别按【F5】键延续帧播放。使用相同方法，制作“图像按钮2”—“图像按钮8”按钮元件。（5）新建“图像”影片剪辑元件，并进入元件编辑状态。在第1帧到第8帧分别插入“风景1”-“风景8”图片。选择第1帧，打开“动作”面板，输入停止脚本。（6）执行“窗口”→“公用库”→“buttons”菜单命令，打开“外部库”面板，选择一种系统自带按钮，进入按钮元件内部，对其稍作修改，制作出向左翻页、向右翻页、最前（7）返回主场景中，单击工具箱内的“矩形工具”，设置填充为无，笔触为淡绿色，粗细为10，在舞台中拖拽出一个相框框架。新建图层2，将4个操作按钮以及8个图片按钮分别从“库”面板拖入场景中，并排列整齐。选中每个按钮，分别打开“属性”面板，为其设置实例名称“AN1”—“AN8”（图像按钮）以及“AN11”—“AN14”（操作按钮）。选择“文本工具”，在“属性”面板中，设置其为动态文本，并赋给变量n，在舞台中单击绘制文本框。和最后4个按钮。项目任务5-3 元件的应用（8）新建图层3，从库面板中将“图像”元件拖入，调整元件位置。新建图层4，绘制一个无边框矩形，设置矩形选项中的边角半径为10，作为图层3的遮罩层。（9）新建图层5，选择第1帧，打开“动作”面板，输入脚本代码“n=1;”。选择第2帧，在“动作”面板中输入如图所示脚本。（10）保存文件，按组合键【Ctrl+Enter】测试影片，电子相册即制作完成，可以按“上一张”和“下一张”按钮，进行图片翻页，也可以直接点击图像按钮查看。 |
|
