二维动画设计与制作
教案
第一章 Flash概述
【教学内容】
1、Flash 8概述
2、Flash 8的界面
3、Flash 8的基本操作与设置
4、Flash 8的新增功能
【教学目标】
1、使学生了解Flash的概念、功能及应用领域；
2、使学生了解Flash动画制作的基本原理；
3、使学生了解Flash 8的界面；
4、掌握Flash 8的基本操作与设置；
5、了解Flash 8的新增功能。
【教学方法】
以讲授为主，配合多媒体课件以及多媒体计算机演示【教学重点】
了解Flash 8的使用界面并掌握有关它的基础知识。【教学难点】
矢量图形与位图图像的区别。
【教学用具】投影、多媒体计算机
【课时计划】6课时
【教学过程】
1、新课引入
Flash是Macromedia公司推出的一种非常优秀的矢量动画制作软件，它不仅动画制作功能强大，另外还支持声音控制和丰富的交互功能。由于它制作出的动画文件大小远远小于其它软件制作的动画文件的大小，并且采用了网络流式播放技术，这样使得在较慢的网络上也能快速地播放。本课开始，我们来学习制作简单的Flash。
2、讲授新课
（1）教师提问：我们都听过Flash这个名称，那么究竟什么是Flash呢，同学们怎么认识？
（2）学生活动：讨论并回答教师的问题，各抒己见。
（3）教师讲解：什么是Flash。Flash是一种优秀的矢量动画制作软件，利用该软件制作的动画，文件大小比位图动画（如GIF动画片）要小很多，而且采用了网络流式媒体播放技术，可以在网络上快速地播放。另外，Flash还具备了强大的交互功能，可以制作出复杂的动画效果，如多媒体教学软件、游戏等。
（4）通过演示制作一个滚动的变色球动画，让学生认识Flash 动画制作的操作界面，了解Flash动画制作的一般基本过程以及一些相关设置，使学生了解Flash动画制作的基本原理，即基于时间轴的图形属性的变化，如位置、颜色、大小等。学生初步了解帧的概念。
（5）教师讲解：举例说明Flash作品的四大应用领域：网页设计、多媒体教学、游戏、影视动画。
要求学生知道网页制作三剑客的概念（Flash矢量动画制作软件、Dreamweaver网页制作软件、Firework网页图像处理软件的并称）。
（6）Flash制作的动画，主要有矢量图形组成，但也可以导入
位图图像。正确理解这两种不同格式图像之间的差异，能够更有效地设计、创建动画。
（7）教师讲解：矢量图形和位图图像的区别。
①矢量图形是用直线或曲线来描绘图像的，它还包括颜色和位置的属性。当编辑矢量图形时，实际上是修改描述图形形状的直线和曲线的属性。对矢量图形的各种修改都不会影响矢量图形的画质。矢量图形和分辨率无关，即图形在不同分辨率的显示器上显示，画质都不会有任何损失。常用的矢量图形文件格式有AI、EPS、WMF等。
②位图图像又称为点阵图形，它是用带颜色的小点（称之为“像素”）来描绘图像的，当编辑位图图像时，修改的是像素，并且会影响其画质。位图图像和分辨率有关，当放大位图时，会使图像边缘产生锯齿，影响图像的画质；而缩小位图时，同样会导致图像画质的降低。常用的位图图像的文件格式有BMP、JPG、GIF、PNG等。
（8）教师讲解：Flash的工作流程，首先是绘制或导入图形图像，然后将其放置在场景中。最后是在时间轴中产生动画。
（9）教师讲解演示：与实例结合讲解如何播放用Flash做好的动画，让学生在乐中学。
3、课后小结
本课是Flash的入门知识篇，有些概念非常的重要，而且还要为今后学生的进一步学习打下良好的开端，所以课堂上与动画作品的欣赏结合在一起，边讲解边欣赏，让学生在乐中学。
第2章绘制图形
【教学内容】
1、绘图工具概述；
2、属性面板与混色器面板的参数；
3、应用举例
【教学目标】
了解绘图工具箱各工具按钮的功能及如何根据实际需要设置各属性面板与混色器面板的参数。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
Flash 8绘图工具箱按钮功能及相关属性面板的操作。
【教学难点】
如何根据实际需要设置选取合适的工具及如何根据实际需要设置各相关属性面板的参数。
【教学用具】多媒体计算机
【课时计划】6课时
【教学过程】
复习：上节课我们了解了Flash的工作流程是怎么样的呢？
学生回忆回答。
师总结导入。
课程导入：Flash的工作流程是绘制或导入图形图像然后将其放置在场景中，最后是在时间轴中产生动画。那么这节课我们一起看看在Flash中如何自己绘制制作一些图片？（从而引入本节课课题。）新课内容：
1、打开Flash 8软件，将事先准备好的图片进行导入到Flash 中，然后将其放置在场景中，再重新建立一个新层，将导入的图片层锁入，已防止临摹过程中移动了图片的位置。（这是对于绘画技术不高的学生讲述的另一种绘图方式）
2、结合实例讲授演示如何利用Flash 8绘图工具箱的各工具进行图形绘制、图形调整操作。
3、结合实例讲授演示Flash 8的工作区、场景的功能及各属性面板的参数设置。
4、学生根据所学内容，操作软件进行图形绘制。
5、学生根据所学工具使用方法，完成几个巩固练习实例操作。
6、复习小结。
7、布置作业和预习任务。
第三章 动画制作（1）
【教学内容】
1、动画的基本原理
2、帧的概念和种类
3、帧的显示模式
4、帧的操作
5、创建逐帧动画的几种方法 【教学目标】
1、使学生了解动画的基本原理。
2、使学生理解帧的概念和种类以及它的显示模式。
3、掌握帧的操作以及创建逐帧动画的几种方法。 【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
选择工具 线条工具 钢笔工具 椭圆工具 铅笔工具
任意变形工具 墨水瓶工具
滴管工具
部分选取工具 套索工具 文本工具
矩形工具（多角星形工具） 刷子工具 填充变形工具 颜料桶工具 橡皮擦工具
【教学重点】
帧的操作以及创建逐帧动画的几种方法。
【教学难点】
帧的操作以及创建逐帧动画的几种方法。
【教学用具】多媒体计算机
【课时计划】4课时
【教学过程】
复习：复习上一节课的内容。
课程导入：前面内容的学习我们已经了解了动画制作的第一步，素材的处理，接着我们就要进行动画的制作了，那么我们先来了解动画的基本原理。（从而引出课题）
新课内容：
1、通过演示例子，给学生讲授动画的基本原理：动画就是连续播放的一系列画面，动画的基本原理是基于人眼的“视觉暂留”特性。制作动画的关键是创作一幅幅连续的画面，这在动画制作中称为“帧”。当一系列的静止画面以一定的速度连续播放时就会产生动画效果。
2、引出“帧”的概念：动画中的一张张画面在flash中称为一帧。
在Flash软件中时间轴上的每一个小方格就是一个帧，它是舞台内容中的一个片断。
3、结合教学课件讲述帧的主要类型
①空白帧
②关键帧
③普通帧
④位置过渡帧
⑤图形过渡帧
⑥不可过渡帧
⑦动作帧
⑧帧标签
4、结合教学课件讲述帧的显示模式
时间轴及其各个组成部分
层编辑区
帧模式
帧数
帧频
时间
时间轴模式
播放头
帧显示模式控制按钮
5、结合教学课件讲述帧的操作 创建过渡动画：
当前帧若是关键帧，则在当前帧到下一个关键帧之间建立运动过渡动画；当前帧若是普通帧，则在当前帧的前面和后面的关键帧之间建立运动过渡动画。
（1）插入帧
在当前位置插入普通帧。当选中多个帧时，执行插入帧命令，可以插入与选中帧数目相同的帧数。使用快捷键[F5]也可以达到同样的功能。
（2）删除帧
选定一个或多个帧后，单击右键，选择删除帧功能，或使用键盘快捷键[Shift+F5]，可以将选定的帧删除。当一个帧被删除后，后面的帧将自动向前移动。
（3）插入关键帧
在当前位置插入关键帧，如果该位置前面有一个关键帧，插入关键帧后，系统将前一个关键帧中的对象复制到当前帧，两个关键帧之间用普通帧填充。
（4）清除关键帧
将选中的关键帧转换为普通帧。
帧居中
绘图纸外观显示模式
修改标记
多帧编辑
绘图纸边框显示模式
6、结合实例演示讲授创建逐帧动画的几种方法
首先讲述逐帧动画的定义：它由一系列连续的关键帧组成的动画。
逐祯动画类似于电影的播放模式，对动画效果有很强的控制能力，可以制作出较为复杂、表现细腻的动画。
创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
将一组连续变化的静态图片导入到Flash中，这些图片按顺序分布在每一帧上，即建立一段逐帧动画。
（2）绘制矢量逐帧动画
用鼠标或压感笔画出每一帧的内容，本章开始的例题“旋转的三棱锥”即采用这种方法。
（3）文字逐帧动画
用文字作帧中的元件，实现文字跳跃、旋转、书写等特效。
（4）指令逐帧动画
在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。
7、学生根据所学内容上机实例操作掌握技能。
8、复习小结，并安排下节预习内容。
9、布置课后作业。
第三章动画制作（2）
【教学内容】
1、运动过渡动画的概念
2、运动过渡动画的特点
3、运动过渡动画的元素
4、创建运动过渡动画的方法
【教学目标】
1、使学生了解运动过渡动画的概念及特点、元素。
2、掌握创建运动过渡动画的方法。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
创建运动过渡动画的方法。
【教学难点】
创建运动过渡动画的方法。
【教学用具】多媒体计算机
【课时计划】2课时
【教学过程】
复习：复习创建逐帧动画的几种方法。
课程导入：上一节课我们学习了逐帧动画的几种创建方法，那么这一节课我们来学习运动过渡动画是如何创建的！
新课内容：
1、演示运动过渡动画的实例，讲授运动过渡动画的概念及特点、元素。
2、演示并讲授创建运动过渡动画的创建方法。
3、讲述运动过渡动画帧属性面板中各部分的含义。
4、学生上机实例操作，巩固所学内容。
5、复习小结，布置预习任务。
6、布置课后作业。
第三章动画制作（3）
【教学内容】
1、变形过渡动画的概念
2、变形过渡动画的特点
3、变形过渡动画的元素
4、创建变形过渡动画的方法
【教学目标】
1、使学生了解变形过渡动画的概念及特点、元素。
2、掌握创建变形过渡动画的方法。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
创建变形过渡动画的方法。
【教学难点】
创建变形过渡动画的方法。
【教学用具】多媒体计算机
【课时计划】2课时
【教学过程】
复习：复习创建运动动画的几种方法。
课程导入：上一节课我们学习了运动动画的创建方法，那么这一节课我们来学习变形过渡动画是如何创建的！
新课内容：
1、演示变形过渡动画的实例，讲授变形过渡动画的概念及特点、元素。
2、演示并讲授创建变形过渡动画的创建方法。
3、讲述变形过渡动画帧属性面板中各部分的含义。
4、学生上机实例操作，巩固所学内容。
5、复习小结，布置预习任务。
6、布置课后作业。
第三章动画制作（4）
【教学内容】
1、形状提示点的使用
2、添加形状提示点的方法
3、添加形状提示的技巧
【教学目标】
1、使学生了解形状提示点的使用。
2、掌握添加形状提示点的方法及其技巧。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
1、添加形状提示点的方法。
2、添加形状提示的技巧。
【教学难点】
添加形状提示的技巧。
【教学用具】多媒体计算机
【课时计划】2课时
【教学过程】
复习：复习上节课内容。
课程导入：学习了形状变化动画，现在我们来了解形状提示点的使用。
新课内容：
1、结合实例演示并讲授形状提示点的使用。
2、结合实例演示并讲授添加形状提示点的方法：
制作一个变形过渡动画。
在变形过渡动画的开始帧上单击一下，单击菜单“修改”|“形状”|“添加形状提示”命令，该帧的形状上就会增加一个带字母的
红色圆圈，此即形状提示点。相应地，在结束帧中会出现同样的提示点。
在结束帧中拖动该提示点放置在适当的位置即可。
3、结合实例演示并讲授添加形状提示的技巧：
“形状提示”可以连续添加，但最多只能添加26个。
将“形变提示”从形状的左上角开始按逆时针顺序摆放，将使变形提示工作得更有效。
“形状提示”只能放在图形的边缘才能起作用，可以借助绘图工具栏“选项”上的“吸咐开关”，在“形状提示”靠近图形的边缘时，自动吸咐到图形的边缘。
可以放大图形，便于“形状提示”的摆放。
4、结合实例演示并讲授删除形状提示：
右击某一形状提示，在弹出菜单中选择“删除提示”即可删除该形状提示。
执行菜单“修改”|“形状”|“删除所有提示”命令，将删除所有的形状提示。
5、学生上机实例操作，巩固所学内容。
6、复习小结，布置预习任务。
7、布置课后作业。
第四章图层
【教学内容】
1、图层的概念
2、图层的简单操作
3、图层文件夹
4、图层的模式
【教学目标】
1、使学生了解图层的概念以及它的模式。
2、掌握图层的简单操作以及图层文件夹的使用。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
图层的简单操作以及图层文件夹的使用。
【教学难点】
图层的简单操作以及图层文件夹的使用。
【教学用具】多媒体计算机
【课时计划】8课时
【教学过程】
复习：复习上节课内容。
课程导入：这节课我们来看一个新的例子，通过这例子引出图层的概念。
新课内容：
1、演示例子，通过例子引出图层的概念：图层是flash中的一个非常重要的概念，是动画的主要载体。我们可以把图层看成是相互堆叠在一起的许多透明纸，透过上层的空隙可以看到下层的图像。
图层是时间轴的一部分，它是按顺序一层一层相互叠加在一起的，如果图层的数量比较多，时间轴窗口会自动出现一个滚动条。
上面图层的不透明对象将会遮盖住下面图层的对象，而上面图层的透明部分可以显示出下面图层的内容。
2、通过实际操作，演示并讲授图层的简单操作。
（1）、图层的创建
方法1：单击“时间轴”面板左下方的“插入图层”按钮，则在当前图层上面新建一个图层。
方法2：鼠标右击已有的某一图层名称栏，在弹出的快捷菜单中选择“插入图层”，则当前图层上面新建一个图层。
方法3：单击“插入”|“时间轴”|“图层”菜单，则在当前图层上面插入一个新图层。
（2）、图层的重命名
方法1：双击要重命名的图层名，使其成为可编辑状态，并输入新的图层名，按Enter键确定。
方法2：右击要重命名的图层，在弹出的菜单中选择“属性…”选项，在弹出对话框的名称栏中输入新图层名。
（3）、图层的选取
在Flash中，只有当前层可以进行编辑。当前图层的名称栏为蓝色并在左边有一个铅笔图标。
图层的选取方法
方法1：在图层名称栏中单击目标图层名称。
方法2：在时间轴上单击目标图层的某一帧，可以激活相应的图层。
方法3：在舞台选择某一图形对象，可以激活该图形对象所在的图层。
（4）、图层顺序的调整
①在图层名称栏中单击要改变位置的图层。
②拖动此图层到新的位置，这时图层底部将出现一条暗灰色线，表示该图层将要移到的相对位置。
③把灰线拖至合适位置，释放鼠标即可。
（5）、图层的复制
①单击要复制的图层，这时该层所有的帧都被选中。
②单击“编辑”|“时间轴”|“复制帧”菜单，或者在该层的任何一帧上单击鼠标右键，在弹出的快捷菜单中选择“复制帧”选项，此时这些帧将被复制到剪帖板中。
③新建一个图层，然后在该层的第1帧上单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”选项，所选帧就被粘帖到了新的图层中。
（6）、图层的删除
方法1：在时间轴上单击要删除的图层名，再单击图层名称栏右下角的“删除图层”按钮。
方法2：在时间轴上单击要删除的图层，拖动此图层到“删除图层”按钮上。
方法3：在时间轴上要删除的图层处单击右键，在弹出的菜单中选取“删除图层”选项。
3、演示图层文件夹的操作，讲授其作用
（1）、添加图层文件夹
在图层名称栏中选择一个图层，单击鼠标右键，从弹出的菜单中选择“插入文件夹”选项，即可添加图层文件夹到当前图层之上。
（2）、重命名图层文件夹
在图层文件夹名上双击，此时图层文件夹名变成可编辑状态，在其中输入新的图层文件夹名后回车确定即可。
（3）、向图层文件夹中添加图层
单击要添加的图层，拖动该图层到图层文件夹下，此时图层上方出现一条暗灰色线，拖动这条暗灰色线至图层文件夹下，图层文件夹的图标变暗，表明图层已经拖动到图层文件夹中，此时释放鼠标，图层即添加至图层文件夹中。
（4）、图层文件夹的展开和折叠
单击图层文件夹左边的三角按钮，可以展开文件夹。 再次单击该按钮可以折叠文件夹。 4、讲授图层的模式
5、学生上机实例操作，巩固所学内容。
6、复习小结，布置预习任务。
7、布置课后作业。
第五章 元件与实例
【教学内容】
1、元件与实例的概念及其种类
2、各种元件的创建及编辑
3、元件的管理——库
显示/隐藏所有图层 锁定/
解除所有锁定图层
显示所有图层的轮廓
4、实例的样式及属性
【教学目标】
1、使学生了解元件与实例的概念及其种类。
2、掌握各种元件的创建及编辑的方法。
3、掌握如何管理元件——库的操作。
4、掌握实例的样式及属性。
【教学方法】
以讲授为主，结合软件操作演示，任务驱动法。
【教学重点】
1、各种元件的创建及编辑的方法。
2、元件的管理——库的操作。
【教学难点】
各种元件的创建及编辑的方法。
【教学用具】多媒体计算机
【课时计划】10课时
【教学过程】
课程导入：这节课我们还是先看一个例子，通过这例子引出元件与实例的概念。
新课内容：
1、演示例子，通过例子引出元件与实例的概念：
元件又称为符号，它包括图形、按钮、视频片断、声音、文字或者其它元件。在动画中可以包含的东西，在元件中都可以包含。
当元件被拖到工作区中就成为了此元件的一个实例，一个元件可以有多个实例。实例是元件的一个副本，它占用的空间比元件要小的多。
元件改变其实例也会随之改变。
2、边演示操作，边讲解元件的种类
（1）图形元件
图形元件一般是一个静态的图象，不支持交互功能，不能添加声音。它可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的线条、色块等等。它可以包含绘制的图形或者其它“图形元件”，对此种元件可进行各种变化操作。
（2）按钮元件
使用按钮可以创建交互式动画。当鼠标在此按钮上单击、经过、按下或者抬起的时候，按钮可以捕获这些事件并做出相应的反应。我们可以给它的不同状态设置不同的外观、加入电影片断或者音效文件。能创建“按钮元件”的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的任何图形等等。
（3）影片剪辑
影片剪辑就象一个独立的小动画一样，是嵌入到主影片中的子影片。它可以包含互动控制、音效或者其它的影片剪辑。还可以把影片剪辑置于按钮符号内以创建动画按钮。影片剪辑效果在编辑状态下不能演示出来，可单击“控制”|“测试影片”命令或者按“ctrl+回车”测试。
（4）位图元件
位图是由外部导入的图形元件。
它可以直接使用，也可以做简单的变形。
（5）声音元件
选择“文件”菜单中的导入命令可以将声音文件导入到Flash 中，建立一个声音元件。它可以被附加到任何一个时间轴的任何一帧中播放。
（6）视频元件
选择“文件”菜单中的导入命令可以将视频文件导入到Flash 中，产生视频元件。视频元件可以多次使用而不增加最终动画文件的
大小。如果觉得视频文件过于庞大的话，可以仅仅将视频文件链接到Flash动画中。
（7）字体元件
使用字体元件可以将字体输出，在其它动画中使用。使用该功能，可以将字体输出成一个文件，在观看所有使用该文件中字体的动画时，只需要下载一次字体信息即可。
3、边演示边讲授各种元件的创建及编辑的方法。
（1）图形元件的创建及编辑方法
①由舞台上的对象创建图形元件
选中舞台中的对象，单击菜单“修改”|“转换为元件”命令，或者在所选对象上右击鼠标，在弹出的菜单中选择“转换为元件”选项。
在弹出“转换为符号”对话框输入名称，在“行为”选项中选择“图形”, 单击确定按钮。
②创建新的图形元件
选择菜单“插入”|“新建元件”命令或按快捷键Ctrl+F8。在弹出的“创建新元件”对话框中输入元件的名称，选择元件“行为”为图形，单击“确定”。
在元件编辑区窗口编辑元件。
（2）影片剪辑元件的创建及编辑方法
①将舞台上的动画转换为影片剪辑
选中选中要转换动画的所有图层和所有帧，右击鼠标，从弹出的菜单中选“复制帧”命令；或选择菜单“编辑”|“复制帧”命令，复制全部动画帧。
新建一个影片剪辑元件，将刚才复制的全部动画帧粘贴进来。
②创建新的影片剪辑
选择菜单“插入”|“新建元件”命令或按快捷键Ctrl+F8。在