flash制作按钮

第一步：制作名为“弹起”的影片剪辑

1.创建一个Flash文档，设置舞台的宽高为150×150。

2.创建一个影片剪辑，名为："弹起"。

3.编辑这个元件，在其上创建4 个层，从上到下分别为：action、外框、图形、底纹。

4.在“图形”层的第1 帧绘制一个圆角无边正方形，宽高皆为100。然后通过“复制帧”

复制这一帧到“外框”层的第1 帧；

5.选中“外框”层的第1 帧的圆角无边正方形应用以前介绍过的"柔化填充边缘"方法，

应用中取"距离"为1、"步骤数（或帧数）"为2、"方向"为扩散。

6.删除“柔化填充边缘”后的圆角正方形的内部，并将新生成的细框设置为黑色。选中

它再应用一次“柔化填充边缘”，这次取“距离”为4、“步骤数（或帧数）”为10、“方向”为扩散。结果如下图第（1）图所示。

7.在“底纹”层的第1帧绘制一个黑色圆角无边正方形，宽高皆为80。应用“柔化填充边

缘”，这次取“距离”为35、“步骤数（或帧数）”为20、“方向”为扩散。结果如下图第（2）图所示。它的目的就是在按钮外加羽化边框如下图第（3）图所示。

8.将“图形”层的第1 帧的圆角无边正方形，按下图所示的“调色板”设置径向渐变填

充，结果如上图（4）图所示。

9.在“图形”层的第5 帧按F6 插入关键帧，然后选中第5帧舞台上的圆角无边正方

形，旋转180°后如下图的左图所示。

10.在“action”层的第5 帧按F6 插入关键帧，添加Action Script 语句：Stop();

11.在“图形”层的第1帧设置形状渐变，并在“外框”和“底纹”层的第5帧插入普通帧，

完成后的时间轴如上图的右图所示。

第二步：制作名为“鼠标经过”的影片剪辑

1.在元件库面板中复制刚才完成的影片剪辑“弹起”，然后将名称“弹起副本”的新元件

更名为“鼠标经过”。

2.编辑这个“鼠标经过”影片剪辑，选中在“图形”层的前5 帧；

3.鼠标右击弹出菜单，选择“翻转帧”项以实现与上一大步所制作的相反的运动效果，

这样便完成本影片剪辑的制作。

第三步：制作按钮

1.1选择菜单“插入/新建元件”来建立一个名为“动态按钮”的按钮元件；

2.在“弹起(UP)”帧和“按下(Down)”帧插入“弹起”影片剪辑元件实体，相对舞台居中对

齐；

3.在“鼠标经过(OVER)”帧插入“鼠标经过”影片剪辑元件实体，相对舞台居中对齐；

4.选中“按下(Down)”帧的元件实体，通过属性检查器上设置“颜色”为“高级”，在“高级

效果”对话框中设置如下图所示，使实体呈红色。

第四步：完成影片制作

将“动态按钮”按钮元件从库中拖拽到场景舞台的中央，就可以看到最后的效果。