《逐帧动画》教案

第一篇：《逐帧动画》教案

第4课

逐帧动画

——导入外部图片和直接在flash中绘制创

建逐帧动画

学习目标：

1、理解逐帧动画的制作原理。

2、掌握导入图片及手工绘制两种制作逐帧动画的方法。

3、掌握改变播放速度的两种方法：改变帧频值和在关键帧后插入帧延续画面。

4、掌握保存文件的方法、播放及测试影片的方法。

5、了解帧、关键帧、空白关键帧的区别。

6、掌握编辑多个帧的方法。重点：

利用“钢笔工具”临摹图片的方法。转换为元件的方法，在库中复制元件的方法，修改元件的方法。

难点：利用“钢笔工具”临摹图片的方法。教法：任务驱动法，小组合作 教学过程：

一、展示目标

任务一：利用提供的“卡通人物”图片，利用“钢笔工具”绘制卡通人物正面奔跑的逐帧动画。要求：只描绘人物轮廓即可。

1、简单的学习下钢笔工具的使用方法（演示）

2、导入图片，新建图层中临摹图片（只描绘人物轮廓即可）

3、将描绘好的轮廓图转化为元件（附：原件的转换方法----）

4、在库中复制元件，利用“水平翻转”创造下一帧啊。

5、制作正面奔跑的逐帧动画。（方法：自己思考下上周学的跷跷板的例子）

同学们是不是观察下这个小女孩手中的包不在一个手上啊，咱们怎样把她手中的包放到一个手中去？？？？

（提示：导入图片，新建图层中临摹图片，转换为元件，利用“水平翻转”创造另一张图片，制作人物正面奔跑的逐帧动画。）

任务二：修正任务一中的动画，使人物的包在同一个手中。

的包

1、进选上

2、（提改人同动教师层，工具可在二、学生具”教师

三、学生

四、演示修在在入择。保改第二帧的元件中的图形使小女孩同一只手中。

库中找到第二个变化动作的元件，帧的编辑状态，按住shift键鼠标包的区域----然后鼠标拖动到另一

存---演示

手中双击单击只手示：在库中复制元件，创建另一个元件，物的包都在同一个手中，此时库中有两个作的元件。）

用精炼简短的语言，演示导入图片，新建在新建的图层中临摹，要求看学案用“钢”，钢笔工具使用方法先让学生探究学习第三第四环节中讲。合作交流，实践操作

看学案，小组探究学习。熟练掌握“钢笔的使用方法和技巧。巡回指导答疑。学生展示作品

讲解自己的操作方法。教师补充强调。质疑点拨（针对巡回发现的问题，集中讲）

后应个按限线线束方，的点住制的段曲向

修不图笔，工

解用【钢笔工具】画路径是非常容易的。选择【钢笔工具】绘制出相击最后一说明：以将线条创建曲要绘制曲你想要结朝相反的在舞台上不断地单击鼠标，就可以路径，如果想结束路径的绘制，双。

Shift 键的同时再进行单击，可为倾斜 45 度的倍数方向。要诀是在按下鼠标的同时向你想的方向拖动鼠标，然后将指针放在线段的地方，按下鼠标按钮，然后拖动来完成线段。如果觉得这条曲线不满意，我们还可以用部分选取工具来进行调整。

在画线时鼠标按下的地方出现了一个个节点，在会状手工出。柄具现按。箱两住拖中选个手Alt动节

择柄键点

【，并可

部拖拖以

分动动改

选手手变

取柄柄节

工具】，单击节点，可以改变曲线的形，可以不影响另一个点的位置，五、巩固反馈

完善卡通人物，填上颜色等。课后反思：

附：

广文中学54321自主课堂

广教以巩内全值价学互自的课“自霞实目一学喜讲 “对角的教 “与做以文中学成立以来，各学科从调整教学关系、转变学方式入手，成功构建了“54321自主课堂”，它“明确目标，自主学习，讨论质疑，精讲点拨，固落实”为五步教学流程，以“教学环节，教学容，师生配合，教学方法”为四个关键设计要素，面落实“知识与技能，过程与方法，情感态度价观”三个纬度目标，实现“高效、愉悦”的课堂值追求，其中“阅读文本”是一个必备环节。生最喜欢的课堂是：开放性的，师生互动、生生动的，注重实践、体验的，联系学生生活实际的，主互助、高效愉悦的，契合学生年龄、心理阶段，促进学生个体成长进步的..广文中学的“54321堂”由此确立：

5”是课堂教学的五步教学流程，即“明确目标，主学习，讨论质疑，精讲点拨，巩固落实”。赵桂解释说，“自主学习”在本质上是学生自我生成、现、发展知识的过程，是学生对学习要求、目的、标、行为、意义的充分觉醒，与“明确目标”是脉相承的。“讨论质疑”不仅仅是互动互助，更是习个体生命的互相关照和共同发展。虽然学生不欢老师的喋喋长篇，但欢迎及时、适时、精当的解点拨。“巩固落实”也是不可缺少的重要环节。4”是象，针度，在四个关学方法2007对高5000键要。

年6月广文中学面向教师、学生两类效、愉悦两个目标，正向、反向两个名师生中调研出来的“高效愉悦课堂”素：教学环节，教学内容，师生配合，3”是应该实现的三个纬度的课程目标，技能，过程与方法，情感态度价值观”。好三维目标的整合，而不是把维度简单知识与能力为主线，渗透情感态度价值即关叠观“键加并知在，充识于要分体 “愉法 “习学生的“两和示人然现在过程和方法中。

2”是独具特色的广文课堂价值追求，即“高效、悦”，在教学环节、教学内容、师生配合和教学方上多下功夫。

1”是“阅读文本”，即阅读教科书内容。自主学的灵魂是自立，本质是自为。教科书是最重要的习载体，“阅读教材”就是自立、自为行为，是学实现自我探索、自我选择、自我建构、自我创造重要途径。

54321课堂”展现出来的是：个人自主学习的安静，人小组互动巩固的扎实有效，4人小组合作的默契分工明确，8人大组讨论的唇枪舌剑，小组组际展时的几十人争相解题板演，还有一个人面对几十大胆而又精彩的讲解，全体互动却有条不紊、井有序的课堂„.

第二篇：逐帧动画教案

信息技术

第二章 第二节 《制作动画》 东辽县渭津镇中学校

刘翠苓

【教学内容】：第二章 第二节

一、逐帧动画 【教学目标】：

1、了解逐帧动画的制作原理

2、能够运用逐帧动画制作万家灯火 【教学重点】：

1、楼房轮廓图的制作

2、逐帧动画的制作 【教学难点】：图形上色

【教学准备】：事先做好的演示动画、红蜘蛛多媒体网络课堂管理 【教学过程】：

一、自主探究与互助合作（属性修改与轮廓图制作）

1、导入新课：同学们，大家有没有见过万家灯火依次点亮的这样一个过程？或者在电视上看到过？比如楼上的窗口，一会儿这儿亮一个，一会儿那儿亮一个，见过是吧？

没见过不要紧，我们可以一起来看一下。（播放事先做好的动画）这样一个动是怎样制作出来的呢？

那么咱们这节课就要学习用flash来展现这样一个过程。

2、知识回顾：1）帧的类型有哪些？ 2）什么是元件？

3）元件库的打开方式是什么？

3、自主操作：1）学生读课文，老师提问（什么是逐帧动画）。2）学生看书操作

信息技术

4、互助合作：与左右同学相互帮助完成制作

二、课中小结：教师操作演示，解决学生操作过程中出现的问题

三、自主探究与互助合作（逐帧动画制作）

1、自主操作：完成万家灯火效果的制作

2、互助合作：与左右同学相互帮助完成制作

3、一帮一辅导：制作完成的同学可帮助附近出现问题的同学完成制作

四、展示：展示学生作品

五、课堂总结：本节课我们学习了运用逐帧动画来制作万家灯火的效果，给大家留个任务，回家想一想，咱们家里的时钟（带指针的那种）走动的这个过程如何来实现。

第三篇：逐帧动画教案

逐帧动画教案

一、教学目标： 知识与能力：

1．知道帧、帧频与关键帧的含义。

2．学会用绘制的图形来制作“逐帧动画”。

3．插入、编辑关键帧。

4．掌握制作“逐帧动画”的方法。过程与方法：

能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。情感态度与价值观：

体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。

二、教学重难点：

重点：用绘图工具制作“逐帧动画”的方法。

难点：通过改变帧频控制动画的播放时间。

三、教学手段：

1．演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的过程，活跃课堂气氛，激发学生学习情趣。

2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。

四、教学方法： 小组合作、自主学习

五、课时安排：1课时

六、教学过程：

一、导入

上节课我们一起学习了FLASH的工具栏，那时候就有同学迫不及待的想尝试制作动画，但是没有成功。没关系，通过这节课的学习，我相信你们每个人都可以用FLASH制作出动画。老师给大家带来了一个小东西，（教师出示装订好的几页纸）

这是什么？（装订好的几张纸）纸上有什么？

纸上是有连续动作的一匹马。我现在把这些纸快速的翻动一下，你看到了什么？（效果不明显，我用WORD来演示一下）（看到一匹马在走动）

这是一种古老的看动画效果方法，称为“快捷翻书法”。我们看到的每一幅画面在FLASH中称为一个“帧”。帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心制作的帧构成的。

二、讲解帧的含义

1、FLASH中的帧有三种类型，我现在来给大家讲一下。

[当用户新建一个Flash文档后，第一帧是空心圆点，空白关键帧。除第一帧之外，所有的帧都是空白帧，这些帧只有用户定义了之后才有意义。] 关键帧——顾名思义，有关键内容的帧。

空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。

2、教师讲解插入帧的方法

把鼠标放到时间轴的第二帧上单击鼠标右键会出现弹出的菜单，点击相应的选项。

三、霓虹灯闪闪亮

1、看来有好多同学已经迫不及待的想制作动画了，那我们就来模仿传统手工动画来制作FLASH动画。

2、当夜晚来临的时候，街边的商店门口会出现很多的霓虹灯文字，非常的漂亮。其实用FLASH软件也可以制作出漂亮的霓虹灯。效果是这样的（教师放映动画效果）

3、你想怎么去制作？来当小老师讲给大家听。（如果学生不会制作，教师讲解制作方法）第一步：新建一个文件，用箭头工具单击舞台，在下方属性面板将舞台颜色设为淡蓝色。第二步：单击工具箱中的文字工具，在下方属性面板将字体改为宋体，字号改为80，颜色变成橘黄色，单击“B”把字体加粗。

第三步：在舞台上输入“信息技术”四个字，用箭头工具调整位置。单击时间轴窗口的帧窗格中的第2帧，然后插入关键帧。（插入关键帧快捷键F6）第四步：单击箭头工具，点击文字，把文字颜色设置成绿色。

第五步：用上一步相同的方法在第3、4、5帧的文字创建关键帧，并将文字颜色分别设为黄色、红色、白色。

第六步：保存文件，测试影片。

（讲解完毕后）那动手做一做吧。看谁能做的又快又好。

4、学生自由制作，教师巡视指导。（发现问题教师集中讲解）

（教师巡视指导）差不多等一位同学做完，其他没做完也没关系。都停下看他的屏幕。）师：同学们，眼睛看这里，刚才老师巡视的时候，发现有位同学做的很漂亮，大家一起用欣赏的眼光来看一看。

（找出做的好的请大家说说优点，并让他介绍是如何制作的）（介绍过程中讲解）听了同学的讲解，快来修改一下你自己的作品吧。（等学生做完后，找几位同学的作品展示）

四、奔跑的豹子

1、看来漂亮的霓虹灯难不倒大家，那我们在来学习另外一个动画，奔跑的豹子。

2、教师讲解制作步骤

第一步：新建一个文件，单击“文件”菜单中的“导入”命令，在弹出的“导入”对话框中找到存放图片的文件夹。

第二步：单击“奔跑1”图片，在单击“打开”按钮，在弹出的对话框中单击“是”按钮。第三步：测试影片，单击“修改”菜单中的“文档”命令，在弹出的对话框中，将“帧频”数值改为30。

第四步：保存文件，测试影片。

（讲解完毕后）那动手做一做吧。看谁能做的又快又好。

3、学生自由制作，教师巡视指导。（教师多发给学生一些素材，学生想制作哪个就做哪个。）（发现问题教师集中讲解）

（教师巡视指导）差不多等一位同学做完，其他没做完也没关系。都停下看他的屏幕。）（找出做的好的请大家说说优点，并让他介绍是如何制作的）（介绍过程中讲解）听了同学的讲解，快来修改一下你自己的作品吧。

（选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。

作品相互的展示交流，互评互进，取长补短。考察了学生对知识的综合运用能力，通过主题学习，培养学生爱家乡、爱祖国的美好情感，激发学生爱国主义情怀。）

五、练习总结

1、看来这个动画制作也难不倒大家，那老师就来考考你们。（二选一制作动画）（1）制作逐帧动画“我们爱祖国”，要求逐字出现。（2）制作一个数字10—1的倒计时小动画。

学生制作完后，请一位小老师讲解制作过程。

通过本节课的学习，我想同学们都可以做出简单的动画，我相信在今后的学习生活中你们制作的动画会越来越漂亮。

七、教学反思

本节课的设计主要是根据本校学生的知识、技能水平，内容涉及动画原理、“逐帧动画”原理、“逐帧动画”制作。当然也有一些问题：比如几个关键帧画面有抖动现象，几个图层时间上不同步现象，用错关键帧和空白关键帧的现象等。这些问题有学生操作的失误，有概念的混淆，需要在以后的学习和练习中不断纠正、强化。在学生制作之前，一定要努力做到让学生先理解制作过程，再去制作。这样学生可以独立的去完成动画制作。

本课成功之处：能够精心导入，激发学生学习兴趣。在教学中合理运用“任务驱动法”进行教学。以学生为主体，学生在轻松、优美和谐的情境中自主探究、协作交流，完成知识的意义建构，提升自身的审美情趣。我把自己的角色定位为教学活动的设计者、导学者、合作者、评价者。教师适时指导、点拨。

第四篇：逐帧动画制作教案

逐帧动画制作

授课老师:罗旭

1、教学目标：知道动画的原理和帧、帧频及关键帧的含义，学会用绘制的图形来制作逐帧动画，掌握制作逐帧动画的方法；体会Flash强大的动画制作功能，培养学习Flash动画制作的兴趣。

2、内容分析：本节课内容是理论与操作相结合，逐帧动画是动画的基础，重点是掌握制作逐帧动画的方法，在学习过程中要使学生了解Flash这个软件，熟悉Flash界面中的按钮和命令的使用。

3、学情分析：八年级学生，有一定的计算机操作能力，但水平差异明显，且绝大部分学生没有接触过动画制作；对信息技术学科有浓厚兴趣，但是部分学生容易分散注意力。

4、设计思路：通过一个科技小实验激发学生的兴趣；让学生了解动画的制作方法和原理，进而引入Flash软件的学习。从了解Flash的启动方法、工作界面到学习制作逐帧动画。再通过任务驱动、分组讨论，让学生加深对所学知识的印象。最后，老师做归纳总结。【教学过程】

一、导入

同学们，首先让我们一起来做一个科技小实验，这里有一个小风扇，我们要把风扇转动的动作在电脑中制作出来，老师这里有一个方法，我们一起来试验一下。

同学们都认识吧，（拿摄像头）对，这是具有图片获取功能的计算机输入设备，我们利用它把风扇转动在每一个位置进行一次拍照，（拍照中），请同学们看，下面是见证奇迹的时刻。（观看效果）。

这是我们计算机普及的时代，那么在以前没有计算机的时期，我们动画是怎样做出来的呢？（等待学生思考）下面我们一起来了解一下，（看视频）请同学们思考一下，这个视频与老师刚做的风扇转动有什么共同点？（学生答），（引入逐帧动画概念），请同学们打开课

本的第4页，今天我们就来学习逐帧动画的制作。(展示“眼球会动的小猫”)

二、新授

（一）Flash 8的启动方法

首先我们了解一下动画制作软件flash的启动方法和工作界面。Flash 8的启动方法和我们以前学过的WORD、EXCEL的启动方法是一样的，如果桌面上有它的启动图标我们只需要找到它，左键双击或者单击右键，在右键菜单中选择“打开”就可以启动它。

如果桌面上没有它的启动图标呢？我们就要从程序中启动，“开始”——“程序”——“Macromedia”——“Macromedia Flash 8”。

3、启动以后首先进入的是Flash的启动截面，在启动界面中一般要选择“Flash 文档”。然后就进入了它的工作窗口，（三）Flash 8的工作窗口

这是一个标准的Windows风格的窗口，上面是标题栏；标题栏下面呢？是菜单栏；左边是工具箱（工具箱上有许多工具，在这里提醒大家，使用工具的时候要时刻记得转换工具，转换工具的方法是鼠标左键单击要使用的工具。）；时间轴(时间轴可以分为两个部分，左边是图层编辑区，可以新建、删除图层，右边是帧编辑区，里面有许多小格子称之为帧，从左到右从“1)”开始标记，每一帧就是动画的一个画面；舞台（所有的画面只有放在舞台上面才可以在动画中显示出来。）；属性面板，属性面板会显示你在舞台中选中的对象的一些属性；浮动面板，浮动面板可以通过“窗口”来打开或者关闭。

（四）演示操作

接下来老师就以“眼球会动的小猫”例演示逐帧动画的制作；

1、绘制小猫，使用“椭圆工具”绘制面部、眼睛、嘴巴；使用“线条工具”绘制耳朵、胡须。绘制之前都要先调整工具的“笔触颜色”和“填充颜色”。

2、选中时间轴的第二帧，单击右键，在右键菜单中选择插入“关键帧”。

3、按照第3步的操作，在第三、四、五插入“关键帧”。

4、从第一帧开始为每一个关键帧添加“眼球”，眼球依次发生位置或者形状的变化。

5、保存,选择“控制”——“测试影片”测试影片，观看效果。

下面请同学们动手操作，老师等一下要在全班展示做得好的和做得不好的同学的作品，看谁做得又快又好。

（学生动手操作，老师巡视、指导。）

（分析、展示学生作品，指出存在的问题。）

（五）巩固提高： 同学们表现得非常好，绝大部分同学都已经完成了这个动画，老师这里有四个实例，每一组分别选择一个实例，请同学们分组讨论一下自己组实例的特点及制作方法，老师请个代表回答。

（展示四个实例合并的作品。）

（六）归纳总结：

老师把我们四组做的动画合并为一个动画，请同学们观看，由此可见，复杂的动画都是由一个个简单动画合并而来的。

今天我们学习了一个动画制作软件flash8，并且在flash8中制作了逐帧动画，老师这里有几个动画供大家欣赏，希望能给你们创作的灵感，以后制作出更加精彩的动画。

第五篇：逐帧动画制作教案

制作逐帧动画

一、【教学目标】： 知识目标：

1、了解动画的含义与分类

2、知道帧、帧频与关键帧的含义 能力目标：

1、学会用绘制的图形来制作逐帧动画

2、插入、编辑关键帧

3、掌握制作逐帧动画的方法

4、学会通过改变帧频控制动画的播放时间 情感目标：

体会创作的乐趣，进一步培养制作动画的兴趣，培养学生创新能力、探究问题的能力和创造性思维能力

二、【教学重难点】：

重点：用绘图工具制作逐帧动画的方法 难点：通过改变帧频控制动画的播放时间

三、【教学方法】：

1．演示教学法：通过在多媒体教室，用多媒体播放逐帧动画的实例让学生欣赏，并实际操作演示用Flash 8制作逐帧动画的过程，激发学生学习兴趣。

2．任务驱动法：通过设计学习目标，下达学习任务，让学生自己上机去实现，让他们在亲身实践中体会、提高，培养学生的动手实践能力，加强学生的实践探究、交流合作解决问题的能力。

3．案例教学法：选取的案例，训练学生解决实际问题的能力。

四、教学课时：1课时

五、教学过程：

（一）、导入（3-5分钟）

师：很高兴大家能顺利完成七年级学业进入到八年级的学习中，不知道在座的八年级同学还有没有看动画片的？看过的动画片中最喜欢哪一部？

学生回答

大家想一想、我们看过的这些动画有什么不同呢？

学生回答

师结：动画有二维动画和三维动画，二维动画如《七龙珠》《灌篮高手》，三维动画，如《玩具总动员》、《海底总动员》、《超人总动员》、《怪物史莱克》、《变形金刚》、《功夫熊猫》等。

师：有没有同学知道那一部部精彩的动画片是怎么制作出来的？

学生回答

师结：二维动画是用flash等软件制作成的，而三维动画则主要是用maya或3D MAX制作成的。好，今天我就带着大家一起叩响动画制作的大门，迈出动画制作的第一小步——利用Flash制作逐帧动画

（二）、新授

（通过手绘动画介绍新知识含义）

1、动画的含义

师展示手绘动画并提问什么是动画？ 学生观察回答什么是动画

师结：动画是通过把人、物的表情、动作、变化等分段画成许多幅画，再用摄影机连续拍摄成一系列画面，给视觉造成连续变化的图画。动画发展到现在，已经从手工绘制为主的传统动画发展到以计算机为主的电脑动画。

2、帧、帧频的含义

帧：组成动画的每一个静态画面叫做帧（播放速度快慢对视觉的影响）帧频：动画的播放速度叫做帧频（f/s）

标准频率24f/s，12f/s可是影片在网络上达到最佳效果

（三）、演示

1、初识Macromedia Flash8.0 启动Macromedia Flash8.0，启动界面如图：

单击创建新项目下的Flash文档，编辑界面如图：

舞台：就是我们制作动画的区域，也是动画的表现范围 工具箱：包括绘图工具及附属工具选项 时间轴：时间轴的每一个格子就代表一个帧 图层：可以使各个对象保持相对分离，在时间轴表现出的是时间的统一性

2、制作风中飞舞的风筝

打开动画飞舞的风筝，学生欣赏，师演示制作过程。（1）、打开属性面板，如图：

（2）、单击属性面板的“大小”按钮，弹出如图“文档属性”窗口，将尺寸设置为500px×400px，背景为黑色，帧频为12fps。其他属性不变，单击“确定”。

（3）、选定时间轴第一帧，在第一帧对应的舞台上，利用工具箱中的工具绘制风筝。师提问该帧有什么变化？学生观察回答 师结:什么是关键帧。

（4）、执行“编辑”——“全选”（ctrl+A），然后执行“修改”——“组合”（Ctrl+G）,将已绘好的图形组成整体

（5）、选中时间轴的第2帧，执行“插入”——“关键帧”（F6）（6）、在第二帧对应的舞台上，改变风筝在舞台中的位置

（7）、选中时间轴的第3帧，执行“插入”——“关键帧”（F6），改变风筝在舞台中的 4 位置，重复上述步骤完成第4、第5帧

（8）、执行“控制”——“播放” 观察动画，是不是看到一只飞舞风筝（9）、保存文件“风筝.fla”

（四）、学生上机练习制作飞舞的风筝，师巡视、指导

（五）、选挑学生优秀作品展示、师生共评

（六）、小结：

1、帧、帧频、关键帧的含义

2、逐帧动画的制作过程

（七）、课外思考练习

尝试利用工具箱的工具设计天空背景。