Flash (Animate) 新手入门基础教程
第一部分:认识界面与核心概念
在开始制作之前,我们先来熟悉一下 Flash 的“工作台”。

启动软件并创建新文档
- 打开 Adobe Animate。
- 在欢迎界面,选择 “ActionScript 3.0 文档” (这是最常用、最标准的类型)。
- 在弹出的窗口中,可以设置舞台大小(默认 550x400 像素)、背景色等,直接点击“确定”即可。
核心界面区域
打开新文档后,你会看到几个最重要的窗口:
- 舞台: 中间那个白色的矩形区域,这是你最终动画呈现的地方,就像电影里的银幕,所有可见的元素都必须在舞台上或其周围。
- 时间轴: 位于舞台上方或下方,是 Flash 的“灵魂”,它由“图层”和“帧”组成,用来控制动画的播放顺序和时间。
- 工具栏: 位于舞台左侧,包含了所有用于绘制图形、选择和修改对象的工具,如选择工具、画笔、矩形、文本等。
- 属性检查器: 位于舞台右侧,这是最智能的面板,当选中舞台上的某个元素(比如一个图形、一段文字)时,这里会显示该元素的所有可修改属性(如位置、大小、颜色等)。
- 库: 位于右侧下方,像一个“素材仓库”,你在这里导入或创建的所有元件、图片、声音都会被存放,方便重复使用。
第二部分:你的第一个动画 —— 移动的球
这是动画制作的“Hello, World!”,我们将让一个红色的球从舞台左边移动到右边。

步骤 1:绘制一个球
- 在 工具栏 中,找到并选择 “椭圆工具” (一个圆形图标)。
- 在 属性检查器 中,设置填充颜色为红色(Stroke Color 描边颜色可以设置为无,即那个带红色斜线的方块)。
- 在 舞台 上按住
Shift键,拖动鼠标画出一个完美的圆形。
步骤 2:将图形转换为“元件”
元件是 Flash 中一个非常重要的概念,它能让对象拥有自己的时间轴,并且可以重复使用。
- 用 “选择工具” (黑色箭头) 选中你刚刚画好的红色球。
- 按
F8键,或者在菜单栏选择 “修改” -> “转换为元件”。 - 在弹出的窗口中,选择 “图形” 类型,给元件起个名字,"ball",然后点击“确定”。
你的球就变成了一个“元件实例”。

步骤 3:在时间轴上创建动画
我们将使用最核心的 “补间动画” (Tween Animation) 功能。
-
插入关键帧:
- 在 时间轴 面板,找到你默认的图层(通常名为“图层 1”)。
- 在时间轴的第 30 帧上,右键单击,选择 “插入关键帧” (Insert Keyframe),你会看到第 1 帧和第 30 帧都出现了一个实心小黑点,代表这两个时刻的画面内容是确定的。
-
移动对象:
- 确保你当前选中了第 30 帧。
- 用 “选择工具” 点击舞台上的红球,将它从左边拖动到舞台的右边。
-
创建补间动画:
- 在时间轴上,在第 1 帧和第 30 帧之间的任意一帧上,右键单击。
- 在菜单中选择 “创建传统补间动画” (Create Classic Tween)。
恭喜!你会看到两帧之间出现了一条带箭头的紫色实线,这就是 Flash 自动帮你生成的动画路径。
步骤 4:测试你的动画
按一下键盘上的 Enter (回车键),你可以在时间轴上预览动画,小球会从左边跳到右边。
按 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac),会导出一个 .swf 文件并播放它,这就是最终发布的动画效果。
第三部分:深入理解核心概念
帧
- 帧: 时间轴上的小格子,是动画的最小时间单位,默认每秒 12 帧。
- 关键帧: 帧上出现 实心圆点 的地方,它标志着动画中一个重要的“变化点”,我们在这里手动定义了对象的位置、大小、颜色等属性。
- 普通帧: 帧上出现 空心圆点 的地方,它表示延续前一帧的内容,没有变化。
- 空白关键帧: 帧上出现 空心小方框 的地方,表示一个全新的、空白的开始。
图层
图层就像一叠透明的玻璃纸,它们叠在一起构成完整的画面。
- 作用: 方便管理不同元素,你可以把背景放在一个图层,角色放在另一个图层,特效放在第三个图层,这样修改一个图层时,不会影响到其他图层。
- 操作: 在时间轴下方有“新建图层”、“新建文件夹”等按钮,可以右键图层进行重命名、锁定、隐藏等操作。
补间动画
补间动画是制作动画的核心技巧,意思是“在两个关键帧之间创建动画”,Flash 会自动计算中间帧的变化过程。
- 传统补间动画: Flash 8 时代的主流,通过定义起始和结束的关键帧来创建,我们上面练习的就是这个。
- 补间动画: Flash CS4 之后引入的新方式,更加强大和直观,你直接在时间轴上拖动对象的关键帧来创建路径,可以更自由地控制动画的缓动效果,新手可以先掌握传统补间,再尝试补间动画。
第四部分:常用工具与技巧
- 选择工具: 选择和移动对象,靠近对象边缘时,光标会变成弧形,可以调整对象的形状。
- 任意变形工具: 选中对象后,可以自由地旋转、缩放、倾斜和扭曲对象。
- 文本工具: 在舞台上添加文字,在属性检查器中可以设置字体、大小、颜色等。
- 颜料桶工具: 填充一个封闭区域的颜色。
- 橡皮擦工具: 擦除图形,按住
Shift可以擦除一条直线。
第五部分:发布与导出
当你完成动画后,需要把它导出成可以分享的文件。
- 在菜单栏选择 “文件” -> “发布设置”。
- 在弹出的窗口中,默认已经勾选了 Flash (.swf) 和 HTML 包装器。
.swf是动画文件,.html是可以在浏览器中播放它的网页。 - 点击右上角的 “发布” 按钮,软件就会在你保存
.fla源文件的目录下生成.swf和.html文件。 - 直接用浏览器打开那个
.html文件,就可以看到你的动画了!
给新手的建议与资源
- 多练习,别怕犯错: 动画制作是实践性很强的技能,多动手操作是最好的学习方式。
- 从简单开始: 先从移动、缩放、旋转这些基础动画做起,再尝试更复杂的组合。
- 理解“逐帧动画”与“补间动画”的区别:
- 逐帧动画: 手动绘制每一帧,像画漫画一样,优点是表现力极强,缺点是工作量巨大。
- 补间动画: 只定义关键帧,让软件自动生成中间过程,优点是高效、文件小,是 Flash 的精髓。
- 寻找教程: B站、YouTube 上有海量的免费 Flash/Animate 教程,搜索关键词“Flash 教程”、“Animate 入门”即可。
- 官方资源: Adobe 官网也有 Animate 的官方帮助文档和教程。
这份教程为你打开了 Flash 世界的大门,打开软件,开始你的第一个动画项目吧!祝你玩得开心!
