第一节 网站导航(6)

步骤3 完成所有动画

参考图11-1-22的时间轴面板，重复上述步骤，把“网站首页”、“语音教室”、“教程总汇”、“论坛交流”四个按钮分别放到相应的图层中，制作思路是：每隔15帧飞出一个按钮，每个按钮的飞出时间长度是15帧，落下的位置依次是“6”、“5”、“4”、“3”4个数字所在的位置，完成后的场景如图11-2-25所示，请参见光盘中的FLA文件。

图11-1-25 5个按钮的位置

（4）创建声音

为了渲染按钮飞入的疾速效果，我们加入声音来渲染一下气氛。选中引导层，单击【插入图层】按钮，新建一图层，命名为“声音”。选中【声音】图层，执行【文件】|【导入】|【导入到库】命令，将配套光盘中的名为“11.mp3”的音乐文件导入到库中，选中第1帧，在【属性】面板上设置声音属性，如图11-1-26所示。

图11-1-26 声音的设置

每隔15帧加关键帧，设置声音属性同第1帧，设置好的声音层的时间帧面板可参考图11-1-22中的【声音】图层。

（5）设置停止动作

新建图层“action”，在该层的最后一帧添加关键帧，设置动作语句为“stop();”。

6．编辑按钮内容

这里，我们要让鼠标移到每个按钮上时，主场景中出现相应的按钮名字和文字说明的动画效果，这个效果是由5个影片剪辑完成的。

（1） 进入编辑界面

回到主场景，选中【菜单及联线】图层，单击该图层的第90帧，在图11-1-27所示的右上角，双击引导线一端的“菜单”影片剪辑，进入“菜单”元件编辑界面（图中红框部分，为了让大家看清，放大到了40×40像素）。

图11-1-27 编辑按钮内容

选中“菜单”影片剪辑的第75帧，这时，在场景中就可以看到5个按钮对象，双击其中的“网站首页”按钮，进入按钮编辑场景。

（2）编辑按钮内容

5个按钮的结构相同。每个按钮包含4个图层，请按图11-1-28所示把按钮的四个图层建好，并在上面三个图层的第2帧处添加关键帧。最下面一层是按钮层，这里已经有了前面画好的按钮外形，只要在第4帧上添加关键帧就行了，这是“按钮热区”。

图11-1-28按钮编辑界面

将配套光盘中的名为“Sound_0022.mp3”的声音文件导入到库中。

选中【声音】层的第2帧，在【属性】面板上选择“Sound_0022.mp3”，设置【同步】为【事件】。

单击【说明文字】层的第2帧，从库里拖入“六边形”元件，放在场景中的适当位置待用，我们过一会再来编辑它。

单击【联线】层的第2帧，从库里把名为“联线”的影片剪辑放在主场景中按钮飞出路径断开的部位，意思是当鼠标经过按钮时，这里就会接通路径，出现“闪电”效果。

最后，在【联线】、【说明文字】、【声音】层的第3帧添加普通帧，使内容延续。

完成后的按钮界面如图11-1-29所示。

图11-1-29完成后的按钮界面