第10课交互动画的灵魂——按钮本课素材下载按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。从外观上，“按钮”可以是任何形式，比如，可能是一幅位图，也可以是矢量图；可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。先来看一看各种各样的按钮吧！各种各样的按钮范例学习目的创建按钮的方法用按钮控制动画的播放课前热身本实例是一个精美的按钮元件，下面是这个按钮的运行效果。1．新建按钮元件新建一个影片文档，执行【插入】|【新建元件】命令，弹出一个【新建元件】对话框，在【名称】中输入“圆形按钮”，选择【行为】为【按钮】类型，如图4-4-4所示。图4-4-4新建按钮元件单击【确定】按钮，进入到按钮元件的编辑场景中，如图4-4-5所示。图4-4-5圆形按钮的编辑时间轴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】图层步骤2创建【文字2】图层在【文字1】图层上新建一个图层，并重新命名为“文字2”。先将【文字1】图层上的文字原样原位置复制到【文字2】图层的第1帧上。方法是，单击选择【文字1】图层上的文字，执行【编辑】|【复制】命令，然后单击选择【文字2】图层的第1帧，执行【编辑】|【粘贴到当前位置】命令即可。除了【文字2】图层，锁定其他图层，然后选择这个图层上的文字对象，按下向上方向键和向左方向键各两次，然后将文字的颜色更改为绿色。这样就形成一个立体效果的文字，如图4-4-10所示。图4-4-10【弹起】帧的文字效果选择【文字2】图层的第2帧，按F6键插入一个关键帧，将这个关键帧上的文字颜色改为蓝色，如图4-4-11所示。图4-4-11【指针经过】帧的文字效果至此，这个按钮元件就制作好了，现在我们返回【场景1】，并从【库】面板中将“圆形按钮”元件拖放一个实例到舞台上，然后按下Ctrl＋Enter组合键测试一下，怎么样？将你的鼠标指针移动到按钮上，够漂亮吧？课堂讲解1．再说按钮按钮有特殊的编辑环境，通过在四个不同状态的帧时间轴上创建关键帧，可以指定不同的按钮状态，如图4-4-1所示。图4-4-1按钮的四帧编辑环境【弹起】帧：表示鼠标指针不在按钮上时的状态。【指针经过】帧：表示鼠标指针在按钮上时的状态。【按下】帧：表示鼠标单击按钮时的状态。【点击】帧：定义对鼠标做出反应的区域，这个反应区域在影片播放时是看不到的。【点击】帧比...