flash校本教材

第1课初识Flash－变形动画

昌邑潍水学校齐广强

学习任务:

1、认识Flash中可以创建的两种动画：帧帧动画和过渡动画。

2、制作一个球体逐渐变成五边形的变形动画。

知识要点：

1、认识帧及关键帧

2、导入GIF图片

3、用颜料桶工具着色

4、使用椭圆工具绘制圆，使用多角星形工具绘制五边形

5、制作形状补间动画

操作步骤：

一、帧及关键帧的概念

在Flash中，帧就是画面，一帧就是指一个画面。

动画制作的关键画面就是关键帧。在Flash中为了提高工作效率，有些画面必须由作者制作，称为关键帧；有些画面则可以由计算机自动生成，称作中间帧。

二、认识Flash中可以创建的两种动画

1、帧帧动画(逐帧动画)：制作好每一帧画面，然后连续播放产生动画效果。（帧帧动画的每

一帧都要保存在文件中，因此文件很大，所以实际制作时帧帧动画用得比较少。）

导入gif图片，使学生认识帧帧动画。

2、过渡动画(变形动画)：制作好若干关键帧的画面，由Flash通过计算生成中间各帧，使画

面从一个关键帧过渡到另一个关键帧。

过渡动画的分类

根据画面形成的规则和形式，过渡动画又分为运动动画和变形动画

(1)变形动画：就是由一种对象逐渐变为另一种对象。

(2)运动动画：它可以使一个对象在画面中移动，改变其大小，形状使其旋转、改变颜色、

产生淡入淡出等效果，各种变画可以独立进行也可以合成复杂的动画。

三、制作变形动画

1、使用默认的电影属性，创建一个新文件。

2、绘制球体图形

选取绘图工具中的椭圆工具，设置笔触颜色为无，

填充颜色为蓝黑渐变色，按住Shift键在舞台左上

角绘制一个无边框的正圆。如图：1-1

图：1-1

3、绘制五边形图形

(1)选中第20帧，击右键，单击插入空白关键帧在第20帧处插入空白关键帧。

(2)选择多角星形工具，如图：1-2

图：1-2 多角星形工具

(3)在舞台右下角，绘制一无边框红黑渐变色的五边形。如图：1-3

图：1-3

(4)创建关键帧的动作回到第一帧，单击属性打开“属性”面板，在补间动画中选择形状。如图1-4:

图：1-4 属性”面板

四、预览动画

执行Ctrl+回车, 预览动画效果。

五、保存动画效果。

思考与拓展：

1、如何修改文档，使球体变成五角星之后再逐渐变为球体。

2、制作文字变形效果，数字5变成9（提示：文字制作变形效果必须将文字转换为图形，使用修改菜单中的分离命令）

3、制作一模拟计算机安装软件时显示装载进程的动画，画面是一个红色的条带从左向右延

伸。

第2课升旗动画

学习任务：红旗升起的运动动画

知识要点：1、设置舞台背景颜色

2、图层的使用

3、创建图形元件

4、用动作补间制作移动动画

操作步骤：

一、新建文件

创建一个新文件，设置舞台背景色为淡蓝色

执行【窗口】→【属性】命令（快捷键Ctrl+F3），打开“属性”面板。“属性”面板位于舞台的下方，新建文档以后，用“属性”面板来指定文档的【舞台】大小、【背景颜色】、【帧频】(fps也就是播放速度)以及文档的【发布设置】等参数。

二、绘制旗杆

１、设置笔触颜色为无颜色，填充颜色为棕色

２、选取矩形工具，分别绘制旗台、旗杆。如图：2-1

图：2-1

三、制作红旗的图形符号

１、【插入】→【新建元件】

２、元件名称命名为“红旗”，行为选取“图形”，单击确定，进入元件编辑状态。

如图：2-2。

图：2-2

３、选取矩形工具，将笔触颜色设为无，填充色设为红色，在工作区绘制“红旗”。

四、制作运动动画

１、单击场景１，回到工作区中，单击添加图层按纽添加图层，并将图层命名为“红旗”。２、单击Ctrl+L打开库面板，从库中将名为“红旗”的图形符号拖到工作区中，放到旗杆的下端。如图：2-3。（如红旗大小不合适，可以右击库中的红旗符号，选择“编辑”命令，重新编辑红旗符号。）

图：2-3

３、在图层1第200帧处插入帧，并在“红旗”层第200帧处插入关键帧，然后将红旗符号移动到旗杆顶端。

4、回到第一帧，右击选择“创建补间动画”。完成后的时间轴效果图如下图：2-4

图：2-4

五、预览动画

Ctrl+Enter，预览动画效果。

六、保存动画文件

执行【文件】→【另存为】命令，保存动画文件,生成的是扩展名为fla的可编辑的Flash文件。注：图层的概念：图层就像是若干张透明纸叠放在一起，透过图层上没有画东西的区域就可以看到下面的图层，创建一个新的Flash电影时，它仅有一层，在制作的过程中，可以根据图形和动画的需要在电影中加入并组织多个图层。

思考与拓展

制作一个蝴蝶由近到远飞行的动画,并且蝴蝶图形由大慢慢变小.

第3课转动的风车

学习任务：制作一个只有4个叶片的风车绕风车中心点旋转的动画。

知识要点：1、变形面板的使用

2、组合对象

3、选择工具的使用

4、部分选取工具的使用

5、在动作补间中使用旋转

操作步骤：

一、新建文件，设置背景属性为淡粉色。

二、创建叶片符号

１、【插入】→【新建元件】

２、元件名称命名为“叶片”，行为选取“图形”，单击确定，进入元件编辑状态。

3、选择矩形工具，将设置笔触颜色为无填充色，填充颜色为绿黑渐变色。

4、在符号区中绘制矩形，如图3-1：

图3-1 图3-2

5、选择“部分选取工具”，选中矩形后，拖动矩形左下角顶点至矩形右下角顶点处，使左下角两个顶点重合，矩形变成三角形，如图3-2：

6、选择“选择工具”，移动鼠标指针到三角形的上边线处，鼠标变成箭头下跟圆弧线时，按住鼠标左键向上拖动，使之成为弧形，如图3-3：