第七章  动画大师——Flash 5
第八节 小小发令枪——按钮和声音 [9-8]
学习任务：
1.掌握创建按钮的方法。
2.了解按钮动作和帧动作的设置。
3.掌握添加声音的方法。

滴答滴答，谁在说话：“珍惜时间，莫贪玩耍。”——原来是钟表在提醒我们。
这里有一个计时跑表，你看，分针和秒针就像运动员一样，争分夺秒地在赛跑。
另外有两个按钮“计时”和“暂停”，它们就像是裁判员的发令枪。当鼠标指针移动到按钮上时，就会变成一只小手准备发令，粗粗的字体就像枪里填满了子弹。命令发出，运动员就立刻执行，空心字体像不像弹打枪空？

目标一  制作跑表
操作训练营
第一步：新建文件。设置影片尺寸为200×240像素，帧频为1，背景颜色为浅蓝色（# 99FFFF）。
说明：为了后面方便对齐中心点，可以利用显示网格并贴近网格功能。
第二步：单击橢圆工具，单击“描绘颜色”，选择“黑色（# 000000）”，单击“填充颜色”，选择“浅黄色（# FFFFCC）”，按下“Shift”键，同时拖动鼠标在舞台上画一个圆。
第三步：单击“铅笔工具”，先画出3时、6时、9时、12时的四个刻度，再画其他刻度。
第四步：锁定“图层1”，再插入“图层2”。
第五步：单击“窗口（W）”→“面板（P）”→“描绘”，弹出“描绘”面板，将描绘高度改为“2”，如图7-8-1所示 。

图7-8-1

第六步：单击“直线工具”，画一根竖直的线条，长度相当于表盘半径的三分之二，并把它转换为原件。
第七步：单击“修改（M）”→“转换（I）”→“编辑中心（E）”，把出现的“+”号移动到分针的下端靠里一点。移动整个分针，使它的中心点和表盘的中心对齐，如图7-8-2所示 。

图7-8-2   
     
第八步：锁定“图层2”，插入“图层3”。
第九步：用同样的方法，制作一个秒针元件，不同的是线条颜色为红色、宽度为“1”、长度要比分针长一些，如图7-8-3所示 ，使秒针和分针的中心点要对齐。

图7-8-3

第十步：在“图层1”的第3600帧插入“帧”，在“图层2”和“图层3”的第3600帧都插入“关键帧”。
说明：向右移动时间轴的滑块，只能到达500多帧，先在“图层1”的500多帧处插入“帧”，滑块就又可以向右再移动500多帧了。如此反复几次，就可以到达第3600帧。
第十一步：为“图层2”和“图层3”的第1帧都选择“移动补间动画”，旋转方向都选择“顺时针”，旋转次数“图层2”为“1”次，“图层3”为“60”次，如图7-8-4所示 。

图7-8-4 a

图7-8-4 b


第十二步：保存文件为“跑表”。

操作训练营
⒈播放“跑表”动画（一秒钟走一帧，一小时才能播完）。




⒉把“跑表”动画帧频改大些，让跑表“飞”起来。

目标二  制作按钮
操作训练营
第十三步：锁定“图层3”，插入“图层4”。
第十四步：单击“文本（T）”→“字符（C）...”，弹出“字符”面板，如图7-8-5所示 ，设置字体为宋体、字体高度为“24”、字体颜色为蓝色。

图7-8-5

第十五步：单击“文本工具”（A ），舞台左下角输入文字“计时”，单击“箭头工具”，退出文字编辑，“计时”处于选择状态。
第十六步：单击“插入（I）”→“转换成元件（C）”，弹出“元件属性”对话框，将名称改为“计时”，作用选择“按钮”，如图7-8-6所示 。单击“确定”按钮，文字转换成为按钮元件的实例。

图7-8-6

第十七步：双击实例“计时”，进入元件编辑模式，如图7-8-7所示 。

图7-8-7

第十八步：在第2帧插入“关键帧”，将文字字体改为“华文琥珀”（若无此种字体，可改为“华文魏碑”）；在第3帧插入“关键帧”，将文字字体改为“华文彩云”；在第4帧插入“关键帧”，任意选择一种颜色，围着文字画一个实心长方形，如图7-8-8所示 。

图7-8-8

第十九步：单击时间轴左上方的“场景1”，退出元件编辑模式。
第二十步：用相同的方法，在舞台右下角制作一个“暂停”按钮。
第二十一步：测试影片。
第二十二步：保存文件。

知识收藏夹
⒈按钮元件的前3帧与动画播放时三种状态的对应关系：
 

按钮元件的前3帧与动画播放时三种状态的对应关系

帧	名称	状态
第1帧	一般	正常状态，即鼠标指针远离按钮时
第2帧	鼠标经过	鼠标指针移动到按钮上但未按下左键时
第3帧	鼠标按下	鼠标指针移动到按钮上并且按下左键时

 

⒉第四帧“反应区”中的图形不会被显示，但决定按钮的响应区域，即鼠标指针移动到这个区域内即会变成小手形状。

目标三  设置动作
操作训练营
第二十三步：单击“箭头工具”，点选“暂停”按钮元件。
第二十四步：单击“窗口（W）”→“动作（A）”，弹出“对象动作”面板，如图7-8-9所示 。
图7-8-9      
                                             
第二十五步：单击左窗格中的“基本动作”，再双击“Stop”动作。此时，在右窗格中出现了三行指令，首尾两行是自动添加的，如图7-8-10所示。
图7-8-10

第二十六步：点选舞台上的“计时”按钮。
第二十七步：双击“对象动作”面板左窗格中的“Play”动作。
第二十八步：测试影片。
第二十九步：保存文件。
你来做发令员吧，看看运动员是否听你指挥。尽情地按吧，发令子弹是用不完的。

知识收藏夹
⒈动作不但能加在按钮实例里，还能加在关键帧里。
⒉在关键帧加入动作时，只有单行指令，没有附加的指令。
⒊ 加入动作后的关键帧，帧格里出现一个小写字母“？”。

技能检查站
单击图层4的第1帧，为它加一个“Stop”动作指令，并测试影片。

目标四  添加声音
操作训练营
第三十步：单击“图层4”的第1帧，再单击“文件（F）”→“导入（I）...”，弹出“导入”对话框，选择“运动员进行曲.mp3”，单击“打开（O）”按钮，如图7-8-11所示 。

图7-8-11

第三十 一步：单击“窗口（W）”→“面板（P）”→“声音”，弹出“声音”面板，如图7-8-12所示 。

图7-8-12 

图7-8-13


第三十二步：如图7-8-13所示，在声音列表中选择“运动员进行曲.mp3” （下面出现声音信息，其中230.6s表示声音长度大约230.6秒），在循环栏中填入16。单击工作区，“图层4”的帧格里出现了波形图，如图7-8-14所示 。

图7-8-14a 

图7-8-14b 

图7-8-14c 

图7-8-14d 

图7-8-14e

第三十三步：导入另一个声音文件“Gunshot.wav”，双击按钮，进入元件编辑模式，为第3帧选择声音“Gunshot.wav”。退出元件编辑模式回到场景。
第三十四步：保存文件。
第三十五步：测试影片。

知识收藏夹
影片播放过程中，点击“暂停”按钮，影片会停止播放，但声音不会停止，这是“事件”同步类型声音的特点。
如果将声音改为“资料流”同步类型，就可以和影片同时停止。但是，这样做会导致测试影片时等待时间很长，约为原来的16倍；发布成的动画文件体积也增加到原来的近16倍。

技巧展示台
⒈导入声音和导入图片的操作相同，结果却不同。图片会自动进入“库”和关键帧中，而声音只自动进入“库”中。
⒉估算声音循环次数的方法：播放声音的总帧数÷帧频÷声音长度。在本例中，循环次数为：3600÷1÷230.6≈16。
⒊在声音设置完成之后，如果没有出现波形图，说明设置的“循环”次数偏大，改小再试；如果波形图不满3600帧，说明设置的“循环”次数偏小，改大再试。

技能检查站
如何实现在按下按钮之前先发出一个提示“预备”的声音？

能力挑战场
为“跑表”增加一个“复位”按钮，点击它时，分针和秒针就回到起始位置，如图7-8-15所示 。

图7-8-15

如果找不到“gotoAndStop”，就用“Go To”，这两个动作指令作用是一样的。注意：把选项里“转到并播放”前面的“√”去掉，如图7-8-16所示 。

图7-8-16a                                                           

图7-8-16b


制作成的跑表：下载文件  （提示：请点右键下载！）