逐帧动画学案

2024-04-24

逐帧动画学案（精选10篇）

篇1：逐帧动画学案

教材简析：前几节课主要学习了动画制作的基础知识，了解了绘图工具的功能，并能制作出静止的画面。从本节课起，通过制作红绿灯动画，进一步学习用绘图工具制作逐帧动画，让动画动象动起来。并且在制作过程中知道帧、帧频与关键帧的含义。

学生分析：通过前面的学习，学生已经了解了flash窗口，初步认识了动画的形成原理，能够运用绘图工具制作出“交通安全宣传画”——红绿灯的画面。因为与学生生活实际联系紧密，所以学生的兴趣非常高。

教学目标：1、在制作动画的过程中，理解帧、帧频与关键帧的含义。

2、会利用帧频来控制动画的播放时间。

3、理解逐帧动画的原理，掌握用绘制的图形制作逐帧动画的基本过程。

4、通过合作、自学、探究，完成动画的制作，强化“遵守交通规则，关爱生命”的意识。

教学重点：学会用绘制的图形制作逐帧动画。

教学难点：理解帧、帧频、与关键帧的含义。

教学策略：教师引导分析红绿灯的特点，让学生利用已学的知识，找到解决问题的思路，然后利用老师的提示或自学课本，动手操作，完成任务，解决问题。

教学准备：交通安全宣传画，红黄绿灯教具。

教学过程：

1、根据动画对象“动”的方式将电脑动画分为“逐帧动画”和“补间动画”。

由一个个连续的画面组成的动画叫逐帧动画，动画中每一幅画面称为一帧。逐帧动画有两种制作方法：用绘图工具和导入图片。

(老师演示红黄绿灯的教具，进一步理解动画原理，回顾“帧”的含义——每一幅画面就是一帧，这节课我们就学习逐帧动画)板书课题。

2、谈话:我们每天上学、放学的路途中都要通过有红绿灯的交通路口，只有遵守交通规则，才能使我们平安、幸福。为了更好的宣传交通安全，我们可以动手制作交通安全的动画，宣传交通安全知识。

3、打开上节课制作的“交通安全宣传画”。这仅仅是静态的，并不能动，你想想看，用什么方法来实现动画效果呢?(说说思路：红灯-黄灯-绿灯-黄灯)

4、制作四幅画面：你会采用什么方式来做出四幅画面呢?(复制粘贴、手工绘制?老师再给你介绍一种方法：按f6键插入关键帧或“插入菜单-插入关键帧。)板书：关键帧——f6

前面学过，帧窗格中带黑点的帧称为关键帧，对应的舞台中有内容。在这里，flash会自动把第1帧中的画面复制到第2帧中。

5、点亮红灯：老师演示，先单击帧窗格中的第1帧，选择箭头工具，单击黄灯，工具箱颜色设置区中将填充色改为灰色。删除下面的两行宣传标语。

参照上面的做法，依次点亮第2帧中的黄灯、第3帧中的绿灯和第4帧中的黄灯。

6、修改帧频：通过控制菜单-测试影片，观看效果，就会发现速度太快，如何解决这一问题呢?

学生先说说自己的思路，老师由时间轴引入帧频：每秒钟动画播放的帧数。自己动手把帧频试着改成1。

7、分析实际生活中的红绿灯，由学生发现问题：红绿灯亮的时间太短，而黄灯亮的时间太长。怎么解决呢?加长红绿灯的时间。

自学课本37-38页“知识窗”，按f5键插入过渡帧。板书：过渡帧-f5

8、完美自己的动画作品，并播放给同桌欣赏。

9、试试看：制作逐帧动画“距离学校运动会开幕还有天”的倒计时效果。

10、说说看：如果想让动画画面播放得快一点，该如何操作?

11、选做练习：课后42页1、2、3题。

12、课堂小结：对照板书，疏理本节课重点内容，师生谈话，找出不足。

篇2：逐帧动画学案

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

刘翠苓

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

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

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

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

1、楼房轮廓图的制作

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

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

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

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

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

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

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

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

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

信息技术

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

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

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

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

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

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

四、展示：展示学生作品

篇3：逐帧动画学案

对于导学案的定义有很多种, “导学案就是教案”或是“导学案是教案的代替品”, 这些说法都是不科学的。笔者认为导学案是指能够指导学生学习, 培养学生自主学习能力和协作学习能力的一份学习资料。导学案不仅仅是一份学习材料和案例的呈现, 它具有很强的设计性, 如导学案的内容如何设计使之更利于学生学习, 体现了导学案实质上应该是一种方案。[1]信息技术学科作为一门实践操作性较强的学科, 怎样能使它成为一门学习者喜爱, 并吸引学习者主动去探究的学科, 是值得探寻的问题。分析初中信息技术课程的特点和学生的特点, 透视导学案教学的优势, 是设计符合学科特色导学案的基础性工作。

(一) 初中信息技术课程的特点

1.学习资料单一

信息技术课程一般是依靠学校发放的一本教材。没有其它的练习册, 即没有太多辅助学习的材料, 并且由于学习资源更新比较快, 仅有书本上的知识是不够的, 教师需要随着信息的不断更新给予学生一些新的学习资料, 这些都可以通过导学案呈现出来。

2.学科课时较少

据相关研究表明, 一般在初中二年级以上, 每个班级每周只有一节信息技术课。课时较少, 影响了教师实施教学的连贯性, 学生对上次课知识点的记忆不是十分清晰。而如果在导学案的引领下, 那么, 再上课的时候教师可以利用导学案进行上节课知识点的回顾, 引导学生思考, 进行有效的学习。

3.学科受重视度低

由于信息技术课程在大多数地区还不是中考考试科目, 学生与家长重视程度不够, 信息技术课程的开展遇到了许多困难。但它作为一门实践操作性较强的课程, 一门承担着信息技术与课程整合的课程, 是迫切地要求教师逐渐重视起来的课程。因此, 信息技术学科的教师有责任去不断地改进教学, 提高教学质量, 尝试新的教学方法。

(二) 学习者的特点

1.学习态度不够认真

由于信息技术课程不被列入中考科目, 学生投入在信息技术学科上的精力较少, 上完一次课之后, 学生课下很少进行自主复习与练习。这样的学习是不牢固的, 并且在期中、期末考试中又会发现缺少有效的复习资料, 无从入手, 复习效率较低, 又很难抓住重点。如果学生能够很好地整理导学案, 在教师的引导下认真完成每一份导学案, 那它们就是一份很好的复习资料。

2.自学能力较差, 竞争意识强

在课堂上, 学生往往对教师所讲的内容并不是特别关注, 他们更加关注的是电脑里的其它东西, 总是想争取自由玩电脑的时间, 而对教师布置的任务敷衍了事。处于初中阶段的学生, 他们有着很强的竞争意识。如果教师设计的导学案中, 呈现出有引导性的题目, 让学生通过查找书本或是网上搜索, 那他们是非常愿意完成这样的学习任务的, 而不是一味地在听教师讲解课本上的知识点。

3.导学案教学的优势

导学案实施多年来, 发挥的作用主要体现在:激发学生学习兴趣, 提高学习的信心, 转变学生的学习方式, 提高课堂效率, 从而提高学业成绩。从教学内容结构上讲, 明确知识结构, 脉络清晰;从学习方法上讲, 重在指导学生学习, 培养学生的自学能力和习惯。[2]

二、初中信息技术课程导学案的内容设计

依据信息技术学科的特点、学习者在信息技术学科中表现出的特征和导学案教学的优势这些因素, 教师可以尝试导学案教学这种新的教学策略。导学案的使用或许会给信息技术这样一门特殊的学科带来新的发展空间。导学案的内容设计对它的教学效果有着直接的影响。在导学案教学中, 新授课的教学程序一般是明确任务;自主探究, 尝试解疑;组内合作, 互助提高;精讲点拨, 归纳总结;当堂达标, 迁移训练;完成任务, 课堂小结。[3]

(一) 知识框架

1.目的

一般的导学案第一部分都是会直接明了地陈列出本节课学生应该掌握的知识点, 然而, 学生通常不会注意到这部分, 反而是为了应付教师, 直接完成后面的习题, 这时候, 学生的学习就会遇到困难, 导致学习上的退缩。笔者设计的导学案的第一部分, 它的作用主要是创设情境, 分析导出任务。任务的设计需要具有层次性, 同时, 关注学困生和学优生的学习。运用流程图把本节课需要讲解的知识点和先前学过的知识联结起来, 形成一个知识框架。并且这个知识框架是以一个具体的操作案例为支撑, 在一定程度上起到吸引学生注意力的作用。

2.策略

由于信息技术教师在信息技术素养方面具有一定优势, 可以利用自己熟练掌握的思维导图软件或Word里的流程图把知识点呈现出来, 而不是知识点的简单陈列, 这样会达到吸引学生注意力的作用。

3.导学案内容

导学案分发到学生手中后, 首先创设情境, 结合实际的案例, 告知学生本节课将要完成的任务。以Flash课程中“形变动画”为例, 首先让学生了解到这节课要完成“五星红旗冉冉升起”的过程 (如图1) 。引导学生思考要完成这个任务需要做哪些工作。这样学生就会跟着教师的思路一起来思考, 达到了创设情境、吸引学生注意力的目的。此时, 导学案的作用也就是引导学生的思路, 沿着教师给出的框架进行学习任务的分析。

4.注意事项

导学案主要应用在课上, 注意不要把导学案设计成题案, 完全都是知识的检测与练习是不合乎信息技术课程特点的。教师需要付出更多的时间在课前, 认真分析学情和教材, 设计出符合学生认知特点和教学要求的课程导学案。

(二) 基础检测

1.目的

这部分内容设计, 着重于测验学生对新课中关键知识点的掌握情况, 以及与先前学习过的知识是否能够联结起来使用。

2.策略

如前所述, 初中学生有非常强的竞争意识。如果教师简单地把这些知识点在书本上给学生画下, 他们未必愿意主动去记忆, 如果教师把这些知识以题的形式呈现在导学案当中, 让他们自主完成, 无论是通过课本查找, 还是通过网络查询, 都会培养他们自主学习的意识, 并且能够快速地记住这些知识。题的内容必须囊括本节的新知识点以及必要的先前学过的知识点。题的形式可以是填空题、选择题、判断题、匹配题, 最好不要有论述题, 论述题会让学生感到有困难, 影响学习的积极性。

3.导学案内容

下图2是导学案的基础检测部分的内容。

4.注意事项

这部分练习题的难度要适宜, 应注重基础知识的掌握, 不要出现学生通过查找课本也无法得到答案的难题。因为导学案是在课堂上使用, 这部分内容自然也是在课上完成, 又由于课堂时间的限制, 教师在这部分仅呈现出与本节课内容相关的先前知识的题目即可。如果想检查学生的近期学习情况, 可以在复习课上进行精心的设计。

(三) 问题解决

1.目的

第三部分, 主要是在学习活动中培养学生的协作学习能力, 达到知识的共享。在新课程教学中学生独自完成一个作品是有难度的。由于信息技术学科的实践操作性强, 学生在操作过程中, 一个步骤发生错误, 会影响到后面步骤的完成, 动画就难以达到预期的效果。如果通过小组协作学习, 互通有无, 就会大大提高学习效果。

2.策略

学生在听课的过程中, 时常难以完整地记住教师讲解的每一个步骤, 而如果把学生分为小组, 让他们共同讨论, 分享知识, 就会达到共同学习的目的, 进而提高完成作品的效率。同时, 也避免了以往有些学生很快就完成了学习任务, 而有些学生却被困在那里, 看到其他学生能顺利完成任务, 自己就会感到挫败感, 这样的教学结果是教师不想看到的。因此, 这部分的学习要通过教师对学生细心地观察和考核, 把学生进行异质分组, 组织学生进行小组协作学习。

3.导学案内容

导学案的问题解决部分的内容如图3。

4.注意事项

值得注意的是, 这个任务是与前面第一部分教师分析本节课内容所引用的例子是同一个。因为一节课只有40分钟, 对于大多数学生来说, 在这么短的时间内熟练地记住动画的制作原理, 去完成一个新的作品是有难度的。本着学习的第一个环节即是模仿的教学观念, 要求学生能够以小组协作的形式完成教师前面讲解的例子即可。

(四) 创新设计

1.目的

在强调教育平等的前提下, 教师也应关注学生的个性发展, 培养学生的兴趣爱好。在每个班级中, 都会有特别擅长某一学科的学生, 这一部分的设计将会有利于学生在信息技术方面表现出来的能力的发展。这个任务的设计是基于本节课知识点, 并结合以往学过的知识, 意在培养学生的整体思维能力和创新思维能力。

2.策略

内容的设计着重强调知识的综合应用, 需要囊括本节课所学习的动画类型和之前学习过的动画类型。活动进行的时机是在第三部分的协作学习之后, 有能力的学生就可以利用课堂上剩余的时间完成动画设计, 如课堂时间不充裕, 可以课后完成。即这部分的内容不做硬性要求, 依据学生能力来完成。

3.导学案内容

导学案的创新设计部分的内容如图4所示。

4.注意事项

虽然这部分内容不是面向所有学生的, 但教师对题目的设计也必须用心考虑, 既能考核学生的知识综合运用情况, 也能够培养学生的兴趣爱好。教师对积极学习的学生必须给予充足的指导, 可以利用课下时间通过网络进行远程协助学习。

(五) 评价

1.目的

由于学习者对信息技术课的认识程度都不高, 往往把它看作一门副科课程来对待, 这大大影响了对学生信息素养的培养, 同时, 也不利于信息技术与课程整合的教学观念的发展。为了促进信息技术课程的快速发展, 必须使教师、学生、家长共同提高对信息技术课程的认知程度, 对学科负责、对学生负责。因此, 导学案的最后一部分起到学习契约的作用。

2.策略

在三方共同监督的同时, 导学案的最后一部分笔者添加了学习者评价, 是想让学生对自己的学习时刻跟踪。自我评价的同时重视组内互评, 用以敦促小组协作学习中每个人的积极参与。家长对学生的监督会对学生的学习起到很大的促进作用, 也可以让家长了解到学生的学习近况。教师可在其中看到学生对教学内容的掌握情况, 进而调整教学的步调。

3.导学案内容

导学案的评价部分的内容如图5所示。

三、结束语

经过以上对导学案五大部分内容的设计与分析, 可以收获到信息技术导学案的一些优势。运用导学案教学可以达到边学习边检测的目的;初中信息技术课程导学案与其它学科导学案最大的区别就在于, 它的内容非常少, 没有大篇幅的练习题, 这是由学科特点所决定的, 因此, 它的内容精简, 趣味性强, 形式多样, 并且是最新的;学生可以利用导学案进行自主学习或是复习。

目前, 导学案在初中信息技术课堂中的应用还不是十分广泛, 但在教学改革的一些试点院校已经被尝试应用, 并取得了良好的成绩, 教学效果有明显提升, 并在不断地改进和完善当中。因此, 信息技术学科导学案在今后的应用定会越来越广泛。

参考文献

[1]占正奎.初中信息技术课程实施现状及改进策略分析[J].软件导刊 (教育技术) , 2012, (10) :30-31.

[2]石世刚.“学案导学”高效课堂教学模式的尝试与反思[J].教育实践与研究, 2011, (05) :15-16.

[3]裴亚男.学案教学模式研究综述[J].内蒙古师范大学学报 (教育科学版) , 2007, (04) :66-69.

篇4：Flash逐帧动画教学应用

逐帧动画是Flash的一种常见的动画形式，原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画效果。绘制逐帧动画时会用到一个很重要的功能“绘图纸”，使用它可以在舞台中一次查看多帧内容。

逐帧动画的特点是每一个帧都是关键帧，当我们用形变动画无法完成时常用逐帧动画来替代。下面让我们来用Flash创建一个逐帧动画——柱子倒了。

概念

1.中割

中割就是在动画中，把原画间的动作画全。中割是整个动画片的主要部分，影响整个动画片质量的好坏，是最基础的环节，也是工作最累、时间最长的环节，被称为中间画。你会看到这样的情形：动画设计师通常在每张图下标上数字并画上一个圆圈，表示这张图为该套运动的关键帧（也叫做原画张），在两张关键帧中间的动画叫过渡帧（也叫动画张）。

2.定位

在Flash中，任何物体运动，从这一帧到下一帧，或者从A位置到B位置，都涉及定位的问题。Flash中位置对齐涉及两个概念：注册点和变形点（中心点又叫做变形点）。Flash初学者很容易混淆注册点与中心点。弄清楚位置问题，可以避免很多后续问题。在本例中，定位中心点要找准，否则就会出现跳来跳去的现象。

3.重量感

重量感是通过对相反的作用力进行视觉表达来阐述的。力和重量感在动画里并不存在，只有视觉上的暗示。力通常会通过体态、动作的路径、平衡、Timing、弧线，连续地打断关节等来表现，重量感如果不通过力的视觉暗示是无法展示出来的。

关键动作设计

①柱子向后倒，这个是预备动作。②柱子向前倒，这个是倒的开始。③柱子倒一半，这个过程中位置有移动。④全部倒下来，为了表现画面重量感，可以让画面向上向下微移以表现重量感。⑤柱子摔在地上，碎片慢慢散裂一地。

原画部分

一个动作是由很多张画组成的，这些画的第一张与最后一张被称为原画，其余中间的部分，被称为中间画。分镜头台本绘制完成之后，原画工作就会开始。在原画绘制完成之后，我们就可以根据原画开始绘制中间画了。

在本例中，我们的原画张为1、4、6、8、10、11、12、16、19张。原画设计好后，我们才会比较好地控制整个柱子的倒下动作。

启动Flash CC软件，单击“文件”中的“新建”命令，弹出“新建文档”对话框，在“常规”选项卡的“类型”列表中选择ActionScript3.0选项，具体设计如图1所示，大小请根据自己的要求设定，这里我选择宽800像素，高600像素，帧频设计为12fps，单击确定。

窗口工作区的显示比例可以通过快捷键“Ctrl+=”来放大显示工作区，相反用快捷键“Ctrl+-”，缩小显示工作区。当然，如果画错了，可以用撤销命令撤销。其他在本文中用到的快捷键也有好几个，使用起来方便快捷，此处不再一一赘述，如想了解可参见相关教程。

1.表现动作

图层可以帮助我们组织文档中的插图。可以在一个图层上绘制和编辑对象，而不会影响其他图层上的对象。在图层上没有内容的舞台区域中，可以透过该图层看到下面的图层。还可以隐藏、锁定或重新排列图层。可以创建的图层数仅受计算机内存的限制，而且图层不会增加发布的SWF格式文件的大小。只有放入图层的对象才会增加文件的大小。

我们把图层1作为地面图层，给图层命名为“地面”，选择“矩形工具”，快捷键为“R”。在属性编辑器里，选择笔触颜色为关掉，填充颜色为（#666633），笔触大小为默认的1来绘制地面。当然大家也可以选择自己喜欢的颜色和笔触大小。

点击图层区锁型下的黑点，黑点会变成锁型，图层即锁定。单击“锁”，变成圆点，则解锁（如图2）。另外几个图标分别表示：编辑状态、显示状态、边框状态。实时切换这些状态，会让制作变得得心应手。

2.创建柱子图层

创建“柱子”图层之后，该图层将出现在“地面”图层的上方。新添加的图层将成为活动图层。具体创建方法有三种：①单击时间轴底部的“新建层”按钮。②选择“插入→时间轴→图层”。③右键单击（Windows）或按住Control单击（Macintosh）时间轴中的一个图层名称，然后从上下文菜单中选择“插入图层”。

（1）柱子绘制。柱子的绘制方法如“地面”，也是使用“矩形工具”，在属性编辑器里，选择笔触颜色为（#000000），填充颜色为（#666666），笔触大小为5（如图3）。当然大家也可以选择自己喜欢的颜色和笔触大小。注意柱子的形状尽量符合实际，太粗太小都不太容易得到理想的效果。

（2）柱子后倒。插入关键帧，打开绘图纸工具，利用变形工具调整柱子后倒角度。点选变形工具，把中心点从中心移动到左下角，调整好角度。插入关键帧，方法有三种，请执行下列操作之一：①在时间轴中选择一个帧，然后选择“插入→时间轴→关键帧”。②右键单击（Windows）或按住Control单击（Macintosh）时间轴中的一个帧，然后选择“插入关键帧”。③在时间轴中选择一个帧，然后点击F6插入关键帧。如果选择的普通帧上没有任何元件，则会变成空白关键帧了。

描图纸工具也叫“洋葱皮”工具，它主要是绘制逐帧动画时使用。例如，在此例中，我们绘制的“地面”是不动的，柱子的晃动是动画的主要变化部分，当画好了第一帧的柱子，再画第二帧的时候第一帧的柱子是看不到的，你就可以复制第一帧的柱子，然后使用洋葱皮工具，同时显示第一帧柱子的轮廓，这样你对照第一帧的柱子，修改第二帧柱子的位置和角度，这样做动画会更简便更流畅。

想在Flash中把图形扭一下角度？还是想把某个图形修改一下位置？那就用一下任意变形工具吧！我们在编辑图形时，经常会调整图形的大小和形状，方法是首先选中这个对象，然后选择“任意变形工具”（如上页图4），此时选中的对象周围会出现八个控制点小黑块，沿着控制点的方向拖动小块，即可缩放对象。也可以先选中“任意变形工具”，然后用它去选择对象，像选择工具一样，可以点选或框选；旋转操作和缩放对象基本上差不多，鼠标移到四个角的控制点外面时，会出现一个弧线箭头，顺着箭头的方向拖动就可以旋转，旋转时要绕着中心移动（中心也可以拖到一边去）。

（3）柱子向前倒一点，向后倒完后又向前倒的开始部分。复制第一帧，在第三帧上右击“粘贴”，选择“变形工具”把中心点移动到右下角，旋转到合适角度（如上页图5）。

（4）柱子倒下到一半位置，大约45度。插入关键帧，把中心点移动到矩形柱子的右下角，选择变形工具，调整到45度，注意位置的移动（如上页图6）。

（5）完全倒下。选中“地面”图层，在时间轴第五帧位置插入帧。单击柱子图层，在第五帧插入关键帧，把中心点移动到矩形右下角，调整角度为水平状态，对好移动位置（如图7）。

3.表现重量感

（1）解锁图层，在地面图层的最后一帧插入关键帧。同时选中两个图层，用下键微调位置。这里要结合自己的生活经验，合理设置下调的位置来表现重量感（如图8）。

（2）柱子裂开。在柱子处插入关键帧，以铅笔绘画呈现开裂的效果（如图9）。

（3）柱子裂完后散开。单击插入菜单，选择时间轴，插入空白关键帧，因为我们要重新绘制。同时地面图层的帧也跟着延长，然后锁定地面图层。这里我们采用铅笔进行绘制，当然，这个并不是一成不变的，可根据个人水平和喜好自由发挥。绘制完石块后，要用直线工具将地平线部分封闭，否则会影响后期上色（如图10）。

（4）给原画帧编号，在帧上右击，弹出菜单中选择属性，我们按照事先的计划把号码编好。做这个工作一定不要怕麻烦，因为帧多了以后，在后期中间张插入时，如果不按编号，很容易出现错误（如下页图11）。

中割部分

这一部分和原画部分同样重要，大家一定不能小觑。

①在1和4中先插入2然后插入3，注意要有快慢，不要平均（如下页图12）。从菜单选择时间轴，点插入帧，再转换为空白关键帧。把绘图纸功能打开。调整为1到4之间，方便我们查看。插入帧，复制帧1，在帧2右击粘贴，调整2的编号，注意定位点的选择，调整2的角度和位置。绘图纸调整到2和4，按上面方法插入3（如图13）。

②倒下之前用此法操作。地面层也跟着延长，点击插入菜单，时间轴选择插入帧，快捷键为F5。调整好地面图层的位置（如图14、图15）。

③散开部分时间线图。我根据自己的观察选择了先快后慢的方法（如图16）。当然你也可以使用均割的方法。

④在12和16中先插入13，方法是插入菜单中选择时间轴，选择插入关键帧命令。同时打开绘图纸功能，按上面的方法绘制13，下面地面层按F5跟着延长。照此方法完成14和15（如图17）。

⑤16和19先插17，仍然使用上面的中割法（如图18）。然后转换成空白关键帧，注意是空白关键帧。因为我们要绘制石头散开的过程，非常考验绘画功底。绘制完成后，将底部封闭。为了不影响后续制作，还可把地板层关闭。使用滴管工具去前面第1帧中选色，使用倒色工具上色。如果上不了色，要检查是否把铅笔画的线稿转化为形状（如图19）。

⑥最后一步也很重要，我们要把前期制作的文件调整好，根据经验和脚本对时间轴做细致的调整，如把第一张多停两帧，最后一帧延长5帧等。

结语

篇5：逐帧动画学案

10.1实验目的：

(1)掌握帧的基本概念及操作

(2)掌握逐帧动画的基本概念及操作方法(3)掌握形状渐变动画的基本概念及操作方法

10.2 实验环境：

Windows XP，FlashCS3 10.3 实验要求：

(1)制作逐帧动画：舞动的蝴蝶(2)制作形状渐变动画：变形的车

(3)制作添加形状提示点的形状渐变动画：翻书效果

10.4 实验内容：

(1)舞动的蝴蝶：利用逐帧动画制作一只舞动翅膀的蝴蝶，在影片中放置1只蝴蝶，在荷花上舞动翅膀。如图10-1所示。演示效果查看10-1.exe文件。

图10-1

(2)变形的车：摩托车变形成小汽车向左边行驶，如图10-2所示。演示效果查看10-2.exe文件。

图10-2(3)翻书效果，如图10-3所示，演示效果查看10-3.exe文件。

图10-3 10.5实验步骤

1.打开10-1.fla文件，制作舞动的蝴蝶。

(1)依次选择“插入”菜单→“新建元件”命令，输入名称为“hudie”，选择“影片剪辑”，新建元件对话框如图10-4所示。

图10-4(2)在图层1第一帧处绘制出蝴蝶的身体主干部分：选择工具箱中的刷子工具，指定适当的大小，如图10-5所示，并在属性面板上将刷子颜色设置为棕色，绘制好蝴蝶的躯干。再将刷子大小变小，颜色改为红色，绘制出蝴蝶的眼睛。最后再利用工具箱中的铅笔工具，画出蝴蝶的触角。效果如图10-6所示。

图10-5

图10-6(3)点击图层面板左下角的“插入图层”按钮，如图10-7所示，添加一图层：图层2，并在图层2的第一帧处，选择工具箱中的椭圆工具，在属性面板设置其笔触颜色为黑色，填充颜色为无，在按住Shift键的同时，拖动鼠标，在舞台中央绘制一个正圆形。点击工具箱中的选择工具，按住Ctrl键拖动鼠标将圆形一端变形，形成蝴蝶翅膀的轮廓状，绘制程如图10-8所示。选择颜料桶工具，在颜色面板设置填充色彩为红至黄的放射状渐变色，如图10-9所示，鼠标点击翅膀内部，对其填色。利用铅笔工具和刷子工具绘出翅膀中的花纹。双击选中翅膀的轮廓线，按Delete键将其删除，如图10-10所示。拖动鼠标，选中整个翅膀，利用Ctrl＋G键将左翅膀组合。选择“编辑”菜单→“复制”命令，复制左翅膀。

图10-7

图10-8

图10-9

图10-10

(4)添加一新图层：图层3，在图层3第一帧处，依次选择“编辑”菜单→“粘贴到当前位置”命令复制出一个左翅膀，再依次选择“修改”菜单→“变形”→“水平翻转”命令，将左翅膀水平翻转成右翅膀，再将其移到合适的位置，如图10-11所示。

图10-11(5)在图层2和图层3的第3帧和第5帧处均按F6键插入关键帧，利用任意变形工具将图层2，3中第3帧的左、右翅膀变形。如图10-12所示。

图10-12(6)在图层1、2、3的第10帧处均按F5键插入普通帧。

(7)回到主场景区域，添加一图层，命名为蝴蝶，在蝴蝶图层第1帧处，将库中的影片剪辑“hudie”拖到合适的位置，更改其大小。(8)ctrl+enter，测试影片。

2.打开10-2.fla文件，制作变形的车动画：

(1)添加一图层，命名为车，在第1帧处将库中的图形元件“摩托车”拖到场景区右侧，利用Ctrl+B键将其分离。在第20帧处按F7键插入空关键帧，将图形元件“汽车”从库中拖到摩托车所在位置，利用Ctrl+B键将其分离。

(2)选中第1－20帧中间的任意一帧，点击属性面板“补间”下拉菜单的“形状”选项，如图10-13所示；或右击第1－20帧中间的任意一帧，在弹出菜单中选择“创建补间形状”命令，创建第1－20帧的形状渐变动画。

图10-13(3)在“车”层的第40帧处按F6键插入关键帧，在这帧中将汽车移至场景区左侧，按前一步骤的方法创建第20－40帧的形状渐变动画。

(4)在“背景”层第40帧处按F5键插入普通帧。制作完成后的时间轴面板如图10-14所示。

图10-14(5)ctrl+enter，测试影片。3.制作翻书效果动画

(1)选择“文件”菜单→“新建”命令，新建一个Flash文档，保存为10-3.fla。(2)将图层1重命名为“封面”。选择矩形工具，在属性面板设置笔触颜色为无，填充色为紫色（#FF00FF），拖动鼠标，在舞台中绘制一矩形，并使用选择工具，拖动矩形上下边缘，修改成书页状，如图10-15所示。

图10-15(3)添加一个图层，重命名为“封底”。点击“封面”图层，拖动鼠标选中整个紫色书页图案，选择“编辑”菜单→“复制”命令，再点击“封底”图层，选择“编辑”菜单→“粘贴到当前位置”命令，将紫色书页复制到“封底”图层，并使用颜料桶工具为其填充上蓝色，再移动至合适位置，如图10-16所示。

图10-16(4)在“封面”和“封底”图层上方再添加一个图层，重命名为“中页”。选中“封底”图层上的蓝色书页，选择“编辑”菜单→“复制”命令，选中“封底”图层的第1帧，选择“编辑”菜单→“粘贴到当前位置”命令，将蓝色书页复制到“中页”图层，并使用颜料桶工具填充上黄色。如图10-17所示。

图10-17(5)在“封面”和“封底”图层的第20帧处各按F5键插入普通帧。在“中页”图层第20帧处按F6插入关键帧，使用任意变形工具对书页进行稍作修改，如图10-18所示。

图10-18(6)在“封面”和“封底”图层的第60帧处各按F5键插入普通帧。在“中页”图层第60帧处按F6键插入关键帧，选择任意变形工具，拖动书页水平中线处的角柄，对书页进行水平翻转，效果如图10-19所示。

图10-19(7)在“封面”和“封底”图层的第80帧处各按F5键插入普通帧。在“中页”图层第80帧处按F7插入空白关键帧，拖动鼠标，选中“封面”图层上的紫色书页，依次选择“编辑”菜单→“复制”命令，选中“中页”图层的第80帧，依次选择“编辑”菜单→“粘贴到当前位置”命令，复制出一书页，并使用颜料桶工具为书页填充上黄色。

(8)选中“中页”图层第1—20帧中的任意一帧，在属性面板的“补间”下拉菜单中点击“形状”选项，创建好第1—20帧的形状渐变动画。使用相同方法创建好第20—60帧，第60—80帧的形状渐变动画。

(9)选中“中页”图层第20帧，依次选择“修改”菜单→“形状”→“添加形状提示”命令，这时舞台上会出现一个红色的a标志，将其移动到书页的左上方。重复选择上述菜单命令，依次添加b，c，d三个形状提示点，分别放置到书页的另三个角上。如图10-20所示。

图10-20(10)选中“中页”图层第60帧，将舞台上出现的绿色的形状提示点d，c，b，a移动到对应位置。（注意：位置要和第20帧的相对应），如图10-21所示。

篇6：逐帧动画教学设计

第二节

逐帧动画

【教学内容】

用动画实现按笔画书写“仁”字的过程。【教学目标】

知识与技能：

1、了解逐帧动画的原理，知道逐帧动画的制作方法。

2、学会制作逐帧动画。

过程与方法：

1、学生通过现场表演、演示教具，分析关键帧，了解逐帧动画的制作过程。

2、学生在表情演示的基础上，分析、讨论制作动态表情的过程，学会逐帧动画的制作方法。

情感态度价值观：

学生在制作动态表情的过程中，提高了动画创作的兴趣，在快乐的氛围中学习掌握知识。通过自己设计的动态表情，感受到flash动画的趣味和魅力，在乐趣中成长。【教学重点】

flash工具，帧，调整动画播放【教学难点】

帧的理解，以及动画的原理【教学方法设计】

教师演示，引导，学生自主、合作学习【教学工具】

Flash8.0，网络机房，网络教室，逐帧动画素材【教学准备】

学生复制本节课的素材，到D盘，并改名【课时安排】1课时【教学过程】

 导入

书法是中国汉字特有的传统艺术形式。它被誉为：无言的诗。无行的舞，无图的画，无声地乐。

今天，我们体验一下逐帧动画制作，再现楷书“仁”字那行云流水般的书写过程。

 授课制作逐帧动画

制作动画之前我们先导入素材，我们把素材导入到库中，为我们等会制作动画使用。（回顾导入到库中和导入到舞台有什么区别？）

如果我们要用flash来制作飞机飞行，就需要我们插入关键帧，改变飞机的不同位置，不同的关键帧表示飞机出现的位置发生改变。

1、实例：制作楷书“仁”字教师演示：

（1）打开flash软件。

（在这一动画中，背景图片是静态的，“仁”字是动态的。此时应该设置两个图层，一个为动画层，一个为背景层）

（2）选中背景层第一个空白关键帧，利用【导入】选项，将背景图片导入到舞台。（3）选中背景图层，单击右键选择【任意变形】选项，调整图片在舞台中的大小和位置。

（4）选中背景层第45帧，单击右键选择【插入帧】选项，让背景图片从第1帧延续到第45帧。背景动画延伸的帧数取决于“仁”字书写动画制作的长度。

（5）选中动画层第1帧空白关键帧，点击【工具箱】中的书写工具后，将鼠标移至舞台中心区域，输入“仁”字。输入完毕后，可利用舞台下方的属性面板，修改文字字体、大小、颜色等属性。

（6）要实现“仁”字按笔画顺序书写出来的动画效果，必须将文字“分离”。选择【工具箱】中的选择工具选中“仁”字，单击鼠标右键选择【分离】。

（7）连续选择书写层第2帧至第45帧，按键盘快捷键【F6】，为每一帧插入关键帧。（8）选择动画层第40帧，选择【工具箱】橡皮工具，并在工具箱下方橡皮擦形状选项中调整橡皮擦的大小和形状，然后将鼠标移至“仁”最后一笔处，擦去最后一笔。（9）选择第39帧、第38帧„„第1帧，重复上面一步的操作，一点一点将“仁”字的笔画擦除，直到完全擦除。

（10）选择【控制/测试影片】选项，观看动画效果。

（11）选择【文件/保存】，确定保存位置并命名，点击【保存】按钮，将动画文件保存好。

注：同学们用到的这种方法就叫做逐帧动画。而且如果我们制作的帧数越多，动画就越生动形象。

◇教师演示制作方法调整速度：在相邻两帧间插入普通帧。F5键 ◇学生练习◇学生演示操作

巩固练习

1、利用“机器人”文件夹中的素材，创建一个逐帧动画。

2、从“GIF图像”文件夹中选择一个图像，导入到Flash中，创建为逐帧动画。

3、请你制作一个倒计时的动画。如：5、4、3、2、1，时间间隔为1秒。

保存提交

挑战

1、请你利用本节所学的知识制作一个模拟红绿灯瞬间变化的逐帧动画，并保存源文件。

2、请你利用本节所学的知识自己创作一个动画，保存起来吧。

四、作品展示

将创作的作品提交。

 课堂小结

逐帧动画的原理及制作

篇7：逐帧动画制作教案

授课老师:罗旭

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、保存,选择“控制”——“测试影片”测试影片，观看效果。

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

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

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

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

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

（六）归纳总结：

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

篇8：初识逐帧动画教学反思

《初识逐帧动画》教学反思

本课是小学五年级第五册第三单元第二课的内容，我校学生由于以前没有学过动画制作，对Flash软件比较陌生，虽然在上周利用一节课时间已经对Flash软件的一些工具、界面以及工作原理进行介绍，但是由于时间间隔一周，学生对软件的各部分组成及基本工具应用操作还是很陌生。因此，本课上起来就有相当的难度，我不得不调整预先准备的教学进度安排，加入了介绍Flash软件的组成及基本应用操作部分，缩减了课堂练习也就是制作圣诞老人挥手再见以及时钟倒计时的动画。总体来说，学生对逐帧动画的原理和制作过程能有所掌握，并会实际应用，但由于学生是初次学习Flash软件，所以，并非所有同学都能掌握，有些学生基础稍差的就没有真正学会。不过，在设计本课的教案时，我按照我的设计思路，充分放手，给学生更多的时间去摸索，去发现，并利用小组合作的学习的方式，小组内的成员你帮我，我帮你的氛围我很喜欢，大家朝着同一个目标一起努力，不仅达到了学习FLASH的目的，更让他们体会到团队合作的意识，只有大家齐心协力才能克服困难。

因此，对于以后的信息技术课，我认为还是要充分备好学生和教材，才能上好每一节课。

篇9：flash逐帧动画优秀教学反思

课堂教学注重生成，有时会有一些“意外情况”出现，我们要巧妙地利用它来丰富课堂，使教学富有生机与活力。对于课堂上出现的节外生枝，不要紧张，正确引导，说不定会有锦上添花的效果。

在一节动画制作课上，我准备讲解逐帧动画的制作方法。同学们刚打开电脑，突然从教室后面传来一声：“老师，有人上QQ。”一石激起千层浪，全班同学马上七嘴八舌议论开来，有的招呼旁边的同学往那边瞧，有的离得较远索性站起来看热闹。教室里顿时沸腾开来。顺着大家的目光，我看到许昊绻缩在座位上，头低着来回看，并替自己辩护说没有聊天。这使得看见的学生更不服气，争辩声越发大起来。我也清楚许昊只是打开了启动程序，并没有聊天，因为网络是断开的。但他肯定有想聊天的动机。于是我先让大家安静下来，澄清许昊并没有聊天的事实。

既然学生对聊天这么感兴趣，而聊天工具里的表情正好是简单的逐帧动画，何不充分利用这个“节外生枝”呢?我接着说到：“相信很多同学都聊过天，你们在聊天时用过QQ表情吗?许昊用过吗?”他使劲儿点点头，刚才还无精打采的眼睛立即发出异样的`光芒。“平时喜欢用什么样的表情呢?”“笑脸，眨眼，还有红脸”。他一下子说出了好几种。“其实这些表情我们自己也会做出来，要不要试试看!”同学们不敢相信，但都跃跃欲试。于是，我讲解了逐帧动画的概念及制作方法，让学生自己分析简单表情是由哪些关键帧组成的，然后尝试练习，并提示喜欢什么样的表情都可以做一做。同学们争先恐后的进行操作，有问题了几个同桌讨论、争辩得面红耳赤，课堂气氛达到了高潮。而且我还发现平时认为动画制作很难的几位学生也主动参与进来，并出谋划策，也做出了大家熟悉的动画表情。整节课下来，同学们不仅顺利完成了学习活动，而且奇思妙想，创作出许多令大家惊叹的作品。有吐舌头的搞笑表情，有伸出的胜利手势，还有小人儿摇旗呐喊……看着自己的“战利品”，同学们开心得笑了。我也因为这个“节外生枝”带来的精彩生成而感到欣慰。