Flash教案 - 中学版 - 图文

第一讲 认识Flash

学习目的：了解Flash 的发展过程

了解Flash 的基本概念 瑞特投入 熟悉Flash 的操作环境

主要内容： 一、Flash 概述

1.Flash 的起源与发展 2.Flash 的功能特点 二、Flash 的操作环境

1、启动FLASH后，出现的界面如下图所示：

2、简单认识一下FLASH MX 2004工作界面，它的界面主要包括“菜单栏”、“工具栏”、“时间轴”、“工作区”、“场景”、“浮动面板”等。如下图所示。它们在制作FLASH动画时分担着不同的工作任务。

菜单栏：这里包括FLASH所有的功能指令，单击菜单名称后，可出现该菜单的命令。 工具栏：列出了FLASH与绘图相关的工具，分为工具、查看、颜色和选项。 时间轴：显示动画的场景、图层、帧等重要信息，控制动画的长度以及当前编辑中的动画或元件的图层和帧的位置。 浮动面板：与动画编辑相关的控制面板及窗口，如属性面板、混色器面板等。 场景：上图的绿色区里的，是动画、元件编辑的区域。

工作区：场景以外的灰色区域。

3、工具栏里提供了FLASH MX 2004所有的绘图、编辑与控制工具，各按扭的名称如下图。

4、时间轴是用于组织和控制影片内容在一定时间内播放的层数和帧数。

5、浮动面板是在进行动画的编辑和制作时要打开的面板，只需要单击“窗口”菜单下的命令就能选择你要用的浮动面板。这里我只介绍一下属性面板，别的浮动面板将在以后的实例中做详细的介绍。属性面板可以很容易地访问场景或时间轴上当前选定项的最常用属性，从而简化文档的创建过程，可以更改对象或文档的属性。根据当前选定的内容，可以显示当前的文档、文本、元件、形状、位图、帧或工具的信息和设置。下面图是一个创建文件时在属性面板中显示的文档属性。也就是最简单的属性面板。

三、Flash的基本操作

用“太阳上下山”的Flash帧帧动画制作过程为例，展示制作一个完整的Flash影片所经历的步骤： 1） 新建一个Flash影片的空白文档。 2） 新建元件（如太阳、山等）。

3） 将建好的元件拖放到舞台上，把太阳的位置一帧一帧地改变，使其的运动路径形成一条曲线。 4） 预览和测试自己的影片，选择保存位置保存文件，生成fla格式的文件。 5） 发布自己的影片，生成swf、exe格式的文件。

学生经历帧帧动画的制作过程，体会使用flash制作帧帧动画的每个细节，并掌握制作flash影片必须经历的步骤。

四、课后作业：

利用帧帧动画的制作手法，发挥自己的想象，制作“飞机起飞”、“小车启动”等动画。

第二讲 关键帧动画与形状补间动画

学习目的：掌握动画与图层

掌握创建关键帧

掌握创建形状补间动画

主要内容：

一、引入图层的概念

1． 引子：指导学生观察“太阳上下山”的帧帧动画中，如果在同一图层操作的情况下，将太阳和山拖放进舞台的

先后决定了太阳是否能落到山的后面，也直接决定了动画制作的成功与否。

2． 思考：如何在“太阳上下山”的实例中不考虑山和太阳拖放进舞台场景的先后顺序，使两个元件在整个动画中

互不影响？

3． 引入“图层”的概念，为太阳和山分别建立两个图层，使之互不影响，改变前后的空间顺序只需要改变图层的

顺序就可以实现了。 4． 图层界面的介绍：

二、创建关键帧

1．关键帧：就是动画的一帧，它是动画变化的控制点，是工作区中对象的性质（包括位置、形状和色彩等）发生变化的位置 ，在时间轴中，建立其他关键帧的方法有以下几种：

1）选中要转换为关键帧的某一帧的位置，然后选择“插入”→“时间轴”→“关键帧”命令

2）选中要转换为关键帧的某一帧的位置，然后右击，在弹出的快捷菜单中选择“插入关键帧”命令 3）也可以使用快捷键F6来插入关键帧

2. 单元格中有一个空心圆圈，如下图所示，表示一个空白的关键帧

三、几种类型帧的小结：（关键帧、空白关键帧、普通帧） 1. 特点

帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。

关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。

空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 2. 区别

1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格

2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。

3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。 3. 应用中需注意的问题

1） 应尽可能的节约关键帧的使用，以减小动画文件的体积；

2）尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。 四、利用关键帧创建形状补间动画

第一步：启动FlashMX程序，打开工作环境的窗口，可以使用下列方法之一。

方法一：单击“开始”按钮 → 打开“程序”项 → 打开“Macromedia”程序组项 → 单击“Macromedia Flash MX”命令，即可启动程序。

方法二：鼠标直接双击计算机桌面上的“Macromedia Flash MX”的程序快捷图标（如果有的话），即可打开程序窗口。

第二步：设置动画影片的舞台大小，可以使用下列方法之一。

方法一：使用“修改|文档”菜单命令（快捷键为Ctrl+J），打开“文档属性”对话框，在FlashMX文档中默认的舞台大小为550px* 400px，背景色为“白色”，帧频为“12fps”（每秒钟播放12帧,每1帧即为一个动画画面）。在我们制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽 →“400px”，高 →“100px”，背景色为“黄色”，帧频 →“12fps”。

方法二：单击展开“属性面板”，再单击面板中的“550 x 400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。如果只是想简单的修改舞台的背景色和影片的帧频，则可以在属性面板中直接设置。

第三步：在舞台的左侧使用“椭圆工具”绘制出一个正圆。

单击“工具箱”中的“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”禁用，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆。

第四步：在舞台的右侧使用“矩形工具”绘制出一个正方形。

此时，我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点（关键帧图标）。下面，我们再选中图层1时间线上的第40帧，使用“插入|空白关键帧”菜单命令（或者鼠标右击时间线第40帧，在快捷菜单中选用“插入空白关键帧”命令，也可以使用快捷键F7，直接在时间线上插入空白关键帧），空白关键帧的图标在时间线上显示为一个空心小圆点。

这时，我们可以发现原先在舞台左侧绘制的红色圆“消失”了，舞台上什么对象都没有。这是因为，我们现在看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧，所以我们可以选用工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”禁用，将“填充色”设置为“蓝色球形”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形。

如果细心的同学可以发现，图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。 第五步：为影片创建补间动画。

单击选中图层1时间线上的第1帧，打开“属性面板”，选用“补间”下拉列表中的“形状”命令即可

所谓的补间就是让Flash程序为用户自动地在两个关键帧之间创建动画效果，补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充。 此时，如果我们想预览动画效果，只要按键盘上的“Enter”就可以了。 第六步：保存并导出我们的一个动画作品。 使用“文件|保存”菜单命令（快捷键为Ctrl+S），打开“另存为”的对话框，设置文档的存储路径，文档的文件名后，单击“保存”按钮即可，如下图所示。请同学们注意，此时我们存储的是作品的.fla格式的文档。

下面，我们接着学习如何导出动画作品。使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。