动画制作大学教程——Flash 教学课件 作者 陈海 林宇 王学军 11.ppt

《动画制作大学教程——Flash 教学课件 作者 陈海 林宇 王学军 11.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第11章按钮11.1认识按钮元件11.2制作按钮11.3按钮的使用小结按钮是非常重要的元件类型。在学习元件与实例的时候，已经概要地认识了按钮。在本章中，将深入地学习这种元件的特性和使用方法。按钮的特点就是在动画制作好以后，可以接受观看者的控制，从而实现观看者与Flash动画的交互。因此，在很程度上，Flash动画和普通视频的区别就在于它具有交互性。11.1　认识按钮元件选择菜单栏中的“窗口→公用库→按钮”命令，打开“库–按钮”面板（在Flash中可以同时打开多个库）。单击面板右侧的“宽库视图”图标和“窄库视图”图标，可以在宽、窄两种视图之间切换，如图11.1所示。图11.1“库–按钮”面板

2、的宽、窄两种视图图11.2文件夹中的一系列按钮图11.3创建按钮元件实例图11.4在播放器中的效果11.2　制作按钮要制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。要注意，必须将动作指定给文档中按钮的实例，而不是指定给按钮的时间轴中的帧。11.2.1　按钮的本质按钮实际上是4帧的交互影片剪辑。当为元件选择按钮行为时，Flash会创建一个4帧的时间轴，如图11.5所示。前3帧显示按钮的3种可能状态；第4帧定义按钮的活动区域。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。图11.5按钮的4种状态按钮元件的时间轴上的每一帧都有一个特定的功能。

3、第1帧是“弹起”状态，代表鼠标指针没有经过按钮时该按钮的状态。第2帧是“指针经过”状态，代表当鼠标指针滑过按钮时，该按钮的外观。第3帧是“按下”状态，代表单击按钮时，该按钮的外观。第4帧是“点击”状态，定义响应鼠标单击的区域。此区域在SWF文件中是不可见的。图11.6设定元件名称及类型11.2.2　创建按钮图11.7按钮编辑模式图11.8制作弹起时按钮外观图11.9制作指针经过的按钮外观图11.10制作按下时的按钮外观图11.11通过拖曳创建按钮的实例图11.12普通状态下的按钮图11.13将鼠标指针移动到按钮上的效果11.2.3　测试按钮测试按钮的方法有以下3种。方法一：选择“

4、控制→启用简单按钮”命令。将鼠标指针滑过已启用的按钮，对它进行测试。方法二：在“库”面板中选择该按钮，然后在库预览窗口内单击“播放”按钮。方法三：选择“控制→测试场景”命令或“控制→测试影片”命令在播放器中测试按钮。11.3　按钮的使用图11.14测试按钮效果图11.15绘制“文件夹1”元件图形11.3.1　实践与练习：文件夹按钮图11.16绘制“文件夹2”元件图形图11.17“创建新元件”对话框图11.18按钮元件编辑模式图11.19“弹起”帧上的对象图11.20在“指针经过”帧上插入关键帧图11.21“指针经过”帧上的对象图11.22“库”面板图11.23按钮元件实例图11.24测

5、试按钮效果图11.25按钮对鼠标指针的反应11.3.2　实践与练习：按钮控制本例通过设置按钮热区，实现按下一个按钮时，另一个按钮响应的效果。制作的关键点是将一个按钮的热区绘制在另一个按钮上。影片的效果如图11.26所示。图11.26按钮控制图11.27绘制图形图11.28图层顺序图11.29按钮图标实例图11.30移动复制实例图11.31移动复制实例图11.32将图形元件实例转换为按钮元件图11.33选中实例“1”时的“属性”面板图11.34“库”面板图11.35按钮元件时间轴图11.36“按下”帧的实例颜色图11.37“点击”帧上绘制热区图11.38按钮“2”的“按下”帧上的颜色图11.

6、39按钮“2”的热区图11.40按钮“3”的“按下”帧上的颜色图11.41按钮“3”的热区图11.42测试影片图11.43按钮控制光盘进出11.3.3　实践与练习：按钮控制光盘进出图11.44第20帧上舞台中的对象图11.45“转换为元件”对话框图11.46“库”面板图11.47“弹起”帧上的图形图11.48“指针经过”帧上的图形图11.49新建按钮图层图11.50将图层中的所有帧右移1帧图11.51第1帧成空帧图11.52插入空关键帧图11.53将图层延伸到72帧图11.54“动作”面板图11.55动作函数选项图11.56脚本编辑区图11.57第1帧上有脚本标记图11.58第36帧上有脚

7、本标记图11.59添加脚本图11.60测试影片小结在本章中，讲解了按钮元件的作用和制作方法。按钮是一种特殊的元件，它指定了固定的5个帧，制作的时候只要在需要的帧中绘制就可以产生相应的效果。