问flash 按钮怎么做制作步骤详解

Flash 里面的按钮是按钮元件，一共包含弹起 指针经过 按下 点击四个状态帧，核心原理就是利用这四帧分别定义按钮不同交互状态的外观，制作的时候先新建按钮元件，再依次编辑每一个关键帧画面，最后把做好的按钮元件拖入主场景，还可以按需添加动作脚本实现跳转 播放 停止等交互功能，很多新手容易漏掉点击帧，导致按钮热区太小或者点不中，理解四帧各自作用之后，按照新建元件 逐帧绘制 导出测试的流程操作，就可以完成标准 Flash 按钮制作，后续 Animate 软件制作按钮的逻辑和这个方法基本一致。

按钮四帧对照表

详细制作分层步骤

第一 新建文档，打开 Flash 软件，新建一个 ActionScript 文档，根据项目需要设置舞台大小 帧频 背景颜色。

第二 创建按钮元件，顶部菜单栏点击插入，选择新建元件，元件类型选择按钮，命名之后确定，自动进入按钮元件内部编辑界面。

第三 编辑弹起帧 Up，在弹起关键帧，使用矩形 椭圆或者钢笔工具绘制按钮外形，添加渐变填充，输入按钮文字，比如确定 返回。

第四 编辑指针经过帧 Over，选中 Over 帧，按 F6 插入关键帧，修改按钮颜色 大小或者增加高光效果，实现鼠标悬停变化。

第五 编辑按下帧 Down，选中 Down 帧，按 F6 插入关键帧，一般把按钮稍微缩小或者变暗，模拟按压下沉视觉效果。

第六 编辑点击帧 Hit，选中 Hit 帧，按 F6 插入关键帧，绘制一块和按钮外形匹配的实心图形，这个图形就是点击感应区域，如果省略 Hit 帧，会以上一帧画面作为热区，文字很细的时候就很难点中。

第七 返回主场景，点击场景 1 回到主时间轴，打开库面板，把做好的按钮元件拖拽到舞台合适位置。

第八 添加交互脚本，选中舞台上的按钮，打开动作面板，写入 AS2 或者 AS3 脚本，实现点击之后跳转帧 播放影片 停止动画这类功能，AS3 写法和 AS2 写法语法不一样，要和文档版本匹配。

第九 测试影片，按 Ctrl 加 Enter 测试，移动鼠标悬停 点击按钮，检查四个状态切换是否正常，热区是否可以正常响应。

进阶优化要点

第一 热区 Hit 帧图形可以比可视按钮更大，方便用户点击，不需要和外观完全一模一样。

第二 可以给按钮增加补间动画，让悬停状态有渐变过渡，丰富交互效果。

第三 文字尽量转分离或者嵌入字体，防止导出 swf 之后文字字体丢失变形。

第四 AS3 文档按钮不能直接写 on 事件，需要使用侦听器写法，这是新手最常见报错点。

常见问题清单

点击没反应，大多是 Hit 帧没有绘制热区，或者脚本版本和文档 AS 版本不匹配

悬停没有变化，Over 帧没有插入关键帧修改画面

导出之后文字乱码，字体没有嵌入

按钮位置错位，元件内部对齐没有处理好

【常见问题】

问题 1 flash 按钮怎么做制作步骤详解，Hit 帧是用来显示画面的吗

回答 1 flash 按钮怎么做制作步骤详解里面，Hit 帧是点击感应热区，本身画面不会在舞台显示，只用来定义鼠标可以点击的范围。

问题 2 flash 按钮怎么做制作步骤详解，AS3 和 AS2 按钮脚本能不能混用

回答 2 flash 按钮怎么做制作步骤详解里面，AS3 文档不能使用 AS2 的 on 点击脚本，两个版本语法独立，混用会直接报错失效。

问题 3 flash 按钮怎么做制作步骤详解，做完按钮怎么添加跳转页面功能

回答 3 flash 按钮怎么做制作步骤详解，按钮做好拖入主场景之后，选中按钮打开动作面板，写入对应脚本，实现点击跳转到指定帧或者外部链接。

问题 4 flash 按钮怎么做制作步骤详解，Animate 还可以用这个方法吗

回答 4 flash 按钮怎么做制作步骤详解，Adobe Animate 继承 Flash 的按钮元件逻辑，四帧结构完全一样，制作步骤基本通用。

【免责申明】

本内容为 Flash 动画制作教学科普，Flash 技术已经停止官方维护，新版替代软件为 Adobe Animate，旧版软件存在安全风险，正式项目建议使用新版合规软件。