逐帧动画说课课件

逐帧动画说课课件（精选6篇）

逐帧动画说课课件 篇1

教学目标

1、掌握制作逐帧动画的方法和图层的应用；

2、学会插入帧与删除帧。

教学重难点

制作逐帧动画。

教学资源

多媒体控制平台；Flash8软件；Flash案例演示。

教学过程

一、回顾旧知

关键帧：有内容，可以编辑。顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。

空白关键帧：无内容，没有包含舞台上的实例内容，一旦插入内容，自动转为关键帧。

普通帧：帧的内容由软件根据前后帧的情况自动创建，在时间轴上能显示实例对象，无法直接编辑

二、新课讲授

逐帧动画，就是把运动过程附加在每个帧中，当影格快速移动的时候，利用人的视觉的残留现象，形成流畅的动画效果。

具体步骤：

1、运行Flash8，文档属性默认。

2、单击第1帧，利用椭圆形工具在舞台的左侧画一个红颜色无边框的圆。

3、单击第1帧，按快捷键“F6”键，连续在时间轴上插入10个关键帧。

4、单击第2帧，使用鼠标或者键盘上的方向键调整舞台中的.红色圆的位置，使之向右侧移动一小短距离。

5、重复第4步骤的方法，分别设置其余9个帧里面的圆形位置。

6、测试效果。

三、动手试一试

制作一个逐帧动画（技巧——在制作逐帧动画的时候，往往前一帧与后一帧的内容没有大的差别，我们就可以使用Flash8提供的绘图纸外观工具来观察前一帧，或者全部帧的变化，对于我们精确的把握动画效果，有极大的帮助。）

四、学生能力拓展练习题：制作一个图案文字

利用文字逐帧动画制作文字跳跃、旋转特效。

五、小结：

1、你有什么收获？你在学习过程中对老师讲授的知识点都掌握了吗？

逐帧动画说课课件 篇2

《初识逐帧动画》是安徽省教科所编写的小学信息技术教材第五册第1 0课的内容。本节课是在前一节课《初识Flash软件》基础上,学习Flash帧动画,包括了解库面板的概念、认识时间轴和关键帧。本课内容还是后面Flash深入学习的基础。通过本课的学习,要让孩子感受到动画在生活中无处不在,只要留心观察,也能创造出属于自己的动画。

二、学情分析

本课的教学对象为五年级学生,他们已经具备一定的信息素养,求知欲强,对教学内容比较感兴趣,同时他们更注重学习内容与生活的联系,更关注学习内容是否有意义。所以,教法选择和学法指导要针对学生的年龄特征和个性差异,符合学生的认知规律,注重学生能力的培养。

三、教学目标

知识与技能:了解“库”面板的概念;认识时间轴与关键帧;能将外部图片导入“库”面板中;会在“舞台”上使用元件;会插入关键帧。

过程与方法:掌握“接受任务—自主探究—合作学习”的学习方法。

情感、态度与价值观:感受到动画在生活中无处不在,激发学习Flash软件的兴趣。

四、教学重点、难点及突破策略

教学重点:1.导入图片到“库”面板中;2.正确使用“库”面板中的元件;3.插入关键帧。这是本课的三个新知识点,也是完成帧动画的三个重要元素。

教学难点:使用“库”面板中的元件。

为有效突出重点、突破难点,通过巧妙设计教学环节,创设激发学生兴趣的情境,让学生带着一个个任务,通过课堂讨论、相互合作、实际操作等方式,自我探究,合作学习,在完成任务的过程中不知不觉实现对新知识的传递、迁移和融合。

五、课前准备

多媒体课件、圣诞节图片素材、钟表图片素材。

六、教学过程

(一)课前游戏埋下伏笔

课前,我设计了“比比谁更有创造力”的游戏。教师先拿出一本绘画本,让学生在第1页左下角画上一笔,并让后面的学生翻到第2页,继续在本子的左下角上作画,要求必须先把前面同学画的画上,然后自己在此基础上加一笔。以此类推,当一组画完之后,我们快速翻阅绘画本,会看到什么?学生作答,教师伺机鼓励,并把生成的页角动画效果当场示范给学生看。

设计意图:每人一笔,能生成无数种动画,给孩子们自由想象的空间。教师引导与鼓励,点燃课前学生的学习热情,极大地激起了学生对学习动画的兴趣。同时,此环节设计又为下面的学习进行了铺垫。

(二)创设情境诱发参与

课件展示“动物王国筹备了一场圣诞节派对,国王正在为会场布置哪些东西发愁呢”。引导学生积极出谋划策,并答应帮助国王布置派对会场,从而引出课题:《初识逐帧动画》。

设计意图:兴趣是孩子们最好的老师。通过设置上述情境,既找出布置会场的素材,又引入“动画元件”这一概念,为下一环节进行了铺垫,同时向孩子们渗透勤于思考、乐于助人的品质。

(三)分层导学合作学习

教师引导:国王已经按同学们的要求,准备好了圣诞节派对上的所有素材并放到电脑桌面上了,同学们该怎样把这些素材添加到Flash中?课件出示问题:怎样导入素材?引导学生结合课本“导入素材”一节进行自主学习,比比谁学得快。

学生通过自主学习,迅速找到导入图片的方法。教师请完成的学生进行示范性讲解,并在全班达成共识。紧接着,教师引导学生回到情境:有了素材又该如何来布置会场呢?让学生以小组为单位进行合作学习,参考课本利用库中的素材布置圣诞节会场,并用课件展示合作学习要求:1.如何打开库?2.你能从库中拖出图片元件吗?3.如何调整图片元件的大小?

学生按自己的能力去选择任务,先完成任务的学生可以帮助遇到困难的同学。学生合作学习时,教师课堂巡视,适时引导,并及时发现存在的问题,在后面的反馈中有针对性地进行讲解,以突破教学难点。

学生完成会场布置后,请一个小组进行展示,请其他组学生给予评价,教师点评、指导,鼓励学生创造性地学习。

设计意图:通过分层导学、自主探究和合作学习的形式突破本课的教学难点,既尊重了学生知识水平的差异,又让每个学生都能真正地参与到课堂中来,成为课堂的主人。

(四)突出重点实现目标

回到情境:国王看到同学们布置的会场高兴极了!可如果圣诞树顶的星星能闪闪发光,会场就更有生气了。

此时,教师引导学生回想课前玩的游戏,思考页角动画中的一页与Flash动画中的一帧的关系,并继续发挥小组学习的力量,根据课本的内容完成星星闪光的动画创作。

学生完成创作后,教师请学生汇报他们小组是如何解决“闪光星星”动画的,其他组提出补充,总结帧的插入方法。教师继续引导学生思考“页角动画”中画册和Flash中时间轴的概念,并进行知识迁移,帮助学生进一步理解帧和时间轴的含义。

设计意图:给学生充分的自主学习的时间和空间,体验学习的过程,享受学习的快乐。在反思游戏中归纳出知识迁移的重要性。让学生在学习后,掌握一种学习方法,树立一种学习意识。

(五)坡度练习建构能力

坡度练习:校联欢会上准备搞一个倒计时猜谜的游戏,校长希望同学们帮忙设计一个倒计时钟的动画。教师把1 0个钟面素材元件发给学生,让学生利用本节课学习的帧动画的知识来完成,比一比哪组是冠军!

设计意图:坡度练习意在为学生创设与生活紧密相关的情境,激起学生解决生活问题的欲望,并通过解决这个问题的过程,让学生自然而然地对新知识进行迁移、同化、融合与创新,体验问题解决后的成就感,提升学生的创造力。

(六)归纳总结体验成功

教师引导学生对本节课的知识进行小结。进行自我评价,明确哪些方面还要加强和改进。

设计意图:对学生的学习效果评价是必需的,也是有效的,目的是加深学生对知识的记忆理解,完成真正意义上的知识建构。

七、设计特色

设计这节课的时候,我着重体现了以下特色:

1.多元化的学习方式。

变被动学习为主动愉快的学习,课堂上充分体现“学生主体、教师主导”的教学原则。

2.情境与任务驱动的融合。

在给出任务前,先创设适当的情境,以便使学生在不知不觉中积极主动地接受任务,激起学习的兴趣与热情。

3.分层教学的实施。

照顾班级学生个体差异性,让每一位学生在教学活动中都能获得个性的发展。

4.学以致用。

逐帧动画制作教案 篇3

授课老师:罗旭

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

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

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

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

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

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

（六）归纳总结：

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

感受FLASH 制作逐帧动画 篇4

1.知识目标

(1)了解动画的基本原理，掌握逐帧动画的制作原理;(2)熟悉FLASH MX的工作界面；了解时间轴面板的作用；(3)掌握关键帧、舞台、元件的作用； 2.技能目标

(1)熟练运用工具栏中的“选择工具”、“自由变形工具”、“擦皮工具”修改对象形状，位置；

(2)熟练调用“库”中“元件”制作动画；(3)用所掌握的知识制作逐帧动画；

教学重点：(1)了解动画制作原理；(2)能调用库元件编辑画面；

教学难点：(1)掌握逐帧动画制作技巧；(2)了解帧的用途；掌握关键帧的用法；

(3)能激发学生的创作灵感，使学生能熟练的运用制作技巧绘制逐帧动画

教学后记：

1、本堂课是FLASH章节的第一堂课,学生应该学会什么？我认为学生体验FLASH的制作动画功能，增强他们对动画制作的感性认识更为重要.所以对知识点的处理我非常”粗放”,比方说我没有讲关键帧、空白关键帧、普通帧的区别；没有讲元件的类型已经获取方法；没有介绍工具栏中其他工具的使用方法；没有讲帧频、舞台大小的修改。我的目标只要学生能做出一个动画影片获得成功的喜悦。知识点的详解可以放在后面的课时，需要用时再讲。

如何能拉进师生距离、2、激发学生学习兴趣？采用播放FLASH动画的方式来处理。又德育，又创设教学情景，又不让先到的人无聊

3、动画原理如何介绍给大家？假如直接问学生可能不知道怎么回答即使回答出来也是似是而非的。于是想到让学生一起手工做动画的方式，学生参与活动后能获得感性认识能够较准确的回答出这个问题；同时为技能讲授环节中讲解FLASH舞台、时间轴、帧、元件概念做类比参照；又为可以向学生总结出逐帧动画制作注意事项（帧数多、每帧画面细微变化放出的动画才流畅自然）

4、采用什么方式才能让学生高效率的在一堂课时间完成一个不觉得枯燥的动画呢？我决定采用元件组成画面，每幅画面修改对象“位置”、“形态”的方式。学生完成的比较轻松，又能很快看到成果。一共设置两个任务，由简到难。学生完成升国旗动画到小虫吃苹果动画巩固学习知识点和技法。

5、提醒学生要提交作业。养成学生每堂课教作业的习惯。

《初识电子表格》教学反思

初识电子表格一课，是初中信息技术八年上册的第一节课，也是初中学生第一次接触电子表格，但表格对学生来讲，并不陌生，在日常生活中，使用表格的频率是非常高的，比如价格表，课程表，学生成绩表等等。因此，在上课之前，我用了上学期期末考试的学生成绩表作为本节课的引入部分。

当我在电脑上打开期末考试成绩表，学生的兴趣一下子就来，课堂顿时变得非常活跃，都睁大眼睛看着全班的成绩。这一效果和我预先想的正好符合。因此开始介绍电子表格的概念和平时使用的范围和作用。通过介绍电子表格，从而引入EXCEL软件是处理电子表格的常用软件。同时也介绍了EXCEL的各种版本及国内的CCED及WPS电子表格处理软件，增强学生的爱国主义精神。

我通过认真学习本节课的内容，找出重点，难点以及学生易错的步骤和操作，然后再来设计教学任务，把本节课所要传授的知识点，能力，思想，素质融入到这一个个小任务中去，争取让学生在完成这些有趣的任务的同时，学到了该学的东西。

这节课，我把教学内容设计成下面五个小任务：

1：先欣赏几个美观的电子表格。2：学习三个知识点，思考小任务。3：个人尝试操作，完成小任务。（允许学生之间交流）

4：成果评价。（每小组推荐一名任务完成较好的学生展示其完成任务的操作过程，然后，全班一起评价。强调协作，团结，包容，肯定他人成绩的精神。在评价的过程中教师也适当地参与）

在学习如何启动EXCEL中，主要讲解EXCEL图标和其它软件图标的不同之处，以及图标的由来，加深同学们对EXCEL的印象，同时，利用WORD与EXCEL的界面比较学习，让学生更好的认识EXCEL。在这一部分，我重点讲解了在EXCEL中，单元格的概念，行和列的标记，以及其它的常用工具栏和格式工具栏。对于建立和保存新工作簿，方法也和WORD相同，因此，我没有详细讲解，而是通过恢复学生对WORD操作的记忆，来举一反三，融合使用。当然，对于一些新的概念，还是必须要讲的，比如，工作薄由工作表组成，一个工作薄可以包含255个工作表等。学生也对这些新鲜的知识乐此不疲。在讲解最后一个内容——设计电子表格时，我通过演示如何在EXCEL中输入课程表来讲解这一部分内容，主要在乎让学生更好的认识EXCEL，为接下来的上机实践奠定基础。

随后，在上机实践过程中，学生因为看了我的演示，因此完成的情况非常好，而且有一大部分同学通过对WORD的操作记忆，尝试了对文字进行简单的格式处理。这一点让我感到很高兴，学生的创造能力由此可见。但同时，也发现了不少问题，比如，个别同学因为没有认真听讲，所以在完成的时候就显得困难了。我的解决办法是，让他们请教已经完成的同学，通过观看他们完成的作品及讲解，达到一举两得的效果。

逐帧动画说课课件 篇5

――逐帧动画的制作

【教学设计】

一、活动目标：

1、知识与技能

（1）理解逐帧动画的概念；（2）掌握逐帧动画的制作方法。

2、过程与方法

通过师生演示、协作学习，在参与动画制作的实践探索过程中，掌握逐帧动画的制作方法。

3、情感态度和价值观

（1）体验动画制作的乐趣，激发学生勇于探索创新的精神；（2）培养学生遵守交通规则，安全出行的意识。

二、教学重点难点

教学重点：

1、掌握逐帧动画的原理。

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

教学难点：

1、理解逐帧动画的作用。

2、理解帧面板参数的设置对动画的影响。

三、教学准备

1、多媒体电脑教室

四、教学课时：1课时

五、教学过程

1、引入，了解逐帧动画（概念、特点）

2、体验逐帧动画（任务一：导入4幅图片，快速形成动画）

3、演示逐帧动画制作，练习制作逐帧动画（任务二：画制简单的红绿灯）

4、应用逐帧动画（任务三：带倒计时的红绿灯等）

六、评价小结：小结学习内容（什么是逐帧动画？它的特点？制作的方法?）评价学习表现。

深刻反思教学 促进有效实施

一、课例概况

这次的教学是信息技术校本课程，以Flash的基本动画制作为主要学习内容。本课学习内容是Flash的逐帧动画，属于动画学习的第二课时，第一课时是认识Flash动画软件及利用Flash绘画，学生基本认识了Flash的界面，学会用Flash进行简单绘画。学生对Flash制作动画比较感兴趣。由于学习内容属于自编校本学材，对于教师和学生来说，都是全新的。在教学内容的容量、教学资源、教学设计等方面，可能存在不适当的地方，这为本次的课例研究，带来了不确定的因素。课程观察的教师包括信息技术学科、科学学科和综合实践学科的六位老师。

在这次课例研究中，我们以教学环节学生的学习表现为观察视点上，从两次教师的观察与个人的教学反思上，我们可以得到这样的结论：

1、教学环节的设计看似明晰、完整，但在课堂实施上，存在着一些教学任务无法完成的情况。在第一次教学时，大多数的学生就没有完成第三个学习任务。在第二次教学时，学生的学习任务调整为二个，但还是有些学生不能够完成。

2、在课堂教学上，时间安排看似比较合理，但一些教学环节存在着赶和追的情况。

3、学生对学习动画制作的学习的兴趣大、积极性高，除了请学生上台演示和学生充当助手去指导外，课堂缺乏更多师生和生生的互动，缺乏自主性的合作学习。

4、在这次课例的学习效果上，由于学生的学习任务没有完全达成，虽然是掌握了一定的知识技能，但在情感、态度和价值观上，并没有得到落实和提升。

二、课例分析

1、教学内容编排合理性的不足

教学内容为自编，虽然教学的内容借鉴了正式出版的小学教材，但在学习内容的容量上，存在一些偏差。教学上以任务为驱动，第一次教学设置了三个任务，学生能够完成前二个比较容易的，对于第三个任务，能够完全的学生显得不多。第二次教学，由于学生对象的不同，临时改为二个学习任务，才使到多数的学生勉强完成学习的任务。黄佩华老师在观察后的课后会议上就建议调整教学内容，给学生充足的操练时间。

2、教学环节设计脱离学情

教学各环节的设计没有考虑实施的学生学习基础情况。只用一个课时，期望通过引入、演练、制作、应用和小结五环节就使学生掌握逐帧动画的制作，过于急于求成。张可期老师观察到有学生“在操作过程中就只顾玩了”，可能是不会操作，只能玩，而这个现象，也可能是学习时间不充足，教师缺乏巡堂，未能及时发现并进行指导，这个问题，张爱民老师同样指出，“希望教师能多关注一下坐在边缘又很弱势的学生”。虽然授课老师已经发动能力强的学生在完成自己的学习后，作为老师的助手，去帮助其他学生的学生，但是，还是有个别学生得不到关注，跟不上学习的节奏。课后观课老师指出，在操作步骤上给予明确的说明，例如怎么样插入帧，在哪插入，不无道理。而教师事先准备的学习指引，在课堂上很少学生会用到，这与平时没使用有关系，也隐现学生不善于自主学习、探究学习的一面。

在第二次课上，3班的学生在上一节课，大多数能够绘制一个红绿灯的图像，但学生在积极性、动手能力、思维反应方面，要逊于第一次课的2班。我们看到第二次课，效果比第一次的还差，正是对学生情况的反映（下图分别是第一次课和第二次课的学生作品）。第二次课的学情，确实需要教师更多的指引。这也说明了教师未能深入分析生情，对不同教学对象，未作根本性的教学调整，导致了教学失败，这应该是我们一种深刻的教训。

学生在第一次课上的作品

学生在第二次课上的作品

三、课例改进建议

教学内容编排要优化。一是教学内容多了，可以在课时的安排上进行适当处理，将一个课时，分为二个课时进行教学。二是做好教学内容的取舍。由于是借鉴了一些小学动画制作的教材，它在让学生体验逐帧动画的环节，是采用了猴子做操的4张图片，在第一教学时，我们发现，学生关注猴子做操动画效果的兴趣，要比体验怎样生成动画的原理要多，这对教学造成了一定的干扰。在第二次教学上，我们采用了与红绿灯制作有关的图片，提供给学生体验逐帧动画的形成原理，教学效果有了一定的改善。

第一次课上采用的图片

第二次课上采用的图片

教学设计不能脱离学生学情分析。对于差别较大的教学对象，应该就教学设计和内容作更细节方面的考虑和调整。对于对于动手能力不强的学生，可以只要求其理解制作逐帧动画的原理和操作方法；而对于能力强的学生，就可要求其对作品进行设计和美化。

但是，不管学情的同与不同，我们在教学的三维目标上，都要把情感态度和价值观得到落实。例如在制作红绿灯的动画的过程中，灌输安全出行、文明出行的意识，或者利用逐帧动画，为作品加上“文明交通，从我做起”打字效果的标语，进行遵守交通规则，安全出行的教育宣传。

【附件】学案

学习前的热身：

体验动画形成的原理：通过快速播放一系列变化的画面，实现一个具有连续动作的动画效果。

一、知识点:

1、逐帧动画：在时间轴上逐帧绘制、添加对象，一个画面就是一帧，播放时按顺序显示每一帧的内容称为逐帧动画。

2、逐帧动画的特点：每一帧都有对象，每一帧都是关键帧。主要用于表现动画中细腻、复杂的动作。

二、学习内容

任务

一、体验动画形成的原理：通过快速播放一系列变化的画面，实现一个具有连续动作的动画效果。思考: 图片形成的动画的速度过快,可以怎么设置?

演示步骤：

1、将4张图片导入到库，图1：从菜单的“文件”――“导入”――“导入到库” 图2：已导入到库中的4张图片

2、从库中点击图片一，按住鼠标左键将图片1移到舞台中。

图片3：此时时间轴上的第1帧由空心小圆点变成实心小黑点。

3、在第2帧位置点右键，“插入空白关键帧”，同时把图片2移到舞台。

4、按第2帧的操作方法，将图片3和图片4放到第3帧和第4帧上。

5、播放或测试影片，观看自己制作的动画的效果。

任务

二、制作简单的红绿灯动画

素材：打开上一次课画好的红绿灯图片的源文件。

思考：利用逐帧动画的原理，说出红灯转绿灯，绿灯转红灯的简单逐帧动画的制作方法？

第1帧

第2帧

任务

三、制作带倒计时的红绿灯（并输入“文明交通，从我做起”的标题）思考：在任务二的基础上，怎样制作绿灯由10倒数到1的带倒计时的红绿灯？

三、小结

1、逐帧动画的特点是什么？

Flash逐帧动画教学应用 篇6

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

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

●概念

1.中割

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

2.定位

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

3.重量感

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

●关键动作设计

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

●原画部分

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

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

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

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

1.表现动作

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

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

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

2.创建柱子图层

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

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

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

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

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

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

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

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

3.表现重量感

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

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

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

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

●中割部分

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

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

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

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

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

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

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

●结语