Flash动画教案精选全文

精选全文完整版（可编辑修改）
《Flash动画制作课程》
教案
任课教师：***
任课班级：13计算机一班
13计算机二班
第1周Flash概述
1.3 Flash动画原理
1．动画原理
2．Flash动画制作原理
1.4 Flash工作环境
1、舞台就是工作区，最主要的可编辑区域。

在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。

2、时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

3、绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。

在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。

4、标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

5、图库窗口用以存放可以重复使用的称为符号的元素。

符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。

其调用的快捷键为Ctrl-L。

6、控制器面板控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。

例1：使用工具制作一个“笑脸”或“哭脸”
思考:如何让“哭脸”变成“笑脸”？
引入层的概念，将“嘴”放在新建的图层上
引入简单动画制作步骤：
a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时间线上的位置。

b、选择所有帧，创建动画。

例2：小球的直线运动。

步骤1：在舞台上画出小球。

步骤2：在第20 帧上插入关键帧。

步骤3：移动小球，使其开始位置与结束位置不同。

步骤4：选择所有帧，创建形状渐变动画。

第２周绘图基础
第 3 周编辑图像
复习旧课
指出上周实训中出现的问题。

强调做文字特效时，一定要将文字打散。

复习一下，矩形工具，填充色的应用
导入新课
展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才能增加动画设计的美感。

讲述新课〔讲授法演示法〕
3.1 调整对象
1、排列对象
单击菜单中“窗口”|“对齐”命令，出现“对齐”面板。

对齐；分布；匹配；间隔
2、形状的切割融合组合叠放顺序的更改
1）形状的切割
Flash中将使用绘图工具绘制的图形称为形状。

Flash 8新增了“对象绘制”按钮，在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。

相反，如果在绘制图形时没有选取“对象绘制”按扭，则对象之间将会产生影响，对象能够被切割或融合。

举例：直线分割椭圆矩形打孔
8）、颜色类型：无；纯色；线性；放射状；位图
2、调整渐变效果
1）填充变形工具：更改渐变中心；改变渐变填充的宽度；旋转渐变填充；改变填充半径。

2）溢出
溢出Flash 8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一部分或全部超出渐变的控制范围
3）锁定填充
在颜料桶工具和刷子工具的辅助选项里，有一个“锁定填充”的按钮，它的
作用是锁定渐变填充的区域。

如果不锁定，颜料桶填充颜色将在被分开的区域分别产生渐变；锁定后，则在整个区域产生渐变。

例：制作带阴影的小球
如何对Flash中的对象、图形进行编辑，以及图像导入等基本操
第 4周文字
复习旧课
分析上周学生上机操作出现问题，展示学生的作品，提示图形的不同模式下不同的表现形式
导入新课
教师播放几个文本特效的Flash影片《弹性小球2》，由此引入课题。

问题的提出：如何制作文本特效？
讲述新课（边演示操作边讲解）
介绍一下关于颜色的内容:
色的调配是动画中重要组成部分，Flash为颜色的使用、生成及修改提供了多种方法。

在Windows中所有的颜色都是用红(Red)、绿(Green)、蓝(Blue)三种基本颜色混合而成的，所以这种颜色系统又称为RGB三基色系统，它的每一种基本颜色用两位十六进制数表示，因此用RGB三基色表示的颜色用6位十六进制数表示。

4.1 文本的输入
1、静态文本的输入
1）、Flash 中文本的类型：静态文本，动态文本，输入文本
2）、静态文本输入、编辑与修改。

4.2常用的字效：
1、晕光字效
关键的技术要求：
1）、设置好影片背景和尺寸大小并输入文字；
2）、将文字选中并将其打散为离散图形；
3）、在选中离散文字的前提下，将文字图形进行柔化边缘填充；
4）、在边缘柔化了的文字图象中，将内部填充色删除即可。

2、空心字
关键的技术要求：
1）、设置影片尺寸大小和背景颜色；
2）、输入文字；
3）、将文字打散；
4）、用墨水瓶工具对打散的文字图形进行描边；
5）、最后将文字的内部填充色删除即可。

3、立体字
关键技术要求：
1）、设置影片尺寸大小并输入文字；
2）、按照制作空心字步骤做出空心字效果；
3）、将空心字复制并粘贴到相同位置；
4）、将复制的空心字往右平移2-4个像素并向上平移2-4个像素，初步造成叠影；
5）、将看不到的线条删除，并将文字的各对角相连；
6）、同理删除被遮掉的线条，即完成立体字。

4、双色（多色）字
关键技术要求：
1）、制作此类文字效果，只要将文字打散成离散的图形；
2）、然后用选取工具选取其中部分，再对选中部分进行颜色填充；3
3）、选取次数可以随意定。

5、彩虹字
关键技术要求：
1）、将输入的文字打散；
2）、对第一种情况来讲，只要文字的填充色直接通过混色器进行编辑即可；
3）、对第二种情况，需要用到油漆桶工具，在选中文字图形并设置好油漆桶的颜色值（渐变色）后，点击被选文字，然后使用颜色填充变形工具将颜色的变化方向改变即可。

综合实例：雪花字、图案字、镜面字、风景字
第 5 周元件、实例
库面板构成：
·菜单：点击可打开库面板的命令
菜单，进行各项有关操作
·播放／停止按钮：用于播放或停
止播放电影元件
·排序按钮：改变元件的排列顺序
·显示切换按钮：以大图框/小图框
方式显示
·新建元件按钮：：单击建立新元
件
·文件夹按钮：单击可创建文件夹
·属性按钮：单击打开所选项的属
性面板
·删除按钮：单击删除选中的项目
5.2 创建图形元件
图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。

一. 将场景中的元素转换成图形元件
1.选择要变为元件的元素，可选择一个或多个
2.选择菜单“修改”→“转换为元件”或按F8键
3.在名称栏中输入元件名称，在行为栏中选择“图形”
4.单击"确定"按钮
二. 创建新的图形元件
1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左
下角的“新建元件”按钮
2.在名称栏中输入元件名称，在行为栏中选择“图形”后，单击"确定"。

3.在舞台中创建元件内容
4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式
5.3 创建影片剪辑元件
影片剪辑元件主要用于制作需要重复使用的动画片段。

一. 创建新的影片剪辑元件操作步骤：
1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左
下角的“新建元件”按钮
2.在名称栏中输入元件名称，在行为栏中选择“影片剪辑”后，单击"确定
"。

3.在舞台中制作影片剪辑的动画内容
4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式
二.将舞台上的动画转换为影片剪辑操作步骤：
1.选择帧
•选择某些层的所有帧：按住Shift键，点击时间轴左边要转换为影片剪辑的各层；
•选择多个连续的帧：单击某帧，再按住 Shift 键并单击其它帧
2. 拷贝帧：右键单击选定的帧，从弹出菜单中选择“复制帧”或选择“编辑”→“时间轴”→“复制帧”
3. 新建元件：选择“插入”→“新建元件”；在对话框中给元件命名。

选择“影片剪辑”后单击“确定”
4. 在时间轴上右键单击第1层上的第1帧，在弹出的菜单中选择“粘贴帧”
5. 单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式。

5.4 实例的创建与修改
一.创建实例
在创建元件之后，用户就可以使用元件创建实例，电影中的所有地方都可以使用元件实例，包括在其他元件的内部
创建实例步骤：
1）选中时间轴的层
2）选择窗口→库或按Ctrl+L键打开库面板
3）将元件拖到舞台上
二.改变实例的属性
每个实例可以有自己的属性，属性独立于元件。

可以修改单个实例颜色、亮度、透明度；可以对实例进行缩放、旋转、扭曲；改变实体的类型和动画的播放模式。

这些操作不会影响元件和其它实例。

1.改变实例的颜色和透明度：
选中要改变属性的实例，打开属性检查器的颜色下拉菜单选择以下选项：•亮度：调整图象的相对亮度和暗度，100%为白色，-100%为黑色。

0为默认值。

•色调：为实例着色，可以直接选择颜色，可以使用滴管工具，也可以直接输入红、绿、蓝颜色值，使用滑杆可设置色调百分比
•Alpha：调整实例的透明度，设置为0则实例完全不可见，100%则表示完全可见。

高级：同时设置红、绿、蓝颜色值与透明度参数
三．变形实例
1)选中要改变属性的实例；
2)使用变形工具；变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作。

四.分离实例
如果想对实例作较大程度的修改而不影响实例所属的元件以及其他实例，则可执行此操作。

即切断实例和符号之间的链接。

方法：
1）选择舞台上的实例
2）选择修改>分离或按Ctrl+B键
5.5 元件的编辑与修改
在Flash中对元件可以根据需要随时编辑修改已制作的元件。

如果修改元件，则所有该元件的实例都将更新。

方法：
1.打开元件的编辑编辑窗口，可采用以下方式
•在当前位置直接编辑：双击舞台上的元件实例。

•在新窗口编辑元件：选中舞台上的元件，右键单击后选择“在新窗口编辑”
2. 修改元件
3. 退出元件编辑窗口。

可采用以下方式
•单击位于舞台顶上方左端的后退按钮
•单击位于舞台顶端左面的场景名
•如果是在新窗口编辑元件，单击右上角的关闭框关闭新窗口
对元件进行修改后将改变场景上所有引用该元件的实例的属性。

5.6 导入外部资源
在Flash中可以将外部对象导入到当前库中，也可以将其他Flash文档中的库资源导入到当前的Flash文档并使用
一. 导入外部对象
在Flash中可以导入其他应用程序中创建的插图。

可以导入多种文件格式的矢量图形和位图也可以导入视频与声音。

方法：
1.执行“文件”→“导入”→“导入库”或“导入到舞台”
2.选择要导入的文件，单击“打开”按钮完成对象的导入
3.打开库面板，将导入的资源拖入工作区，并进行变形、重新着色和修改
等操作。

二. 在不同的Flash文件中复制库资源
在Flash文档之间可以拷贝库资源，从而可以将在其它Flash文档中创建的元件复制到当前文档中并使用。

方法一：通过拷贝和粘贴来拷贝库资源：
1.在源文档的舞台上选择资源
2.选择“编辑”→“复制”
3.将目标文档作为活动文档
4.将指针放在舞台上
•选择“编辑”>“粘贴到中心位置”，以将资源粘贴到可见工作区的中心位置。

第 5 周逐帧动画
3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令
或按F6键
4.修改舞台上的内容
5.重复步骤4、5，完成所有关键帧。

（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）
5.3 绘图纸显示模式
通常情况下，Flash一次只显示动画序列中的一个帧。

如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。

在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。

绘图纸功能的使用：
1.单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧
被重叠显示
2.单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓
3.单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧
4.要更改一绘图纸标记的位置，将指针拖到一个新的位置
5.单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示
5.4 形状补间动画的制作
使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。

一．形状补间动画制作步骤
1.选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧
2.创建或放置图形对象或分离的组、位图、实例或文本块
3.在同一层上再创建一个关键帧，并选择该关键帧
4.选择在前一个关键帧中放置的图形执行以下操作之一
•修改插图的形状、颜色或位置。

•删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。

5. 在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状”
7. 要调整渐变过渡帧的变化速度。

可以拖动“扩大值”旁边的箭头或输入一个值．
•要使动画开始很慢越接近动画末尾时越快，则可以拖动滑杆向上移动或输入一个负数值，范围为-1至-100
•要使动画开始很快越接近动画末尾时越慢，则可以拖动滑杆向下移动或输入一个正数值，范围为1至100
7. 可以选择混合类型的一个选项。

•分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则
•角形：选择该项在创建动画时将在中间形状中保留明显的角和直线
注意：
•变形对象必须在一个图层上，否则不能形成补间动画。

•要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。

二.控点的运用
控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。

设置控点方法：
1.选择变形动画序列中的第一个关键帧，执行【修改】→【变形】→【添
加形状提示】命令，则在变形对象的正中央有一个红色小圈，内部标有
字母
2.将变形提示移动到要标记的点。

按照同样的方法添加和设置其他的变形
提示。

3.选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。

注意：
•设置控点时一定要排列好各控点的位置。

在原始图形和要补间的图形中控点的顺序应该一致。

•控点编号从a到z最多可以设置27.控点。

•确保形状提示是符合逻辑的。

例如，如果在一个三角形中使用三个形状提示，它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。

•如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果
第 6 周两种补间动画
7. 如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入一个值．若要加速设置值为-1至 -100；若要减速设置值为1到100
8. 若要旋转对象，从“旋转”菜单中选择一个选项：
•选择“无”不旋转
•选择“自动”可以在需要最少动画的方向上旋转对象一次
•选择“顺时针”或“逆时针”按指定的方向旋转对象，输入一个数值指定要旋转的次数
注：移动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。

元件的五种变化：移动、缩放、旋转、颜色、透明度
实例1：跳动的小球
实例2：碰撞的小球
实例3：转动的风车
实例4：水滴
实例5：卷轴动画
第7 周引导动画
复习旧课
总结上周实训中的问题，比较两种补间动画的制作步骤和先决条件。

注意和图层结合完成特效。

导入新课
我们已经知道在以前所涉及的移动动画过程都是两点一直线，不存在曲线运动，这对设计者来讲是不够的，我们需要更丰富的移动动画，这就引出我们这一章节所要讲的FLASH中的功能层之一------引导线层。

我们可以比较一下面三幅动画：
1、用逐帧技术
2、用移动补间
3、用引导线技术
通过观察我们可以发现用引导线做出的动画，它的运动路径可以是一条曲线，这样，动画也就随之而丰富起来。

思考：以上动画能直接用移动补间来完成吗？自己动手试一试用移动补间做该动画效果，然后比较用几个关键帧来完成最相像？(教师提供素材)
通过实验我们发现：按照以前所学，除非使用逐帧动画，否则无法完成该动画效果，那么，有没有其它方法？——引导线功能层
讲述新课
一、引导线、引导层的概念
1、引导层：引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提供运动轨迹。

同时在一个引导层中可以有多条运动轨迹。

2、引导线：引导线就是轨迹或辅助线的作用。

它让物体沿着引导线路径运行,运
动的对象其关键帧必须完全吸附在轨迹上（即物体运动的轨迹，一般使用钢笔工具来制作）
注意：思考引导线的颜色和线条的粗细是否影响引导效果？在运动引导层中的线条在实际导出成SWF文件时是不否可见？
二、创建引导路径动画的方法
1、创建引导层和被引导层
一个最基本“引导路径动画”由二个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标同普通图层一样。

在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图所示。

2、引导层和被引导层中的对象
引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。

而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。

3、向被引导层中添加元件
“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。

所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。

三、应用引导路径动画的技巧
1、“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。

而如果在【对齐】前打勾，元件的注册点就会与运动路径对齐。

2、引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参
考等，此时，引导层的图标为。

3、在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮，可以使“对象附着于引导线”的操作更容易成功。

4、过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。

5、被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。

6、向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以按下工具栏上的任意变形工具，调整注册点。

7、如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型。

8、如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。

9、引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。

注意：
①引导层一旦建立完成后应将其锁定
②对运动对象定位时最好打开“帖紧至对象”工具，这样当吸附正确时中心点会放大。

实例1：小球的无规则运动
实例2：飞舞的蝴蝶
实例3：飘雪
综合实例：寒梅傲雪
第8 周遮罩动画
转化的。

你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图所示。

2、构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

被遮罩层中的对象只能透过遮罩层中的对象被看到。

在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

3、遮罩中可以使用的动画形式
可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。

3．应用遮罩时的技巧
遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。

比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。

（1）要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。

（2）可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。

（3）不能用一个遮罩层试图遮蔽另一个遮罩层。

（4）遮罩可以应用在gif动画上。

（5）在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层
只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形
和位置。

（6）在被遮罩层中不能放置动态文本。

第9 周时间轴动画预设特效实例
模块8：创建按钮
第11周声音导入
2. 在声音属性面板中,从“效果”弹出菜单中选择声音效果选项：
3. 如果选择自定义或点击＂编辑＂按钮，可以打开声音编辑控件，使用此控件可以改变声音开始播放和停止播放的位置或调整音量的大小．
打开练习8-2制作的Flash文件设置声音效果：
1）将雷电声设置为淡出
2) 设置雨声效果为自定义声音,开头由小到大,结尾由大到小
3) 改变晴空声音的起始点与终点
4) 降低青蛙声音的音量
8.4给按钮附加声音
在Flash中通过给按钮符号的不同状态附加声音，可以为按钮加入声效。

为按钮添加声音的操作步骤：
•使用“文件”→“导入”命令，导入要附加到按钮上的声音文件。

•从库面板或舞台上选择按钮，单击右键，从弹出的快捷菜单中选择“编辑”
命令，进入按钮的编辑状态
•在按钮的时间轴新建一个层，专门用于附加声音。

练习8-4：给按钮附加声音
1) 打开素材文件8-4源文件.fla；导入素材文件夹中的声音文件
2）从公用库中拖出一个按钮，制作点击时发出声音效果
3）制作点击小孩动画发出笑声效果
4) 制作点击播放按钮播放音乐/点击停止按钮,停止播放音乐
5) 在按钮的经过或按下状态上放置电影元件与声音，制作鼠标经过或点击按钮出现动画与声音效果。

8.5 声音的压缩与属性设置
声音属性设置方法：
1. 双击库面板中的声音文件图标或右键点击后从上下文菜单中选择“属性”。

打开声音属性对话框
2. 去掉＂使用导入的MP3品质＂项的勾选．
3. 打开“压缩”框下拉菜单选择：
4. 点击“测试”按键，试听设置的声音。

5. 设置完毕点击“确定”按钮。

8.6 使用行为控制声音
在Flash 中可以使用行为来控制声音的加载与播放。

使用行为控制声音的操作步骤：。