Flash动画制作教案

《Flash动画制作课程》
教案
任课教师：朱雁峰
第1周Flash概述
3、绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，
选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。

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

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

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

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

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

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

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

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

例2：小球的直线运动。

和播放文件分
别的打开方式
学生练习老师
绘画选项卡、
标尺、网格，
教师辅导。

第２周绘图基础
第3 周编辑图像
教学过程备注
2、形状的切割融合组合叠放顺序的更改
1）形状的切割
Flash中将使用绘图工具绘制的图形称为形状。

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

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

举例：直线分割椭圆矩形打孔
2）形状的融合
融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状。

使用时要注意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象时没有按下“对象绘制”按钮）。

3）组合对象
组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等操作，还可以防止因为重叠而产生的切割和融合。

在编辑组合时，其中的每个对象均保持各自的属性以及与其它对象的关系。

•创建组合Ctrl+G
•编辑组合，注意组合编辑环境
4）对象的叠放顺序单击菜单中“修改”|“排列”命令分布、间隔按钮的用法。

强调“相对于舞台”按钮的用法
举例说明:直线分割椭圆矩形打孔
教学过程备注3.3混色器和填充变形工具
1、混色器
1）、笔触颜色
2）、填充颜色
3）、黑白颜色和交换颜色
4）、颜色值
5）、渐色面板和亮度
6）、Alpha
7）、预览框
8）、颜色类型：无；纯色；线性；放射状；位图
2、调整渐变效果
1）填充变形工具：更改渐变中心；改变渐变填充的宽度；旋转渐变填充；改变
填充半径。

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

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

教学过程备注例：制作带阴影的小球
课堂小结
如何对Flash中的对象、图形进行编辑，以及图像导入等基本操作。

准确、快速的进行图形的编辑和导入工作，在实践中为日后的动
画提供栩栩如生的素材。

布置作业实训三：编辑工具使用
教学反思
第4周文字
教学过程备注示。

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个像素，初步造成叠
影；
文本需进行两
次分离
（Ctrl+B）
请学生思考此
例制作的关
键。

提示：阴影实
际上就是原图
副本填充灰
色，然后进行
自由变形
教学过程备注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.打开库面板，将导入的资源拖入工作区，并进行变形、重新着色和修改
等操作。

第5 周逐帧动画
教学过程备注5.3 绘图纸显示模式
通常情况下，Flash一次只显示动画序列中的一个帧。

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

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

绘图纸功能的使用：
1.单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧
被重叠显示
2.单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓
3.单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧
4.要更改一绘图纸标记的位置，将指针拖到一个新的位置
5.单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示
5.4 形状补间动画的制作
教学过程备注
•分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则
•角形：选择该项在创建动画时将在中间形状中保留明显的角和直线
注意：
•变形对象必须在一个图层上，否则不能形成补间动画。

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

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

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

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

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

注意：
第6 周两种补间动画
教学过程备注动作补间动画：用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色
属性等产生渐变。

动作补间动画创建步骤：
1.单击层名使之成为当前层，选择层中的一个空白关键帧作为动画的起点。

2.创建补间动画的第一个帧，执行以下操作之一：
•创建一个图形对象并转换为元件
•在舞台中创建一个实例、组或文本块
•将元件的实例从“库”面板中拖出
3. 在动画要结束的地方创建第二个关键帧，然后选择结束帧
4. 更改结束帧中的实例、组或文本块,执行以下操作之一：
•将项目移动到新的位置
•修改项目的大小、旋转或倾斜
•修改项目的颜色（仅限实例或文本）
5. 右键单击补间帧范围内的任何帧，从弹出的菜单中选择＂创建补间动画；
或从属性面板的“补间”弹出菜单中选择“动作”
6. 如果修改了项目的大小，勾选“缩放”选项。