动画制作培训

教师Flash动画制作培训

第1页

Flash动画制作教程

一、Flash介绍

Flash是Macromedia公司的一个的网页交互动画制作工具。

在Flash里我们把做成的动画文件称为电影，实际上Flash中

的许多名词都与电影有关，包括帧、舞台和场景等。电影（包括

动画电影）放映时都是一帧一帧连续播放的，通常每秒24帧。由

于视觉暂留的原因，我们看到的电影就是连续有动作的。Flash与

电影一样，也是要制成连续动作的图像，再输出播放就形成了电

影。输出的电影可以使用Flash专有的电影格式，也可以输出成

其它图片格式，比如Gif动画。

舞台Stage

舞台是编辑电影的窗口，也就是文件窗口，你可以在里面作

图或编辑图像，也可以测试播放电影。

教师Flash动画制作培训

第2页

时间轴Timeline

Flash将时间分割成许多同样的小块，每一块表示一帧。时间

轴上的每一小格就表示一帧，帧由左向右按顺序播放就形成了动

画电影。时间轴是安排并控制帧的排列及将复杂动作组合起来的

窗口。时间轴上最主要的部分是帧、层和播放指针。

帧Frame

帧是时间轴上的一个小格，是舞台内容的中的一个片断。

关键帧KeyFrame

在电影制作中，通常是要制作许多不同的片断，然后将片断

连接到一起才能制成电影。对于摄影或制作的人来说，每一个片

断的开头和结尾都要做上一个标记，这样在看到标记时就知道这

一段内容是什么。

在Flash里，把有标记的帧称为关键帧，它的作用与上面是一样

的。除此之外，关键帧还可以让Flash识别动作开始和结尾的状

态。比如在制作一个动作时，我们将一个开始动作状态和一个结

束动作状态分别用关键帧表示，再告诉Flash动作的方式，Flash

就可以做成一个连续动作的动画。对每一个关键帧可以设定特殊

教师Flash动画制作培训

第3页

的动作，包括物体移动、变形或做透明变化。如果接下来播放新

的动作，我们就再使用新的关键帧做标记，就象做动作的切换一

样。当然新的动作也可以用场景的方式做切换。

场景Scene

电影需要很多场景，并且每个场景的人物、时间和布景可能

都是不同的。与拍电影一样，Flash可以将多个场景中的动作组合

成一个连贯的电影。当我们开始要编辑电影时，都是在第一个场

景"Scene1"中开始，场景的数量是没有限制的。对于简单的电影

是没有必要使用场景的。使用场景必须要学会使用Flash中的一

些命令。

教师Flash动画制作培训

第4页

层Layer

层可以理解为一张张透明的胶片。我们可以在不同的层上做

图，再叠放到一起组成一个复杂的图片。每个层本身都是透明的，

所以图像叠到一起时仍感觉象在同一个层上。当图像要重叠时，

排在时间轴的窗口中上面的层中的图像要覆盖排在下面层中的图

像。例如，鸟在云朵中飞翔，bird层中的图像要覆盖cloud层中的

图像，看起来就是鸟飞在云彩的前面，而不会隐藏到云彩的后面。

使用过Photoshop的朋友会对层很熟悉。与Photoshop一样，

Flash中的层每个层中的图像与其它层中的图像都是不相关的；不

同的地方是Flash中的层可以使用各自的时间轴，设定各自的动

作而互不干扰。

使用的作图工具

打开Flash，舞台窗口将出现一个空白的电影。建立新的电影

文件，使用命令文件>新建。如果要对电影的尺寸进行修改，使

用命令修改>影片。你可以修改电影的尺寸、背景颜色。

教师Flash动画制作培训

第5页

在电影中制作图形可以使用Flash中提供的制图工

具，这些工具与其它做图软件提供的工具基本是一样的。

如果要在Flash中制作出好的电影，必须先花时间熟悉这

些工具的用法及特点，获得感性认识后就可以任意发挥你

的想象了。

Flash也可以对其它格式的图片进行编辑。它可以打

开多种格式的图片文件，也可以导入动画文件，比如Gif

动画及其它的动画图片的序列。

教师Flash动画制作培训

第6页

二、动画制作

1、变形动画制作

相关知识：帧、关键帧、空白关键帧

1）绘图工具的认识（画笔、椭圆、矩形）

2）旋转工具的使用（面板转换）

3）一般变形动画制作步骤

步骤1：新建一个文件；

步骤2：在屏幕上绘制一个任意图形；

步骤3：在时间轴30帧处单击鼠标右键，插入“空白关键

帧”；

步骤4：在该空白关键帧中，绘制另一个任意图形；

教师Flash动画制作培训

第7页

步骤5：在时间轴1帧处单击鼠标左键，找到“属性”面板；

步骤6：在下方的“属性”窗口中的“补间”中选择“形状”；

步骤7：按键盘Ctrl+Enter，运行动画。

练习：

1）制作简单变形动画

2）制作多关键帧动画

3）制作形状提示点动画（长方形平行四边形）

注意：在使用提示点的时候，先要制作成变形动画，然后

再去设定提示点，最后调整第一帧和最后一帧中的提示点位

教师Flash动画制作培训

第8页

置。（修改转换添加形状提示点）

2、移动动画制作

相关知识：移动动画与变形动画有所不同，不能直接在舞台上

绘制图形。要移动的物品，必须是一个组件（有时翻译成“元

件”，本讲义后续章节都用“组件”）。新建

组建的方法为：菜单“插入新建元件”。

组件（元件）：相当于一个零件。在制

作动画过程中，可以把整个画面上的物品分别做成一个个小的

组件。往往动画的画面是通过调用不同的组件，拼装而成的。

其优点是，当动画制作完成后，可以对这些零件进行加工（如

颜色、线条等），而不需要作其他修改。同时，利用组件可以

使一张图形重复被使用。

组件有三种类型：图形、影片剪辑、按钮。

1）单层动画制作步骤

步骤1：新建一个文件；

步骤2：插入一个组件，命名为“yuan”；

步骤3：在该组件中，绘制一个图形（图形尽量靠近中心点

教师Flash动画制作培训

第9页

位置）；

步骤4：单击“场景1”，回到场景；

步骤5：单击菜单“窗口图库”；

步骤6：选择图库中的“yuan”，将其拖曳

到舞台左边；

步骤7：在时间轴30帧处单击鼠标右键，选择“插入关键帧”；

步骤8：把屏幕上的图形移动位置，至舞台的右边；

步骤9：在时间轴1帧处单击鼠标右键；

步骤10：在下拉的窗口中选择“创建补间动画”；

教师Flash动画制作培训

第10页

步骤11：按键盘Ctrl+Enter，运行动画。

2）多层动画制作

制作多层动画，只是在原有的基础上，添加一个图层，

各层之间在动画的顺序上没有关联，各层动画独占一层，

只是在叠放层次上有所区别。层与层之间的叠放层次可以

调整。

练习：

1）制作简单的移动动画1（球上下弹动）

2）制作简单的移动动画2（天空中云朵在飘，小鸟在飞）

3）制作物体移动动画3（移动几个方块到屏幕上，先移入

一个方块，在屏幕上停留一会儿，再移出）

4）制作物体移入、停止、移出

教师Flash动画制作培训

第11页

3、放大、缩小、扭曲、旋转动画制作

相关知识：图片的导入与编辑。在flash中，除了使用工具，

自己绘制相关图形外，还可以从外部把图片文件导入进去。对

于导入的图形，可以把它转换成图形组件，此后，就和其他的

组件一样使用。导入方法：文件导入，选择相关的图形文件，

即可导入到flash中。导入后，根据需要可以把图片转换成组

件（如：制作移动动画，必须要使用组件）。

1）放大、缩小动画制作步骤：

步骤1：新建一个文件；

步骤2：插入一个组件，命名为“fangkuai”；

步骤3：在该组件中，绘制一个图形（图形尽量靠近中心点

位置）；

步骤4：单击“场景1”，回到场景；

步骤5：单击菜单“窗口图库”；

步骤6：选择图库中的“fangkuai”，将

其拖曳到舞台左边；

教师Flash动画制作培训

第12页

步骤7：在时间轴30帧处单击鼠标右键，选择“插入关键

帧”（注：此时，时间轴中，正好选中第30帧）；

步骤8：使用箭头工具，选中30帧中的图形。

步骤9：选择工具中“任意变形工具”。

步骤10：用鼠标拖曳图形四周的小方块，调整其大小；

步骤11：在时间轴1帧处单击鼠标右键；

步骤12：在弹出的窗口中“创建补间动画”；

教师Flash动画制作培训

第13页

步骤13：按键盘Ctrl+Enter，运行动画。

2）扭曲动画的制作

在选择箭头工具后（上面步骤9），在图形四周出现的

小方块上拖曳调整图形大小时，可以使图形进行翻转（即

调整过头）。其他步骤同上，即可产生物体翻转动画。

3）旋转动画的制作

在flash中，可以控制物体根据某个轴心进行旋转，

如旋转的风车。

旋转动画制作步骤：

步骤1：新建一个文件；

步骤2：插入一个图形

．．

组件，命名为“leaf”；

步骤3：在该组件中，绘制一个圆形，并利用箭头工具调整

圆的边框，使其成为叶子状；

步骤4：调整叶子位置，使其叶柄位置对准中心点位置；

教师Flash动画制作培训

第14页

步骤5：插入另一个图形

．．

组件，命名为“windmill”；

步骤6：单击菜单“窗口图库”；

步骤7：选择图库列表中的“leaf”组件，将其拖曳至当前

组件（即windmill）中。共拖曳4次，拖曳出4片叶子。

步骤8：使用任意变形工具进行旋转调整至风车样；

步骤9：插入另一个影片剪辑

．．．．

组件，命名为“rotatewindmill”；

步骤10：从图库中，将windmill组件拖曳至舞台上，将其

中心点位置与当前组件的中心点位置对齐；

教师Flash动画制作培训

第15页

步骤11：在时间轴30帧处单击鼠标右键，选择“插入关键

帧”（注：此时，时间轴中，正好选中第30帧）；

步骤12：使用箭头工具，选中30帧中的图形。

步骤13：选择工具栏中“任意变形工具”按钮选项。

步骤14：用鼠标拖曳图形四周的小圆点，调整其旋转度数

和方向；

教师Flash动画制作培训

第16页

步骤15：在时间轴1帧处单击鼠标右键；

步骤16：在下拉窗口中选择“创建补间动画”；

步骤17：按键盘Ctrl+Enter，运行动画。

练习：

1）影子动画的制作1（弹动的小球，加上影子）

2）影子动画的制作2（青蛙走路，其地上的影子）

3）转动的风车动画制作，并为风车加上一个风车架

教师Flash动画制作培训

第17页

4、遮罩动画制作

相关知识：自定义填充色、字体设置。除了系统默认提供的几

种填充色外，用户可以自定义填充色（如定义一个彩色的圆

环）。，选择对

应的填充方式，编辑对应的颜色。

使用文本工具，输入字符后，在文字被选中的情况

下，可以进行字体设置。可以从窗口下放“属性”中，设置字

体的颜色、字体和大小。

遮罩动画制作步骤：

步骤1：新建一个文件；

步骤2：插入一个图形

．．

组件，命名为“yuan”；

步骤3：在该组件中，绘制一个圆形，使其填充色为渐变色；

教师Flash动画制作培训

第18页

步骤4：插入另一个图形

．．

组件，命名为“wenzi”；

步骤5：在该组件中使用文字输入工具，输入“Flash动画

制作”（注意，选择文字输入工具后，在屏幕上用鼠标点击

后输入文字，不要使用鼠标拖曳一个矩形框后再输入，否

则文字会自动换行）；

教师Flash动画制作培训

第19页

步骤6：使用箭头工具，选中所输入的文字，选择菜单“窗

口面板字符”，调整文字的字体和大小；

步骤7：新建影片剪辑

．．．．

组件，命名为“zhezhao”；

步骤8：单击菜单“窗口图库”；

步骤9：（此时，时间轴中只有一个图层）先将图库中的

“yuan”组件拖曳出来（即拖曳到图层1所在的舞台上）；

教师Flash动画制作培训

第20页

步骤10：将该组件制作成一个左右移动的移动动画。（先调

整组件的起始位置插入关键帧调整该帧中的组件位

置，即终点位置创建动画。

步骤11：锁定第一个图层；

步骤12：插入新的图层（图层2）；

教师Flash动画制作培训

第21页

步骤13：从图库中，将“wenzi”组件拖曳至图层2所在的

舞台（注意，视觉上当前的两个图层在同一个平面上，事

实上，他们在不同的图层中。在动画的运行过程中，每个

图层各自逐帧运行本图层中的动画，与其他层无关），调整

其位置至“yuan”组件的移动路径上；

步骤14：鼠标右键单击时间轴左边的图层的命名处，选择

“遮罩”。

教师Flash动画制作培训

第22页

步骤15：回到“场景1”，从图库中拖曳“zhezhao”组件

至舞台上，并运行动画。

遮罩动画说明：遮罩动画有两个图层组成，总是在上面一

层上作遮罩。上面一个图层是遮罩的轮廓，下面一层是实际显

示的物品，动画运行过程中，只显示轮廓所在位置后面的物品。

教师Flash动画制作培训

第23页

练习：

1）先去除原先的遮罩（鼠标右键单击时间轴左边的图层的

命名处，再次选择“遮罩”），调换两个图层的位置，再做

遮罩，观察动画运行结果。

2）导入一张外部的图片，将其转换成组件。然后，按照上

面的制作步骤，制作一个欣赏图片的遮罩动画。（提示：遮

罩的方式可以是移动动画、变形动画、放大缩小动画、旋

转动画）

3）制作一个类似开幕和闭幕的动画。（提示，要制作一个

放大、缩小的动画）

教师Flash动画制作培训

第24页

5、路径动画制作

相关知识：在动画的制作工程，经常会有一些误操作，可以使

用编辑菜单中的“撤销”、“重复”命令来恢复前面的操作结果。

在修改动画的过程中，可以灵活操作时间轴中的帧。用

户在选择相应的一个或多个帧后，在选中的帧上单击鼠标右

键，便可以对其进行操作。下面介绍几个操作：

插入帧：就是在该层中，从前一个关键帧中，连续填充

中间的空白帧，起到延长该图层中物品在动画运行过程中的显

示时间的作用；

移除帧：把选中的一个帧或多个帧中的物品全部清除，

如果被选中的帧不是该图层中的结尾的帧，则后面的帧自动向

前移动。

清除关键帧：该命令只能清除关键帧。

路径动画制作步骤：（树叶下落）

步骤1：新建一个文件；

步骤2：插入一个图形

．．

组件，命名为“yuan”；

步骤3：在该组件中，绘制一个圆形，使其填充色为渐变色；

教师Flash动画制作培训

第25页

步骤4：插入另一个图形

．．

组件，命名为“wenzi”；

步骤5：在该组件中使用文字输入工具，输入“Flash动画

制作”（注意，选择文字输入工具后，在屏幕上用鼠标点击

教师Flash动画制作培训

第26页

练习：

1．制作月亮绕着地球转（制作在动画组件中）

2．制作地球绕着太阳转

3．制作飘带文字