动画制作大学教程——Flash (11).pptVIP

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　测试按钮效果 图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.39　按钮“2”的热区 图11.40　按钮“3”的“按下”帧上的颜色　 第11章 按钮 11.1 认识按钮元件 11.2 制 作 按 钮 11.3 按钮的使用 小 结 按钮是非常重要的元件类型。 在学习元件与实例的时候，已经概要地认识了按钮。 在本章中，将深入地学习这种元件的特性和使用方法。 按钮的特点就是在动画制作好以后，可以接受观看者的控制，从而实现观看者与Flash动画的交互。 因此，在很程度上，Flash动画和普通视频的区别就在于它具有交互性。 11.1　认识按钮元件 选择菜单栏中的“窗口→公用库→按钮”命令，打开“库–按钮”面板（在Flash中可以同时打开多个库）。 单击面板右侧的“宽库视图”图标和“窄库视图”图标，可以在宽、窄两种视图之间切换，如图11.1所示。 图11.1　“库–按钮”面板的宽、窄两种视图 图11.2　文件夹中的一系列按钮 图11.3　创建按钮元件实例 图11.4　在播放器中的效果 11.2　制 作 按 钮 要制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。 要注意，必须将动作指定给文档中按钮的实例，而不是指定给按钮的时间轴中的帧。 11.2.1　按钮的本质 按钮实际上是4帧的交互影片剪辑。 当为元件选择按钮行为时，Flash会创建一个4帧的时间轴，如图11.5所示。 前3帧显示按钮的3种可能状态；第4帧定义按钮的活动区域。 时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。 图11.5　按钮的4种状态 按钮元件的时间轴上的每一帧都有一个特定的功能。 ?　第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种。 ?　方法一：选择“控制→启用简单按钮”命令。 将鼠标指针滑过已启用的按钮，对它进行测试。 ?　方法二：在“库”面板中选择该按钮，然后在库预览窗口内单击“播放”按钮。 ?　方法三：选择“控制→测试场景”命令或“控制→测试影片”命令在播放器中测试按钮。