第一部分:认识 Flash MX 2004 工作区
在开始制作之前,我们先熟悉一下软件的界面,打开 Flash MX 2004,你会看到几个主要区域:

- 菜单栏: 顶部,包含所有命令,如文件、编辑、插入、修改、文本、控制等。
- 主工具栏: 通常在顶部,包含新建、打开、保存、打印等常用快捷按钮。
- 工具箱: 通常在左侧,包含了所有用于绘图和选择的工具,这是我们最常打交道的地方。
- 时间轴: 这是Flash的核心,位于界面的右上方,它用于组织和控制动画内容。
- 舞台: 中间最大的白色区域,是你动画的最终预览区域,也就是观众会看到的部分。
- 属性检查器: 通常在右下角,当选中某个对象(如一个图形、一个实例)时,这里会显示并允许你修改该对象的属性(如位置、大小、颜色等)。
- 面板组: 右侧通常还有其他面板,如“混色器”(用于调色)、“库”(存放元件)等,这些面板可以拖动、组合和隐藏。
第二部分:核心概念:元件、实例与时间轴
理解这三个概念是掌握Flash的关键。
- 舞台: 你看到的画布。
- 时间轴: 一张“胶片”,记录了每一帧的内容。
- 帧: 时间轴上的小格子,是动画的最小单位,普通帧(灰色)显示前一帧的内容,关键帧(黑色实心圆点)是内容发生变化的点。
- 元件: 可以重复使用的“模具”,它有三种类型:
- 图形: 最简单的元件,通常用于静态图像或与时间轴同步的简单动画。
- 按钮: 用于交互,有“弹起”、“指针经过”、“按下”、“点击”四个状态。
- 影片剪辑: 最强大的元件,它本身就是一个小动画,拥有自己独立的时间轴,可以放在主时间轴上播放。
- 实例: 从“元件”这个模具中拖到舞台上的具体对象,修改元件,所有实例都会跟着变;修改单个实例,则不会影响元件和其他实例。
第三部分:基础教程 - 制作你的第一个动画
我们将制作一个最简单的“小球弹跳”动画,来熟悉Flash的基本流程。
制作一个移动的小球
目标: 让一个红色小球从舞台左边平滑地移动到右边。
步骤:

-
新建文档
- 打开 Flash MX 2004,选择
文件->新建,然后选择Flash 文档。 - 在
属性检查器中,可以设置舞台大小(如 550x400 像素)和背景色(默认白色即可)。
- 打开 Flash MX 2004,选择
-
绘制小球(创建图形元件)
- 在左侧 工具箱 中,选择 椭圆工具。
- 在 属性检查器 中,设置填充颜色为红色(
#FF0000),描边颜色为无。 - 按住
Shift键(为了画正圆),在 舞台 上拖动鼠标,画出一个红色小球。 - 重要一步: 选中这个小球,按
F8键,或者选择插入->转换为元件。 - 在弹出的窗口中,名称输入“小球”,类型选择 “图形”,点击“确定”。
- 你的小球已经是一个“图形元件”了,你可以按
Ctrl+L(Windows) 或Cmd+L(Mac) 打开 库 面板,你会看到里面有一个名为“小球”的元件。
-
设置动画(使用时间轴)
- 确保小球仍然在舞台上被选中。
- 查看 时间轴,你会看到第1帧有一个关键帧(黑色实心圆点)。
- 在时间轴上,点击第30帧,然后按
F6键,这会在第30帧插入一个新的关键帧,你会看到舞台上在第30帧也出现了一个小球。 - 选中第30帧上的小球,用鼠标把它拖到舞台的右边。
-
创建补间动画
(图片来源网络,侵删)- 在时间轴上,点击第1帧和第30帧之间的任意一帧(比如第15帧)。
- 在 属性检查器 中,找到 “补间” 选项,点击下拉菜单,选择 “动画”。
- 看看时间轴,第1帧到第30帧之间会出现一个紫色背景的箭头,这代表一个补间动画已经成功创建!
-
测试动画
- 按下
Ctrl + Enter(Windows) 或Cmd + Enter(Mac)。 - Flash 会生成一个
.swf文件并播放它,你应该能看到一个红色小球从左边平滑地移动到右边了!
- 按下
制作一个简单的按钮
目标: 创建一个按钮,当鼠标放上去时会改变颜色。
步骤:
-
创建按钮元件
- 按
Ctrl + F8(Windows) 或Cmd + F8(Mac) 新建元件。 - 名称输入“我的按钮”,类型选择 “按钮”,点击“确定”。
- 你会进入按钮的编辑界面,时间轴有4个帧:
- 弹起: 按钮的默认状态。
- 指针经过: 鼠标悬停时的状态。
- 按下: 鼠标点击时的状态。
- 点击: 指定按钮的响应区域(通常和“弹起”一样大)。
- 按
-
设计按钮状态
- 在 “弹起” 帧,用 矩形工具 画一个蓝色矩形。
- 点击 “指针经过” 帧,按
F6插入关键帧。 - 选中这个新帧上的矩形,在 混色器 面板中将其填充颜色改为绿色。
- 点击 “按下” 帧,按
F6插入关键帧,可以将其改为橙色。 - “点击” 帧也按
F6插入关键帧,确保它能响应鼠标点击。
-
将按钮放到舞台上
- 点击时间轴左上角的 “场景 1”,回到主场景。
- 打开 库 面板 (
Ctrl+L),把刚才做好的“我的按钮”元件拖到舞台上。
-
测试按钮
- 按
Ctrl + Enter测试影片,将鼠标移动到按钮上,你会发现它的颜色发生了变化!
- 按
第四部分:常用技巧与注意事项
- 洋葱皮工具:在时间轴下方,有两个洋葱皮图标,点击它可以让你看到前一帧和后几帧的内容,方便制作连贯的动画。
- 图层:在时间轴左侧,点击下方的 号可以新建图层,图层就像一张透明的塑料纸,把不同内容分开放置,避免互相干扰,是管理复杂动画的必备工具。
- 分离:选中一个图片或文字,按
Ctrl + B(Windows) 或Cmd + B(Mac) 可以将其“分离”成像素,方便修改局部颜色或形状,对于文字,通常需要分离两次才能完全打散。 - 发布设置:制作完成后,选择
文件->发布设置,在这里你可以设置导出的格式(最常用的是.swf动画文件和.html网页文件),以及图片质量等。
总结与进阶
就是 Flash MX 2004 的基础入门教程,你已经学会了:
- 如何绘制和转换元件。
- 如何使用关键帧和补间动画制作移动效果。
- 如何制作一个简单的交互按钮。
要进一步学习,你可以尝试:
- 制作形变动画:在两个关键帧上放置不同的形状,然后在中间创建“形状补间”(补间类型选择“形状”)。
- 制作遮罩动画:用一个图层作为“遮罩”,另一个图层作为“被遮罩”层,可以制作出探照灯、百叶窗等效果。
- 使用脚本:Flash MX 2004 开始支持 ActionScript 2.0,可以在按钮上添加
on(release){ gotoAndStop(2); }这样的简单代码来实现场景跳转等交互。
虽然 Flash MX 2004 已经非常老旧,但它所包含的时间轴、元件、补间动画等核心思想,至今仍是所有动画和交互设计软件的基础,掌握它,对你理解现代的动画制作逻辑非常有帮助,祝你学习愉快!
