Adobe Flash CS6 完整入门教程
Flash CS6 是一个经典的 2D 矢量动画制作软件,虽然现在已被 Adobe Animate 取代,但它的界面和核心原理依然是学习动画和交互的基础,本教程将教你如何使用它制作出属于你自己的第一个动画。

第一部分:Flash CS6 简介
什么是 Flash?
Flash 是一款强大的多媒体创作软件,主要用于创建:
- 2D 动画:制作卡通、广告、网页动画等。
- :制作网页小游戏、教育软件等。
- 矢量图形:创建可以无限放大而不失真的图形。
核心概念(非常重要!)
在学习之前,你必须理解 Flash 的三个核心元素:
- 舞台:你最终看到的所有内容都在这个“舞台”上,就像一个真实的舞台,演员和道具都在上面表演。
- 时间轴:这是 Flash 的“灵魂”,它负责控制动画的时间顺序,时间轴由帧 组成,每一帧都像是电影胶片的一格,通过在不同帧上改变舞台上的元素,就形成了动画。
- 库:这里是你的“资源仓库”,你导入的图片、绘制的图形、制作的元件等都存放在这里,方便重复使用。
第二部分:界面初探
打开 Flash CS6,新建一个 ActionScript 3.0 的 ActionScript 文件(我们先做动画,暂时不用代码)。
你会看到以下几个主要区域:

- 菜单栏:所有命令的集合,如文件、编辑、插入、修改等。
- 工具栏:包含绘图工具,如选择工具、画笔、椭圆、矩形等。
- 舞台:中间的白色区域,你的画布。
- 时间轴:位于舞台下方,是控制动画的核心。
- 属性检查器:通常在右侧,当选中舞台上的某个对象时,这里会显示并允许你修改它的属性(如大小、颜色、位置等)。
- 库面板:通常在右侧,用于管理你的资源。
第三部分:实战项目 - 制作一个弹跳的小球
这是学习动画最经典的入门案例,它能让你立刻理解“补间动画”的原理。
步骤 1:准备工作
- 新建文档:打开 Flash CS6,选择
文件->新建->ActionScript 3.0,点击“创建”。 - 设置舞台:在右侧的“属性”检查器中,你可以设置舞台的尺寸(
550 x 400像素),背景颜色(例如浅灰色#CCCCCC)。 - 保存文档:立即
文件->保存,给文件起个名字,BouncingBall.fla。.fla是 Flash 的源文件格式。
步骤 2:绘制小球
- 选择工具:在左侧工具栏中,选择 椭圆工具。
- 设置颜色:在工具栏下方的颜色选择器中,选择一个填充颜色(比如红色),并确保描边颜色是“无”。
- 绘制:在舞台上按住
Shift键(可以画正圆),拖动鼠标画一个圆形。 - 转换成元件:这是最关键的一步! 动画的对象必须是“元件”。
- 右键点击你画好的圆,选择
转换为元件...。 - 在弹出的窗口中,命名为
Ball,类型选择 “图形”,然后点击“确定”。
- 右键点击你画好的圆,选择
为什么是元件?
- 便于重用:可以在舞台上多次放置同一个元件。
- 减小文件体积:元件只需在库中存储一次。
- 方便管理:修改元件,所有实例都会跟着变。
你的舞台上的圆已经是一个名为 Ball 的元件实例了。
步骤 3:创建弹跳动画
我们将使用 “补间动画” 来制作动画,Flash 会自动计算中间的帧。

-
设置起始位置:
- 在时间轴上,确保你位于 第 1 帧。
- 选中舞台上的小球。
- 在“属性”检查器中,设置其
X坐标为50,Y坐标为50,这样小球就在左上角了。
-
设置结束位置:
- 在时间轴上,点击 第 30 帧。
- 右键点击第 30 帧,选择
插入关键帧,这时第 30 帧会出现一个实心黑点,表示该帧有内容,并且和第 1 帧的内容完全一样。 - 选中舞台上的小球,在“属性”检查器中,设置其
X坐标为500,Y坐标为300,现在小球被移动到了右下角。
-
创建补间动画:
- 点击时间轴上 第 1 帧 和 第 30 帧 之间的任意一帧(比如第 15 帧)。
- 在“属性”检查器中,找到“补间”选项,选择 “动画”。
恭喜!你已经创建了你的第一个补间动画!按一下 Enter (回车键),你就能看到小球从左上角平滑地移动到了右下角。
步骤 4:制作弹跳效果
小球只是直线移动,没有弹跳感,我们来修改它。
-
添加缓动:缓动可以让动画更自然。
- 选中你刚刚创建的补间动画帧(第1帧到第30帧之间的灰色背景)。
- 在“属性”检查器中,找到“缓动”选项。
- 默认是“0”,代表匀速,输入一个负数(
-100),然后按Enter,再次按Enter键预览,你会发现小球在开始时速度很快,然后慢慢减速,这模拟了重力效果。
-
制作弹跳的形状变化:
- 点击时间轴上的 第 15 帧(小球应该在最低点)。
- 右键点击,选择
插入关键帧,这样第15帧就有了小球。 - 使用 选择工具,按住
Alt键,用鼠标拖动小球的顶部,把它压扁一些,再按住Alt键,拖动小球的两侧,把它拉宽,这样小球就变成了一个扁圆形,模拟了撞击地面时的形变。 - (可选)再在第 20 帧插入一个关键帧,用选择工具把小球稍微恢复一点原状,模拟反弹。
再次按 Enter 键预览,你会发现小球在下落时被压扁,然后反弹,效果是不是逼真多了?
步骤 5:预览和导出
-
预览动画:
- 按
Ctrl + Enter(Windows) 或Cmd + Enter(Mac)。 - Flash 会编译你的作品,并弹出一个新窗口播放你的动画,这就是最终的效果!关闭这个窗口即可返回编辑界面。
- 按
-
导出动画:
- 我们需要将动画发布成网页可以使用的格式(如
.swf文件)。 - 按
Ctrl + Shift + Enter(Windows) 或Cmd + Shift + Enter(Mac)。 - 这会在你的
.fla文件旁边生成一个同名的.swf文件,这就是可以在网页上播放的 Flash 动画文件。
- 我们需要将动画发布成网页可以使用的格式(如
第四部分:进阶概念
当你掌握了基础,可以探索更多功能:
-
图层:
- 在时间轴下方,点击
插入图层按钮。 - 图层就像一张透明的纸,你可以把不同的内容(如背景、角色、文字)放在不同的图层上,方便管理和编辑。“动画放在下层,背景放在上层” 是一个常见的做法。
- 在时间轴下方,点击
-
不同类型的元件:
- 图形:用于静态图像或与时间轴同步的简单动画。
- 按钮:用于制作交互,它有四个特殊帧:弹起、指针经过、按下、点击,你可以为每个帧设置不同的图像,并为其添加
stop()和gotoAndPlay()等代码来实现点击跳转。 - 影片剪辑:可以独立于主时间轴播放的“小动画”,它有自己的时间轴,非常适合制作复杂的、可重复使用的动画片段(比如一个持续旋转的齿轮)。
-
ActionScript (AS3):
- 这是 Flash 的编程语言,用于添加交互性。
- 新建一个图层,命名为
Actions。 - 选中该图层的第 1 帧,按
F9打开“动作”面板。 - 在里面输入
stop();,可以阻止动画自动播放。 - 为按钮添加代码:
myButton.addEventListener(MouseEvent.CLICK, onClickFunction);,就可以实现点击按钮触发事件。
学习资源推荐
- 官方帮助文档:Flash CS6 自带的帮助文档是最好的参考资料。
- Bilibili (B站):搜索“Flash CS6 教程”、“Flash 动画制作”,有大量中文视频教程,非常直观。
- YouTube:搜索 "Flash CS6 Tutorial for Beginners",有大量高质量的英文教程,可以开启字幕学习。
- 练习网站:尝试模仿一些简单的动画,比如飘动的云、眨眼的眼睛、挥手的角色,从模仿中学习。
Flash CS6 是一个功能强大且充满乐趣的工具,虽然它已不再是主流,但掌握它的基本原理——舞台、时间轴、元件、补间动画——对于学习任何现代动画软件(如 Adobe Animate, Toon Boom Harmony, Spine)都有着巨大的帮助。
希望这份教程能帮助你顺利入门,享受创造的乐趣!
