第四节 交互动画的灵魂——按钮(2)

2．创建按钮

（1）绘制按钮图形

步骤1 创建【弹起】帧上的图形

将【图层1】重新命名为“圆形”，选择这个图层的第1帧（弹起帧），利用【椭圆工具】绘制出如图4-4-6所示的按钮形状。

图4-4-6 【弹起】帧上的图形

这个形状是由一个蓝色圆形和一些小椭圆形状组合而成的，另外为了表现球的立体感，在蓝色圆形下边还绘制了一个椭圆阴影。你可以参考配套光盘上的源文件进行绘制，另外你完全可以充分发挥自己的想象力，绘制出更漂亮的按钮图形。

步骤2 创建【指针经过】帧上的图形

选择【指针经过】帧帧，按F6键插入一个关键帧，并把该帧上的图形重新填充为橄榄绿色，如图4-4-7所示。

图4-4-7 【指针经过】帧上的图形

步骤3 创建【按下】帧上的图形

【按下】帧上的图形和【弹起】帧上的图形相同，因此利用复制帧的方法即可得到。先用鼠标右键单击【弹起】帧，在弹出的菜单中选择【复制帧】命令，然后用鼠标右键单击【按下】帧，在弹出的菜单中选择【粘贴帧】命令即可。

步骤4 创建【点击】帧上的图形

选择【点击】帧，按F7键插入一个空白关键帧，这里要定义鼠标的响应区。用【矩形工具】绘制一个矩形，如图4-4-8所示。注意一定要让这个矩形完全包容前面关键帧中的图形。

图4-4-8 【点击】帧上的图形

说明：【点击】帧中的内容，在播放时是看不到的，但是它可以定义对鼠标单击所能够做出反应的按钮区域。也可以不定义【点击】帧，这时【弹起】状态下的对象就会被作为鼠标响应区。

（2）创建文字效果

为了使按钮更实用并更具动感，下面我们在圆形按钮图形上再增加一些文字特效。

步骤1 创建【文字1】图层

在【圆形】图层上新建一个图层，并重新命名为“文字1”。在这个图层的第1帧，用【文本工具】输入“play”文字，字体颜色用黑色，如图4-4-9所示。

图4-4-9 创建【文字1】图层