FLASH影片的按钮元件.

FLASH影片的按钮元件

讲课人：杨晓明

目标：掌握按钮的制作方法

主要内容：

1 公用库中按钮的使用方法

2 个性按钮的制作

一介绍按钮

这节课来学习按钮元件的制作过程。我们首先打开一个用按钮来控制动画的FLASH影片“播放控制”，来认识一下按钮的作用：利用按钮可以实现与FLASH动画之间的交互。

二在FLASH的公用库中，已经提供了大量漂亮的按钮。我们打开窗口菜单下的公用库，选择按钮，在打开的“库-按钮”面板有许多文件夹，每个文件夹下都存有许多的按钮元件，将它们拖动到舞台上可以直接使用。

三自己制作简单按钮（认识按钮的制作过程）

1 插入菜单下的新建元件命令，在打开的新建对话框中的行为选项选中按钮。

2 在按钮元件编辑区的时间轴上我们可以看到自动分为四个部分分别为：弹起，即按钮的初始状态；指针经过，鼠标经过按钮时，按钮的应有状态；按下，点击按钮时，按钮的状态；点击，即区域标示，鼠标只有在这一区域内活动，按钮才能有相应的反应。（重点）

3 在弹起状态，新建一矩形（黑色）。

在指针经过状态插入关键帧，将矩形颜色改为红色。

同样在按下状态插入关键帧，将矩形改为青色。

最后在点击状态插入关键帧，因为这一状态只是区域标示，因

此在动画播放过程中不会显示这一状态的图形，因此无须更改颜色。 4 回到场景，将按钮拖到舞台，测试影片，观看效果。

四 其实按钮不仅仅可以是图形，也可以是文字或者素材图片，下面我们就做一个文字形状的带声音的按钮。

A 文字按钮

1 新建一个名字为“前进”的按钮元件。

2 进入按钮元件编辑区的弹起状态，在弹起状态，利用文字工具输入

3 在指针经过状态插入关键帧，并将字体颜色设置为红色

4 在按下状态插入关键帧，将字体颜色设置为蓝色。

5 在点击状态插入关键帧，并画一个矩形，完全覆盖文字。 （所有步骤中的颜色大家可以自己设置）

6按照上节课所学的内容，导入一个按钮的声音文件。

7 在按钮元件的按下状态，选中关键帧，在属性面板的声音选项，选中这个声音。同步选项为“事件”。

5 将“按钮”元件拖动到舞台中，测试影片，观看效果。

B 图片按钮

1 文件/导入/导入到库，选择一张素材图片。

2 新建一个按钮元件。

3 在“弹起”状态，将图片拖动到舞台上，适当调整图片的大小

和位置。并在其他三个状态插入关键帧。

注意：并不是说在“按下”状态和“指针经过”状态的图形一定要有变化的，也可以不做修改。

4 将按钮拖动到舞台上，测试影片。

前进前进前进