当前位置:趣知科普网>游戏数码>手机>

如何用Flash Cs4制作按钮

手机 阅读(3.35W)

在观看Flash动画时,你经常能看到画面中央有一个很大的按钮,按下按钮就能播放动画。而在播放动画剪辑中加入用Flash CS4制作的按钮可以帮助你浏览时间轴,或者打开新窗口播放动画。跟着本文的步骤用Flash CS4做一个按钮。

用图片和文字制作按钮

(01)在Flash CS4中新建一个文件。

如何用Flash Cs4制作按钮

(02)为你的按钮选择一张图片。随意画一个图形,或者选一张电脑里的图片都可以。如果你想使用浏览器中的图片,那么你需要先将它保存到硬盘中,然后再把该图片拖进程序里。你无法直接移动浏览器中的图片到Flash中。选择“文件> 导入>导入到舞台”即可插入位于别的文件夹中的图片。

如何用Flash Cs4制作按钮 第2张

(03)添加文字。从工具栏中选择文本工具,然后在插入文字。

如何用Flash Cs4制作按钮 第3张

(04)同时选中图片和文字。按下F8,或者依次选择“更改> 转换”,进入到“转换为元件”对话框。

如何用Flash Cs4制作按钮 第4张

(05)在名称一栏输入"按钮",然后在类别旁边的下拉菜单中选择“按钮”类型,之后点击“完成” 。

如何用Flash Cs4制作按钮 第5张

定义按钮的舞台

(01)双击这个按钮,然后下拉菜单中选择“在场景中编辑”。

如何用Flash Cs4制作按钮 第6张

(02)查看时间轴。在上方你会看到“弹起”,“指针经过”,“按下”,“点击”,四个部分。

如何用Flash Cs4制作按钮 第7张

(03)右键点击“图层1”,然后选择插入图层。插入图层之后,将带有文字和图片的图层1移动到最上面。

如何用Flash Cs4制作按钮 第8张

(04)选中“指针经过”一栏的3帧。“指针经过”一栏决定了,当鼠标指针经过时,按钮的出现方式。右键单击,在下拉菜单中选择“插入关键帧”。

如何用Flash Cs4制作按钮 第9张

(05)点击图层2“指针经过”栏的关键帧。当按钮出现后,使用直线工具在按钮文字下方划一条直线。这时,图层2的关键帧会变成黑色。

如何用Flash Cs4制作按钮 第10张

(06)选择“指针经过”一栏的关键帧。画一个足够大的能够包括住按钮的长方形。当鼠标经过按钮时,你能看到一道下划线和一个长方形出现。

如何用Flash Cs4制作按钮 第11张

(07)选择“按下”一栏,右键单击,选择插入关键帧。一定要确保“按下”一栏全是选中状态。

如何用Flash Cs4制作按钮 第12张

(08)点击“弹起”一栏做侧的方框,然后选择和“指针经过”时不一样的颜色。这样做会让按钮在你按下的时候改变颜色。

如何用Flash Cs4制作按钮 第13张

添加命令

(01)选中指针,然后在属性面板的名称栏中输入“我的按钮”。

如何用Flash Cs4制作按钮 第14张

(02)Press 按下F9打开动作面板,在动作一栏,输入以下命令:function setupEvents() setupEvents();function clickButtonHandler(e:MouseEvent) {trace("Clicked Button!");}function hoverButtonHandler(e:MouseEvent) {trace("Hovered Over Button!");}

如何用Flash Cs4制作按钮 第15张

(03)选择“管理> 测试影片 > 测试命令”,你所制造的按钮会出现在Flash的播放窗口中。

如何用Flash Cs4制作按钮 第16张

(04)在你的按钮上悬停并点击。窗口中会根据鼠标的动作,弹出“经过按钮”或是“点击按钮”的文本信息。

如何用Flash Cs4制作按钮 第17张

你需要准备

(01)电脑Adobe Flash CS4

特别提示

你可以更改动作脚本,来让你的按钮完成不同的任务。在编写动作脚本之前,你可以查看代码片段面板,里面提供了一些适用于按钮的常见命令。

Action Script 2.0与Action Script 3.0不兼容,因此你无法复制粘贴Action Script 2.0中的命令。