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

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

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

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

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

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

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

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

8、名与添加。难点:图层的基本操作：选择、移动、删除。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH、演示系统四、教学方法：讲授法提问法讨论法演示法五、教学安排：1 课时六、教学过程：前面我们所做的图形绘制、逐帧动画制作，都是在舞台的同一图层上进行。有 的动画要求在一个舞台上实现相互重叠的画面，各个画面又要彼此独立，互不影响，这 就需要创建多个图层来实现。以燃烧着的蜡烛”为例，介绍图层的作用和基本操作。匚讲授新课1.什么叫图层图层就如同透明的胶片，它们可以在舞台上一层层地重叠在一起，透过图层没有 对象的区域，可以看到下层图层上的对象。当我们对基中一个图层中的对象进行处 理时,不会影响到其

9、他图层的内容，但在视觉上，位置靠上的图层全遮盖与下方图层重 叠部分的内容。步骤：1新建一个 FLASH 文档。图层默认名为 图层 T；2单击舞台，在层性”面板里设备背景”颜色为黑色；3单击矩形工具”按钮，设置填充颜色为红色，笔触颜色为无；4在工具箱 选项”区将图角矩形半径设为 10 磅；5将鼠檣指针移到舞台上，拖动鼠标,绘制一支蜡烛；6单击橡皮擦工具”按钮,在橡皮擦形状中选择最大号的圆形，将蜡烛的上端部 分擦除。2. 如何命名图层：双击 时间轴”面板上的 图层 T 文字部分，输入 蜡烛”。3. 如何添加新图层:画火焰。1单击 时间轴”面板上的 插入图层”按钮,在原来图层的上方创建一个新图层,

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

11、图层：1单击 管理图层区”窗口上的 蜡烛”图层；2单击删除图层”按钮。6. 课堂练习:65 页试一试”。1制作一个带阴影效果的文字。2制作几个日食效果。（拓展提高。七、教学反思：本堂课内容理论较少，重点在于掌握图层的基本操作。通过教师演示与学生实 践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作 品,调动学生学习积极性，收到了较好的教学效果。第三节制作补间动画第一课时运动补间动画一、教学目标知识与技能：1. 补间动画的概念及分类。2. 掌握创建运动补间动画及复杂运动补间动画。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力 情感态度与价值

12、观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：重点:创建运动补间动画；难点:创建复杂运动补间动画。三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法提问法讨论法练习法五、教学安排：1 课时六、教学过程：（一复习导入在上节课中我们学生了蜡烛的制作，有没发现什么问题呢？我们发现每帧间的画面跳跃太快。怎么办呢？这就是本章节要学习的内容-制作补间动画。补间的意思是 在中间”即在两 个关键帧间经过计算自动生成中间各帧，使画面更加平滑流畅。匚讲授新课1如何创建运动补间动画以让心跳起来”为例讲授运动补间动画的操作步骤。1在 FLASH 中

13、打开第一单元第三节制作好的 爱心.fla 文件（把 爱心”图形转 换为图形元件；2在 时间轴”面板上选中第 10 帧，按 F6 键插入一个关键帧，再选中第 5 帧，按F6 键插入一个关键帧。3在 时间轴”面板上选中第 5 帧，单击 任意变形工具”按钮，将第 5 帧的图形元件拉大；4选择创建补间动画”命令；5测试影片。2.如何创建复杂的运动补间动画制作一个小球自由下落过程的动画。1创建一个 FLASH 文档；2单击椭圆工具”设置笔触颜色为无，填充颜色为蓝色，将鼠标指针移到舞台上，按住 SHIFT 键,拖动鼠标，画出一个圆；3在 混色器”面板下拉框中选择 放射状”效果，将左边取色器设为白色，右边取

14、色器高为蓝色，并将右边取色器拖到中间位置；4单击 颜料桶工具”将鼠标指针移到刚才所画的圆，单击圆，这样就做好了一个 局部高亮的球体；5单击 箭头工具”选中球体，按 F8 键转换，在弱出的 转换为元件”的窗口中将 元件名称改为球”元件类型设置为图形”将球转换为图形元件；6在时间轴上选中第 15 帧，按 F6 键插入关键帧；7单击 箭头工具”将鼠标指针移到第 15 帧的球体上，单击球体，同时按下 SHIFT键，拖动鼠标垂直向下，将球移到舞台下方；8将鼠标指针移到时间轴上，右击第 1 帧,在弹出的菜单中，选择 创建补间动画”命令；9按 CTRL+ENTER 键预览小球。2、让小球由慢到快下落、反弹、

15、再下落。1将鼠标指针移到时间轴上，单击第 1 帧,在第 1 帧的属性”面板中将简易值设 为-100”；提示:简易值为正，物体减速运动；简易值为负，物体加速运动。第 1 帧属性”面板中设置旋转为 顺时针”次数为“T；2单击 21 帧，按 F6 键插入关键帧，单击第 18 帧，按 F6 插入关键帧，将鼠标指针移 到小球上，按住鼠标左键同时按住 SHIFT 键,拖动鼠标，向上移动第 18 帧的小球到与 第 1 帧小球相同的位置；3在时间轴上，分别右击第 15 帧和第 18 帧,创建补间动画；4测试影片。（三课堂练习:1制作一颗流星，从天空划过。2. 制作一个射箭的动画（至少需要两个图层：一个运动的箭

16、，一个是静止的靶。3. 制作文字动画。制作要求：团结” 奋进” 求实”三组字分别从大到小、由 远到近以渐显的方式运动到舞台中央停留片刻后消失。（可将学生分为几个小组，或选出几份较好的作品评点七、教学反思：本堂课内容理论较少，重点在于掌握运动补间动画的制作。通过教师演示与学 生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优 秀作品，调动学生学习积极性，收到了较好的教学效果。第二课时运动补间动画一、教学目标知识与技能：1. 掌握创建形状补间动画及精确形状补间动画；2. 掌握创建按钮的方法。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。情感

17、态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：重点:掌握创建形状补间动画；创建按钮。难点:掌握创建精确形状补间动画三、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法提问法讨论法练习法五、教学安排：1 课时六、教学过程：（一直接导入形状补间动画又称 变形动画”作用是生成从一个形态到另一个形态的变化，包 括形状、位置、颜色。它只对矢量图起作用。匚讲授新课3.如何创建形状补间动画做一做:制作一个几何图形的渐变。1新建一个 FLASH 文档，在舞台上绘制一个无填充色的小长方形；2选中矩形框，单击 窗口”菜单中的 变形”命令

18、，打开 变形”面板；3在变形”面板的 旋转”框中输入旋转角度为 2 度；4连续单击 变形”面板的 复制并应用变形”按钮；5在第 15 帧插入 空白关键帧”再绘制一个无填充色的长方形，选中该图形，打 开变形”面板，选择 倾斜”在 垂直倾斜”框中输入 20 度，连续单击 变形”面板的 复 制并应用变形”按钮；6单击第 1 帧，将属性面板上的 补间”设置为 形状”；7测试影片4. 如何创建精确形状补间动画-（做一做:文字的渐变动画1新建一个 FLASH 文档并保存；2单击 文字工具”在舞台上输入大写字母“T”单击第 15 帧,按 F6 键插入关键 帧并将该帧的字母“T 改为“S。分别单击第 1 帧和

19、第 15 帧,按两次 Ctrl+B 键将文 字打散，分离成矢量图；3单击第 1 帧，将 属性”面板上的 补间”设置为 形状”。按 Ctrl+Enter 键观看效 果。4单击第 1 帧,选择修改”菜单中的 形状”子菜单中的 添加形状提示”命令;5第 1 帧、第 15 帧拖动红色圆圈 a 到适当位置；6播放动画7使用同样方法，再添加形状提示，在同样的帧调整红色圆圈 b,使动画效果自 然。5. 如何制作按钮创建新文件，类型选择 按钮”分别制作 弹起”、指针经过”、按下”、点击”四 个帧的相应图形。（三课堂练习-试一试:75 页1制作一个形状补间动画，让一张哭脸变成一张笑脸。2. 制作一个文字的渐变（

20、中国一一加油3. 制作飞机变成直升飞机动画七、教学反思:本堂课内容理论较少，重点在于掌握形状补间动画的制作。通过教师演示与学 生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优 秀作品，调动学生学习积极性，收到了较好的教学效果。第四节路径动画和遮罩效果一、教学目标知识与技能：1、 了解引导层和遮罩的基本概念。2、 掌握创建运动引导层的操作。3、 掌握创建遮罩效果的操作。过程与方法：通过学生自主学习和合作探究，培养学生解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：如何创建路径动画和遮罩效果。三、

21、教学准备：多媒体网络控制系统、足量的电脑、FLASH四、教学方法：讲授法提问法讨论法五、教学安排：1 课时六、教学过程:(一复习导入在前面的操作中，有没发现什么问题呢？提示:比如说运动轨迹。生：都是一条直线。如果要让元件按照指定路径移动，这就需要借助运动引导层来完成。匚讲授新课1如何创建引导层。新建一个 FLASH 文档，图层 1 命名为 金鱼”；单击 文件”菜单下的 导入”在弹出的 导入”窗口框中，选择一幅图片 撚后打 开，导入后将该图片转换为图形元件，名称为 金鱼”；拖动时间轴上的滚动条找到 100 帧，按 F6 键插入关键帧；右击第 1 帧，创建运动补间动画；单击 时间轴”面板左下方的

22、添加运动引导层”按钮；单击引导层”图层，单击 铅笔工具 在舞台上绘制一条运动曲线；单击第 1 帧用 箭头工具”选中 金鱼”的中心圆点，并拖到运动曲线的起始位 置，让 金鱼”的中收圆点与曲线的起始点吻合；单击第 100 帧将 金鱼”拖到曲线的终点位置,同样也要注意让 金鱼”的中收 圆点与曲线的终点吻合；回到第 1 帧，按 Ctrl+Enter 看动画效果；单击金鱼”图层第 1 帧，在属性”面板中勾选调整到路径”；(11)按 Ctrl+Enter 看动画效果。课堂练习：-试一试 82 页1、 制作一个地球绕着太阳转的动画；2、 制作蝴蝶在花丛中飞舞的动画。2.如何创建遮罩效果新建一个 FLASH

23、文档，单击 属性”面板中“550X 44 像素”按钮在弹出的 文 档属性”窗口中调整舞台大小为 550X100 像素；单击 文本工具”输入“FLASH 中的遮罩效果”用箭头工作选中文本，连续按Ctrl+B 键，分离文字，用颜料桶工具”填充七彩色；插入一个新图层，单击 椭圆工具”在舞台左侧画一个圆，并让圆的高度超过文 字的高度，颜色不限；在图层 2 的第 40 帧插入关键帧，并将圆拖至最右侧，回到第 1 帧，在 属性”面板 的补间”项中选择形状”；右击图层 1 的第 40 帧,并插入普通帧；右击图层 2,在弹出的菜单中选择遮罩层”按 Ctrl+Enter 看动画效果。课堂练习:85 页以文字做遮

24、罩层，以七彩背景为被遮罩层，制作一个移动着的不断变化颜色的文 字动画。七、教学反思:本堂课内容重点在于掌握路径动画的制作及遮罩效果的实现。通过教师演示与 学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选 优秀作品，调动学生学习积极性，收到了较好的教学效果。第五节编辑声音元件一、教学目标知识与技能：1 .掌握在 FLASH 文档中 添加声音文件。2.了解声音文件的一般格式。过程与方法：通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。情感态度与价值观：培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。二、教学的重点和难点：在 FLASH

25、文档中添加声音文件 三、教学准备：多媒体网络控 制系统、足量的电脑、FLASH 四、教学方法：讲授法 提问法 讨论法 练习法五、 教学安排：1课时六、教学过程：（一）引言 先将网上下载的一首歌曲转换成不 同的音乐文件格式，让学生体会它们之间的不同。哪种格式的容量最小？ MP3。（二）讲授新课 1、在 FLASH 文档中添加声音单击文件”菜单中的导入到库” 选项，打开 导入到库”对话框；查找并选择声音文件，然后单击 打开”按钮， 将声音文件导入到库中； 提示：一次可选择若干个文件导入。声音导入到库中 后，就成为文档的一部分。因此在作品 完成后要将无用的声音文件从库中删除， 减少文件容量。单击 窗

26、口”菜单中的 库”面板，导入的声音文件显示在 库”面板 上;将库中的声音文件直接拖到舞台上，在FALSH 作品中插入一个声音文件。提示：为了方便管理，最好将声音文件单独放在一个图层中。在 声音”图层后面的适当位置插入一个普通帧，时间轴上显示出该声音的波形；按 Ctrl+E nter看动画效果。2.添加视频 前提：系统已安装 DirectShow 9 和 QuickTime 6。5.适 用于Windows 的 QuickTime 6.5 或安装了 DirectX 9 或更高版本（仅限Windows），则可以导入多种文件格式的视频剪辑，包括 MOV、AVI 和MPG/MPEG 等格式。可以导入 M

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