| Flash按钮制作实例 |
| 副标题: |
| 作者:佚名 文章来源:互联网 点击数:
更新时间:2005-3-19 0:24:28 |
|
| |
|
第一步:制作名为“弹起”的影片剪辑
- 创建一个Flash文档,设置舞台的宽高为150×150。
- 创建一个影片剪辑,名为:"弹起"。
- 编辑这个元件,在其上创建 4 个层,从上到下分别为:action、外框、图形、底纹。
- 在“图形”层的第 1 帧绘制一个圆角无边正方形,宽高皆为 100。然后通过“复制帧”复制这一帧到“外框”层的第 1 帧;
- 选中“外框”层的第 1 帧的圆角无边正方形应用以前介绍过的"柔化填充边缘"方法,应用中取"距离"为 1、"步骤数(或帧数)"为 2、"方向"为扩散。
- 删除“柔化填充边缘”后的圆角正方形的内部,并将新生成的细框设置为黑色。选中它再应用一次“柔化填充边缘”,这次取“距离”为4、“步骤数(或帧数)”为 10、“方向”为扩散。结果如下图第(1)图所示。
- 在“底纹”层的第1帧绘制一个黑色圆角无边正方形,宽高皆为80。应用“柔化填充边缘”,这次取“距离”为35、“步骤数(或帧数)”为 20、“方向”为扩散。结果如下图第(2)图所示。它的目的就是在按钮外加羽化边框如下图第(3)图所示。

- 将“图形”层的第 1 帧的圆角无边正方形,按下图所示的“调色板”设置径向渐变填充,结果如上图(4)图所示。

- 在“图形”层的第 5 帧按 F6 插入关键帧,然后选中第5帧舞台上的圆角无边正方形,旋转 180°后如下图的左图所示。
- 在“action”层的第 5 帧按 F6 插入关键帧,添加 Action Script 语句:Stop();
- 在“图形”层的第1帧设置形状渐变,并在“外框”和“底纹”层的第5帧插入普通帧,完成后的时间轴如上图的右图所示。
第二步:制作名为“鼠标经过”的影片剪辑
- 在元件库面板中复制刚才完成的影片剪辑“弹起”,然后将名称“弹起 副本”的新元件更名为“鼠标经过”。
- 编辑这个“鼠标经过”影片剪辑,选中在“图形”层的前 5 帧;
- 鼠标右击弹出菜单,选择“翻转帧”项以实现与上一大步所制作的相反的运动效果,这样便完成本影片剪辑的制作。
第三步:制作按钮
- 1选择菜单“插入/新建元件”来建立一个名为“动态按钮”的按钮元件;
- 在“弹起(UP)”帧和“按下(Down)”帧插入“弹起”影片剪辑元件实体,相对舞台居中对齐;
- 在“鼠标经过(OVER)”帧插入“鼠标经过”影片剪辑元件实体,相对舞台居中对齐;
- 选中“按下(Down)”帧的元件实体,通过属性检查器上设置“颜色”为“高级”,在“高级效果”对话框中设置如下图所示,使实体呈红色。

第四步:完成影片制作
将“动态按钮”按钮元件从库中拖拽到场景舞台的中央,就可以看到最后的效果。
|
| 教程录入:chgh00 责任编辑:chgh00
|
|
上一篇教程: 巧妙提取Flash文件中的素材
下一篇教程: 制作运动的光碟 |
| 【字体:小
大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
|