重要提示:Adobe Flash 已被官方停止支持
在开始之前,请务iby了解一个关键事实:Adobe 公司已于 2025 年 12 月 31 日正式停止了对 Flash Player 的支持,这意味着:

- 安全风险: 继续使用 Flash Player 会使你的计算机面临严重的安全威胁。
- 无法播放: 大多数现代浏览器(Chrome, Firefox, Edge, Safari)都已默认禁用或移除了 Flash Player 插件,无法再播放
.swf文件。 - 替代品: Flash 的许多功能已被 Adobe Animate、HTML5、WebGL 等现代技术取代。
我们为什么还要学习 Flash?
- 学习动画原理: Flash 是学习传统动画原理(如时间轴、补间动画、关键帧)的最佳工具之一,这些原理是所有现代动画软件的基础。
- 处理旧项目: 如果你需要维护或修改旧的 Flash 项目,了解 Flash 是必要的。
- 情怀与艺术: 对于许多创作者来说,Flash 是一个时代的符号,用它创作依然充满乐趣。
本教程将侧重于“如何学习”和“核心概念”,而非“如何用于现代网页”。
第一部分:准备工作与核心概念
软件获取
- 官方途径: 你可以在 Adobe 官网下载 Flash Professional 的旧版本(CS6),但这需要付费购买或寻找旧版授权。
- 非官方途径(社区版): 由于软件已停止支持,网络上流传着一些“破解版”或“绿色版”。使用这些版本存在法律和安全风险,请自行甄别和承担风险。
- 现代替代品: 强烈推荐 新手直接学习 Adobe Animate,Animate 是 Flash 的精神续作,界面和操作逻辑一脉相承,但支持 HTML5 Canvas、WebGL 等现代输出格式,是目前 Adobe 官方支持的矢量动画工具。
Flash 界面初识
打开 Flash,你会看到几个核心区域:
- 菜单栏: 各种命令的集合,如文件、编辑、视图、插入、修改、文本、命令、控制、窗口、帮助。
- 工具栏: 左侧的长条区域,包含所有绘图和编辑工具,如选择工具、钢笔工具、画笔、矩形、椭圆等。
- 时间轴: Flash 的心脏,它用于组织和控制动画内容,分为图层和帧。
- 舞台: 中间白色的区域,是你最终发布动画的可见区域,舞台外的内容在播放时不可见。
- 属性检查器: 右下角或右侧的面板,用于显示和修改当前选中元素(如舞台、帧、图形、实例)的属性。
核心概念
理解这三个概念是掌握 Flash 的关键:

-
矢量图 vs. 位图:
- 矢量图: 由数学公式定义的线条和形状,无论如何缩放,都不会失真,文件体积小,Flash 的主要绘图方式。
- 位图: 由像素点组成的图像(如照片),放大后会失真,出现马赛克,可以通过
文件 > 导入 > 导入到舞台添加。
-
元件:
- 是什么: 可重复使用的资产,创建一次,可以在多处使用,修改元件,所有实例都会跟着改变。
- 三种类型:
- 图形: 最简单的元件,通常用于静态图像或与时间轴同步的简单动画。
- 按钮: 用于交互,有四种状态:弹起、指针经过、按下、点击(热区)。
- 影片剪辑: 最强大的元件,拥有自己独立的时间轴,可以包含自己的动画、ActionScript 代码和声音,可以看作是“嵌套的动画”。
-
实例:
是从“元件”创建出来的副本,你可以修改实例的属性(如颜色、大小),而不会影响原始的“元件”。
(图片来源网络,侵删)
第二部分:基础动画制作教程
我们将通过三个经典案例来学习 Flash 的核心功能。
制作一个简单的弹跳球(补间动画)
这是学习时间轴动画的第一步。
- 新建文档: 打开 Flash,
文件 > 新建,选择“ActionScript 2.0”或“3.0”(新手建议2.0,更简单),点击“确定”。 - 绘制球: 在工具栏选择 椭圆工具,在 属性检查器 中设置填充颜色为红色,描边为无,按住
Shift键在舞台上画一个正圆。 - 转换为元件: 选中画好的球,按
F8键,在弹出的窗口中选择“图形”元件,命名为“球”,点击“确定”。 - 设置关键帧:
- 在时间轴的第 1 帧,确保球在舞台底部。
- 在时间轴的第 20 帧,按
F6插入一个关键帧,此时第1帧到第20帧的内容是一样的。 - 选中第 20 帧的球,用 选择工具 将它垂直移动到舞台顶部。
- 创建补间动画:
- 在时间轴上,用鼠标右键点击第 1 帧到第 19 帧之间的任意一帧。
- 在弹出的菜单中选择 “创建传统补间”。
- 你会看到两帧之间出现了一个箭头,这表示 Flash 已经自动生成了中间的动画。
- 预览动画: 按
Ctrl + Enter(Windows) 或Cmd + Enter(Mac) 测试动画,你应该能看到球从顶部落到底部。
进阶:添加缓动效果让动画更真实
- 选中补间动画的任意一帧(即箭头覆盖的帧)。
- 在下方的 “属性”检查器 中,找到 “缓动” 选项。
- 默认是“0”(线性运动),尝试输入一个负值(如-100),球会先快后慢;输入一个正值(如100),球会先慢后快,模拟真实的重力效果。
制作一个按钮
- 新建按钮元件:
插入 > 新建元件,选择“按钮”,命名为“我的按钮”,点击“确定”,你会进入按钮的编辑界面,时间轴分为四帧。 - 绘制按钮状态:
- 弹起: 在第一帧画一个蓝色的矩形。
- 指针经过: 在第2帧按
F6插入关键帧,将矩形颜色改为绿色。 - 按下: 在第3帧按
F6插入关键帧,将矩形缩小一点。 - 点击: 在第4帧按
F6插入关键帧,这一帧是热区,定义鼠标点击的有效范围,可以画得比按钮本身大一些。
- 返回主场景: 点击左上角的“场景1”返回主舞台。
- 放置按钮: 从“库”面板(
窗口 > 库或Ctrl + L)中拖出“我的按钮”到舞台上。 - 测试按钮: 按
Ctrl + Enter测试,将鼠标悬停在按钮上,点击它,看看效果。
制作一个旋转的影片剪辑
- 创建影片剪辑元件:
插入 > 新建元件,选择“影片剪辑”,命名为“旋转的星星”。 - 在影片剪辑的时间轴第1帧,用 多角星形工具 画一个黄色的五角星。
- 创建旋转动画:
- 在时间轴的第 30 帧按
F6插入关键帧。 - 回到第1帧,在 “属性”检查器 的 “旋转" 选项中,选择 “顺时针”,输入 1 次。
- 在第1帧到第29帧之间右键,选择 “创建传统补间”。
- 在时间轴的第 30 帧按
- 返回主场景: 点击“场景1”。
- 使用影片剪辑: 从“库”中拖出“旋转的星星”影片剪辑到舞台上,你可以拖动多个,它们会各自独立旋转。
第三部分:进阶与交互
引入声音
- 导入声音:
文件 > 导入 > 导入到库,选择一个.mp3或.wav文件。 - 添加声音:
- 场景声音: 在主场景时间轴的某一帧上右键,选择 “属性”,在声音选项中从库中选择声音文件。
- 按钮声音: 双击进入按钮元件编辑,在 “指针经过” 或 “按下” 帧上右键选择 “属性”,然后添加声音。
ActionScript (AS) 基础交互
ActionScript 是 Flash 的编程语言,用于实现复杂的交互。
示例:点击按钮让球停止运动
-
准备: 假设你已经有了一个弹跳球的动画(案例一),并且舞台上有一个按钮(案例二)。
-
给按钮命名实例名:
- 选中舞台上的按钮,在 “属性”检查器 的左上角,找到 “实例名称”,输入
stopBtn。 - 选中舞台上的球(影片剪辑实例),在 “属性”检查器 中,输入实例名
ball_mc。(mc是 Movie Clip 的缩写,是命名习惯)。
- 选中舞台上的按钮,在 “属性”检查器 的左上角,找到 “实例名称”,输入
-
编写代码:
- 在主场景时间轴的第1帧,选中该帧。
- 在 “动作”检查器(按
F9打开)中输入以下代码:
// 为按钮添加点击事件监听器 // 当按钮被点击时,执行后面大括号 {} 里的代码 stopBtn.addEventListener(MouseEvent.CLICK, stopBall); // 定义一个函数,名为 stopBall function stopBall(event:MouseEvent):void { // 停止 ball_mc 这个影片剪辑的播放 ball_mc.stop(); } -
测试: 按
Ctrl + Enter,点击按钮,你会发现球停止了。
第四部分:导出与发布
完成动画后,你需要将其导出为文件。
- 测试影片:
Ctrl + Enter,这会生成一个.swf文件和一个.html文件(用于在网页中播放)。 - 发布设置:
文件 > 发布设置。- 在 “格式” 选项卡中,你可以选择要发布的格式,如 Flash (.swf)、HTML (.html)、GIF、JPEG、PNG 等。
- 在 “Flash” 选项卡中,可以设置版本(如 Flash Player 10)、音频流、脚本版本等。
- 设置好后,点击 “发布” 即可。
学习资源推荐
- YouTube: 搜索 "Adobe Flash Tutorial for Beginners",有大量视频教程,B站上也有很多中文教程。
- 国内Flash论坛/社区: 如“闪客帝国”等老牌社区,虽然已不活跃,但仍有大量历史教程和作品可以学习。
- 书籍: 寻找《Adobe Flash CS6 经典教程》等书籍,系统性强。
总结与建议
- 从模仿开始: 找一些简单的 Flash 动画,尝试用上面的方法复刻出来。
- 多练时间轴: 时间轴是 Flash 的灵魂,花时间去理解关键帧、补间动画、图层之间的关系。
- 善用元件: 养成“先做元件,再用实例”的好习惯,这会让你的项目管理井井有条。
- 考虑转向 Animate: 如果你的目标是制作现代网页动画,请尽快将学习重心转移到 Adobe Animate 上,它的核心工作流与 Flash 几乎一样,但面向未来。
虽然 Flash 已经过时,但它所蕴含的动画思想和制作流程,至今仍是数字动画创作的重要基石,祝你学习愉快!
