flash入门案例10则.doc

第 1 章 入 门 篇 实例1 运 动 的 球 • 动画效果 球从一个位置移动到另外一个位置。 • 知识要点 本例虽然简单，却包含了 Flash 动画制作的基本原理——基于时间轴的元件属性变化， 如位置、颜色、透明度等等，这就构成了动画的基础。 • 重点解析 Flash MX 是 Macromedia 公司成立 10 周年的产品，是一款专用于制作网页动画的软件。 Flash 动画体积小、传输速度快，能够满足网络高速传输的需要，所以一经推出即得到广大 用户的青睐，成为应用最广泛的网页矢量动画设计软件。 Flash MX 的工作区可以使我们能够方便地访问制作影片所需的所有内容。舞台可以绘 制和导入作品， 加文本和声音等等。工具箱包含了创建、放置和修改文本和图形的工具。 各个面板有助于使用舞台上的整个对象、文档、时间轴和动作。时间轴基于时间组织和控 制影片内容。与电影一样，Flash MX 将时间分成多个帧，每个帧都有其自己的内容或延续 前面帧的内容。为了帮助组织内容，时间轴被划分成多个图层，例如背景图层可以应用到 时间轴的每个帧中，而动画图层一般只针对特定帧。库面板存储可重复使用的各种元件， 如果想重复使用图形、影片剪辑或声音等，可将其拖到库中，然后在需要的时候再将其拖 到舞台中。 椭圆工具的使用和其他图形软件基本相同，可为绘制的椭圆选择填充颜色和笔触颜色， 方法是使用工具箱中的【填充颜色】和【笔触颜色】控件，或者在椭圆工具处于选定状态 时使用属性检查器。将指针定位到【填充颜色】控件上，单击颜色样本，然后更改填充颜 色；将指针定位到【笔触颜色】控件上，单击颜色样本，然后更改边框颜色；将指针定位 到【笔触高度】控件上，然后更改线条粗细；将指针定位到【笔触样式】控件上，然后更 改线条样式。相关属性设置完成后，在舞台上拖动绘制椭圆。 • 逐步说明 (1) 双击桌面上或开始菜单上的 Flash MX 图标，程序打开后界面如图 1.1 所示。 (2) 单击面板右上角的关闭按钮，将暂时不用的面板关闭，留出空间以便于编辑，结 果如图 1.2 所示。  • 2· Flash MX 设计与开发实训教程 图1.1 Flash MX工作区 图1.2 一些面板关闭后的工作区 提示：以后要用到哪个功能面板，只需通过窗口菜单下的相关命令就可以打开了；另 外，关掉暂时不用的面板，只是为了便于编辑操作，不是必需的步骤。 (3) 加元件：选择菜单【插入】|【新建元件】，弹出如图 1.3 所示的【创建新元件】 窗口。在这里，我们把元件名称设为 ball，行为设为图形。 图1.3 创建新元件对话框 (4) 单击【确定】按钮后，进入元件编辑窗口。在这里面进行的所有操作，只会对该 元件起作用，而不会影响场景。菜单下的标示栏会变成如图 1.4 所示。 (5) 找到工具栏上的【椭圆工具】，如图 1.5 所示。 (6) 设置椭圆属性，即圆形的轮廓颜色、填充色、圆心位置等等，如图 1.6 所示。 • 2·  第 1 章 入 门 篇 • 3· 图1.4 元件编辑窗口 图1.5 椭圆工具 图1.6 椭圆属性设置 (7) 按住 Shift 键，用椭圆工具画出一个圆形，如图 1.7 所示。 提示：在图像处理软件中，几乎都有这一相同的功能，即按住 Shift 键时可画出正方 形与圆，不按 Shift 键时画出的一般是矩形与椭圆。 (8) 回到场景 1，打开图库，选中元件 ball，如图 1.8 所示。 图1.7 画出一个正圆 图1.8 库 (9) 用鼠标将元件 ball 拖到场景 1 中，位置稍微偏左，如图 1.9 所示。 图1.9 将元件拖入场景中 (10) 单击时间轴第 10 帧处，选中此帧，然后右击，选择【插入关键帧】，如图 1.10 所示。 • 3·  • 4· Flash MX 设计与开发实训教程 图1.10 插入关键帧 (11) 将场景中的圆向右拖动，选中第 1 帧，然后右击，选择【创建补间动画】，如 图 1.11 所示。 图1.11 创建补间动画 (12) 打开【控制】菜单，选择【测试影片】，可预览最终效果，如图 1.12 所示。 图1.12 测试影片 • 范例应用 通过本例学习，理解 Flash MX 动画的基本原理，学习使用椭圆工具，创建一个简单动 画，要求如下。 一个球从左上角移动到右下角，然后又移