《FLASH动画制作》教案八年级下册

1、精选文档第二单元 制作Flash动画第一节 帧和逐帧动画一、教学目标知识与技能：1掌握空白关键帧、关键帧和普通帧的概念；2掌握帧的基本操作；3掌握制作逐帧动画的方法并会进行测试。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术理解问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：重点：帧的基本操作。难点：制作逐帧动画并进行测试。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法 演示法 提问法 实践操作法五、教学安排：1课时六、教学过程：（一）展示动画，导入新课 播放一段FLASH动画影片，

2、引导学生了解flash动画，并激发其学习flash动画制作的激情。我们在上一单元学习的FLASH的基本操作，以及利用场景创作一份作品。今天我们一起来学习FLASH动画的制作。（二）讲授新课1基本概念 我们在前面接触的库的概念，它有什么用途呢？打开“生日快乐.FLA”，发现什么？学生观察。库：存放动画元件的地方（好比是一场戏的后台）。场景：动画的表现，场所（好比是舞台）。打开FLASH，介绍时间轴和帧的概念。大家最近都看过什么电影啊？。这些电影和电视剧、动画片一样，看上去非常地流畅，实际上都是由一幅幅的图片剪辑起来的。每一幅画面或图片称为一个帧。如我们FLASH窗口上的“1、5、10”。提示学生

3、观察FLASH窗口。这些帧实际上是由一个叫时间轴的面板控制的。时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。或者说，FLASH就是将这些画面按一定的空间和时间顺序排放，然后按时间轴的顺序连续快速地显示，从而达到动画的效果。2帧的基本操作在FLASH中，根据帧功能不同，通常可分为空白关键帧、关键帧和普通帧等。通过帧可以设定画面

4、的前后顺序。（1）空白关键帧 空白关键帧是没有包含舞台上实例内容的关键帧。我们每新建一个FLASH文档，显示在工作区域的就是一个空白关键帧。特征：在时间轴上表示为空心圆点。演示50页“做一做”。方法1：选中某帧，右击“插入空白关键帧”。方法2：选中某帧，快捷键F7。（2）关键帧 关键帧是舞台上有实例内容的帧。只要在空白关键帧是随意画点什么，这个帧是称为关键帧。特征；在时间轴上表示为实心黑点。演示51页“做一做”。方法：选中某帧，右击“插入关键帧”。第5帧和第1帧有什么区别？学生观察。提示：通过该命令所生成的关键帧与前一关键帧的内容是一样的，但它们又彼此独立。（3）创建普通帧特点：只能显示实例对

5、象，不能对实例对象进行编辑操作。特征：在时间轴上表示为灰色小方格。演示52页“做一做”。观察发现，从关键帧到普通帧的内容是一样的。关键帧和普通帧的区别：关键帧的增加会加大FLASH文件的容量，使用普通帧可以有效减少文件容量。练习1：分别创建普通帧和复制帧，画上同样的内容，分别保存，体会他们的区别。3创建逐帧动画逐帧动画是在“连续的关键帧”中分解动画动作，即在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画效果。教师以实例“跑动的小人”讲授逐帧动画的制作步骤： 新建FLASH文档，并将其命名为“跑动的小人”存盘；选择“画笔”工具，调整画笔大小和画笔形状，在舞台中间绘制一个运动的小人。右击第

6、2帧，插入空白关键帧，单击“绘图纸外观”按钮，让第1帧图案淡化并显示出来。绘制出第2帧小人运动图案，并分别在第3、4、5帧插入空白关键帧，绘制出小人的其他运动状态。绘制完毕，单击“编辑多个帧”按钮，调整绘图纸上的开始与结束位置，将所有帧全部显示出来。依次调整每个帧中的小人在舞台上的位置，小人从舞台的右边跑过。学生根据教师演示的操作步骤完成任务。（教师进行指导）学生演示作品，教师和学生作出评价提出问题：如何让小人运动的快一点？（分小组讨论问题）-（减少运动的帧）4、如何进行动画测试：单击菜单栏中的“控制”“测试影片”快捷键：Ctrl+Enter改变播放速度5、课堂练习：制作一个旋转的正方形动画七

7、、教学反思：本堂课是FLASH动画的入门课，重点是掌握创建逐帧动画和测试的方法，以及建立帧的概念。通过讲练结合的方式，当堂巩固，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，效果较好。第二节 图层的操作一、教学目标知识与技能：1了解图层的概念。2掌握图层命名，添加图层。3掌握图层的基本操作：选择、移动、删除。过程与方法：通过学生自主学习，培养学生运用信息技术解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和协作精神，提升素质，发展个性。二、教学的重点和难点：重点：图层的命名与添加。难点：图层的基本操作：选择、移动、删除。三、教学准备：多媒体网络控制系统、足量

8、的电脑、FLASH、演示系统四、教学方法：讲授法 提问法 讨论法演示法五、教学安排：1课时六、教学过程：（一）引言前面我们所做的图形绘制、逐帧动画制作，都是在舞台的同一图层上进行。有的动画要求在一个舞台上实现相互重叠的画面，各个画面又要彼此独立，互不影响，这就需要创建多个图层来实现。以“燃烧着的蜡烛”为例，介绍图层的作用和基本操作。（二）讲授新课1.什么叫图层图层就如同透明的胶片，它们可以在舞台上一层层地重叠在一起，透过图层没有对象的区域，可以看到下层图层上的对象。当我们对基中一个图层中的对象进行处理时，不会影响到其他图层的内容，但在视觉上，位置靠上的图层全遮盖与下方图层重叠部分的内容。步骤：

9、 新建一个FLASH文档。图层默认名为“图层1”；单击舞台，在“层性”面板里设备“背景”颜色为黑色；单击“矩形工具”按钮，设置填充颜色为红色，笔触颜色为无；在工具箱“选项”区将图角矩形半径设为10磅；将鼠樯指针移到舞台上，拖动鼠标，绘制一支蜡烛；单击“橡皮擦工具”按钮，在橡皮擦形状中选择最大号的圆形，将蜡烛的上端部分擦除。2如何命名图层：双击“时间轴”面板上的“图层1”文字部分，输入“蜡烛”。3如何添加新图层：- 画火焰。单击“时间轴”面板上的“插入图层”按钮，在原来图层的上方创建一个新图层，默认名为“图层2”，将“图层2”改名为“火焰”单击“椭圆工具”按钮，设置填充颜色为橙红色，笔触颜色为无

10、，在舞台上拖动鼠标，在蜡烛上方绘制一个椭圆；单击“箭头工具”，将箭头移到刚画好的椭圆上，按下鼠标左键，调整椭圆成火焰状在“混色器”面板中将混色器填充类型设置为“放射状”，左边取色器高为橙色，右边取色器设为白色，填充火焰颜色；制作火焰跳动的逐帧动画；右击“蜡烛”图层第5帧，选择“插入帧”，让“蜡烛”在后面各帧显示出来；测试影片。学生根据教师演示的操作步骤完成任务。（教师进行指导）学生演示作品，教师和学生作出评价。4如何选择与移动图层：图层的显示/隐藏、开放/锁定，轮廓线等。5如何删除图层：单击“管理图层区”窗口上的“蜡烛”图层；单击“删除图层”按钮。6课堂练习：65页“试一试”。制作一个带阴影效

11、果的文字。制作几个日食效果。（拓展提高）。七、教学反思：本堂课内容理论较少，重点在于掌握图层的基本操作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。第三节 制作补间动画第一课时 运动补间动画一、教学目标知识与技能：1补间动画的概念及分类。2掌握创建运动补间动画及复杂运动补间动画。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：重点：创建运动补间动画； 难点：创建复杂

12、运动补间动画。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法 提问法 讨论法 练习法五、教学安排：1课时六、教学过程：（一）复习导入在上节课中我们学生了蜡烛的制作，有没发现什么问题呢？我们发现每帧间的画面跳跃太快。怎么办呢？这就是本章节要学习的内容-制作补间动画。补间的意思是“在中间”，即在两个关键帧间经过计算自动生成中间各帧，使画面更加平滑流畅。（二）讲授新课1如何创建运动补间动画以让“心跳起来”为例讲授运动补间动画的操作步骤。在FLASH中打开第一单元第三节制作好的“爱心.fla”文件（把“爱心”图形转换为图形元件）；在“时间轴”面板上选中第10帧，按F6键插

13、入一个关键帧，再选中第5帧，按F6键插入一个关键帧。在“时间轴”面板上选中第5帧，单击“任意变形工具”按钮，将第5帧的图形元件拉大；选择“创建补间动画”命令；测试影片。2如何创建复杂的运动补间动画制作一个小球自由下落过程的动画。创建一个FLASH文档； 单击“椭圆工具”，设置笔触颜色为无，填充颜色为蓝色，将鼠标指针移到舞台上，按住SHIFT键，拖动鼠标，画出一个圆；在“混色器”面板下拉框中选择“放射状”效果，将左边取色器设为白色，右边取色器高为蓝色，并将右边取色器拖到中间位置；单击“颜料桶工具”，将鼠标指针移到刚才所画的圆，单击圆，这样就做好了一个局部高亮的球体；单击“箭头工具”，选中球体，按

14、F8键转换，在弱出的“转换为元件”的窗口中将元件名称改为“球”，元件类型设置为“图形”，将球转换为图形元件；在时间轴上选中第15帧，按F6键插入关键帧；单击“箭头工具”，将鼠标指针移到第15帧的球体上，单击球体，同时按下SHIFT键，拖动鼠标垂直向下，将球移到舞台下方；将鼠标指针移到时间轴上，右击第1帧，在弹出的菜单中，选择“创建补间动画”命令；按CTRL+ENTER键预览小球。2、让小球由慢到快下落、反弹、再下落。将鼠标指针移到时间轴上，单击第1帧，在第1帧的“属性”面板中将简易值设为“-100”；提示：简易值为正，物体减速运动；简易值为负，物体加速运动。第1帧“属性”面板中设置旋转为“顺时

15、针”，次数为“1”；单击21帧，按F6键插入关键帧，单击第18帧，按F6插入关键帧，将鼠标指针移到小球上，按住鼠标左键同时按住SHIFT键，拖动鼠标，向上移动第18帧的小球到与第1帧小球相同的位置；在时间轴上，分别右击第15帧和第18帧，创建补间动画；测试影片。（三）课堂练习：1制作一颗流星，从天空划过。2制作一个射箭的动画（至少需要两个图层：一个运动的箭，一个是静止的靶）。3制作文字动画。制作要求：“团结”、“奋进”、“求实”三组字分别从大到小、由远到近以渐显的方式运动到舞台中央停留片刻后消失。 （可将学生分为几个小组，或选出几份较好的作品评点）七、教学反思：本堂课内容理论较少，重点在于掌握

16、运动补间动画的制作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。第二课时 运动补间动画一、教学目标知识与技能：1掌握创建形状补间动画及精确形状补间动画；2掌握创建按钮的方法。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：重点：掌握创建形状补间动画；创建按钮。难点：掌握创建精确形状补间动画。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法

17、 提问法 讨论法 练习法五、教学安排：1课时六、教学过程：（一）直接导入形状补间动画又称“变形动画”，作用是生成从一个形态到另一个形态的变化，包括形状、位置、颜色。它只对矢量图起作用。（二）讲授新课3如何创建形状补间动画做一做：制作一个几何图形的渐变。新建一个FLASH文档，在舞台上绘制一个无填充色的小长方形；选中矩形框，单击“窗口”菜单中的“变形”命令，打开“变形”面板；在“变形”面板的“旋转”框中输入旋转角度为2度；连续单击“变形”面板的“复制并应用变形”按钮；在第15帧插入“空白关键帧”，再绘制一个无填充色的长方形，选中该图形，打开“变形”面板，选择“倾斜”，在“垂直倾斜”框中输入20度

18、，连续单击“变形”面板的“复制并应用变形”按钮；单击第1帧，将属性面板上的“补间”设置为“形状”；测试影片4如何创建精确形状补间动画-（做一做：文字的渐变动画）新建一个FLASH文档并保存；单击“文字工具”，在舞台上输入大写字母“T”；单击第15帧，按F6键插入关键帧，并将该帧的字母“T”改为“S”。分别单击第1帧和第15帧，按两次Ctrl+B键，将文字打散，分离成矢量图；单击第1帧，将“属性”面板上的“补间”设置为“形状”。按Ctrl+Enter键观看效果。单击第1帧，选择“修改”菜单中的“形状”子菜单中的“添加形状提示”命令；第1帧、第15帧拖动红色圆圈a到适当位置；播放动画使用同样方法，

19、再添加形状提示，在同样的帧调整红色圆圈b，使动画效果自然。5如何制作按钮创建新文件，类型选择“按钮”，分别制作“弹起”、“指针经过”、“按下”、“点击”四个帧的相应图形。（三）课堂练习- 试一试：75页1制作一个形状补间动画，让一张哭脸变成一张笑脸。2制作一个文字的渐变（中国加油）3制作飞机变成直升飞机动画七、教学反思：本堂课内容理论较少，重点在于掌握形状补间动画的制作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。第四节 路径动画和遮罩效果一、教学目标知识与技能：1、了解引导层和遮罩的基本概念。2、

20、掌握创建运动引导层的操作。3、掌握创建遮罩效果的操作。过程与方法：通过学生自主学习和合作探究，培养学生解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：如何创建路径动画和遮罩效果。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法 提问法 讨论法五、教学安排：1课时六、教学过程：（一）复习导入在前面的操作中，有没发现什么问题呢？提示：比如说运动轨迹。生：都是一条直线。如果要让元件按照指定路径移动，这就需要借助运动引导层来完成。（二）讲授新课1如何创建引导层。新建一个FLASH文档，图层1命名为“

21、金鱼”；单击“文件”菜单下的“导入”，在弹出的“导入”窗口框中，选择一幅图片，然后打开，导入后将该图片转换为图形元件，名称为“金鱼”；拖动时间轴上的滚动条找到100帧，按F6键插入关键帧；右击第1帧，创建运动补间动画；单击“时间轴”面板左下方的“添加运动引导层”按钮；单击“引导层”图层，单击“铅笔工具“，在舞台上绘制一条运动曲线；单击第1帧，用“箭头工具”选中“金鱼”的中心圆点，并拖到运动曲线的起始位置，让“金鱼”的中收圆点与曲线的起始点吻合；单击第100帧，将“金鱼”拖到曲线的终点位置，同样也要注意让“金鱼”的中收圆点与曲线的终点吻合；回到第1帧，按Ctrl+Enter看动画效果；单击“金鱼

22、”图层第1帧，在“属性”面板中勾选“调整到路径”；按Ctrl+Enter看动画效果。课堂练习：-试一试82页1、制作一个地球绕着太阳转的动画；2、制作蝴蝶在花丛中飞舞的动画。2如何创建遮罩效果新建一个FLASH文档，单击“属性”面板中“550440像素”按钮，在弹出的“文档属性”窗口中调整舞台大小为550100像素；单击“文本工具”，输入“FLASH中的遮罩效果”，用箭头工作选中文本，连续按Ctrl+B键，分离文字，用“颜料桶工具”填充七彩色；插入一个新图层，单击“椭圆工具”，在舞台左侧画一个圆，并让圆的高度超过文字的高度，颜色不限；在图层2的第40帧插入关键帧，并将圆拖至最右侧，回到第1帧，

23、在“属性”面板的“补间”项中选择“形状”；右击图层1的第40帧，并插入普通帧；右击图层2，在弹出的菜单中选择“遮罩层”按Ctrl+Enter看动画效果。课堂练习：85页以文字做遮罩层，以七彩背景为被遮罩层，制作一个移动着的不断变化颜色的文字动画。七、教学反思：本堂课内容重点在于掌握路径动画的制作及遮罩效果的实现。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。第五节 编辑声音元件一、教学目标知识与技能：1掌握在FLASH文档中添加声音文件。2了解声音文件的一般格式。过程与方法：通过学生自主学习和合作探究

24、，培养学生运用信息技术解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：在FLASH文档中添加声音文件三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法 提问法 讨论法 练习法五、教学安排：1课时六、教学过程：（一）引言先将网上下载的一首歌曲转换成不同的音乐文件格式，让学生体会它们之间的不同。哪种格式的容量最小？MP3。（二）讲授新课1、在FLASH文档中添加声音单击“文件”菜单中的“导入到库”选项，打开“导入到库”对话框；查找并选择声音文件，然后单击“打开”按钮，将声音文件导入到库中；提示：一

25、次可选择若干个文件导入。声音导入到库中后，就成为文档的一部分。因此在作品完成后要将无用的声音文件从库中删除，减少文件容量。单击“窗口”菜单中的“库”面板，导入的声音文件显示在“库”面板上；将库中的声音文件直接拖到舞台上，在FALSH作品中插入一个声音文件。提示：为了方便管理，最好将声音文件单独放在一个图层中。在“声音”图层后面的适当位置插入一个普通帧，时间轴上显示出该声音的波形；按Ctrl+Enter看动画效果。2添加视频前提：系统已安装DirectShow 9和QuickTime 6。5.适用于 Windows 的 QuickTime 6.5 或安装了 DirectX 9 或更高版本（仅限

26、Windows），则可以导入多种文件格式的视频剪辑，包括 MOV、AVI 和 MPG/MPEG 等格式。可以导入 MOV 格式的链接视频剪辑。 可以将带有嵌入视频的 Flash 文档发布为 SWF 文件。带有链接视频的 Flash 文档必须以 QuickTime 格式发布。Windows 使用 DirectShow 导入 MPEG 视频，DirectShow 支持提取 MPEG 文件的视频轨道和音频轨道。这便允许您将 MPEG 视频转换为 FLV 格式，而不会删除视频剪辑的音频部分。（三）课堂练习：试一试：1、在“属性”面板中改变声音效果；2、改变“同步”下拉列表选项，体验动画声音。3完成课后98页的“探索与实践”。七、教学反思：本堂课内容较为简单，重点在于给FLASH文档添加声音。通过教师演示与学生实践相结合，当堂练习巩固所