逐帧动画

逐帧动画（精选7篇）

逐帧动画 篇1

逐帧动画是Flash中的一种基本动画类型。其原理是将连续的动作分布到连续的关键帧中,即将各个不一样的内容绘制在时间轴上,然后再让这些内容不间断的播放,最终就形成了动画。逐帧动画的灵活性是十分强的,基本上能够将各种想表现的内容都呈现出来,对于细腻动画的制作来讲是一种很重要的技术。例如:鸟的拍打翅膀,说话或微笑,走路、以及类似3D的效果等等。

1逐帧动画的概念和在时间轴上的表现形式

逐帧动画的定义就是,在时间轴上一帧帧的来绘制帧内容。逐帧动画在时间轴上的表现形式参加图1。逐帧动画最适合于图像在每一帧中都在变化而不仅是在舞台上变换的那种看起来比较复杂的动画。 与补间动画相比较而言,逐帧动画能够更快的增加文件。关于逐帧动画,Flas可以对每个完整帧的值进行存储。

图1逐帧动画在时间轴上的表现形式

2创建逐帧动画的方法

(1)利用静态图片建立逐帧动画。

在Flash中,不间断的将静态图片通过png、gif、jpg等格式导入,从而实现一段逐帧动画。

(2)导入序列图像。

可以导入gif序列图像、swf动画文件等。

(3)绘制矢量逐帧动画

用鼠标或压感笔画出场景里的每一帧内容。

(4)文字逐帧动画。

每一帧的内容通过文字来表现,并将其设置成具有跳跃、旋转等特效的文字。

3下面例举了一个简单的例子,用以说明逐帧动画。

制作步骤如下 :

(1)创建影片文档

首先选择【文件】,然后点击【新建】, 再选择【常规】|【Flash文件(Action Script 3.0)】选项,最后单击【确定】,这样就实现了影片文档的新建,执行【属性】命令,选择【设置】将文件像素设置成200*200,背景设置成白色。

(2)创建背景图层

若要为某一图层命名或者是重命名, 可以双击这一图层名称。将“图层1”重新命名为”矩形背景”。选择第1帧,用矩形工具,设置边线的笔触类型为锯齿状。将一个矩形框在场景中设置好,在第7帧按F5,加过渡帧使帧内容延续到第7帧。

(3)导入gif动画

新建一层,将该层命名为”骏马奔驰”。选择第1帧,单击【文件】,然后【导入】,再选择【导入到场景】,最后导入“奔跑的骏马”文件夹,同时会出现图2所示的对话框。

单击【是】,Flash就会将“奔跑的骏马”文件夹中的图片按照原来的顺序以逐帧形式导入场景中(图3)。

图3导入的7张图片

调整对象位置

将上述图片导入到场景中之后,时间轴上就会显示不间断的关键帧,会呈现这样一幅画面:一位老人骑着一匹骏马向前奔跑,但是这时候导入进去的顺序是按照导入前文件夹中的顺序执行的,而并不是预先要达到的顺序效果,在这种缺省状况下,它们在场景中的坐标为“0,0”,所以这就需要通过合适的方式来移动它们的位置,可以先对其中一帧的位置进行调整,然后记下这幅图的坐标值,再将其他图片按照这一坐标值来设置。

(5)设置标题文字

新建一个图层,命名为“标题”,并保证该层的位置位于所有图层之上。单击工具栏上的文字工具按钮, 点击【属性】, 将【文本类型】设置成静态文本;【颜色】 设置成深蓝色,【字体】设置成华文新魏; 【字体大小】设置成20 ;如图4所示。设置完毕后在舞台适当位置上单击,在出现的文本框输入”骏马奔驰”,并将其拖动至骏马图片的下方。

图4字体【属性】面板参数设置

(6)测试存盘

执行【控制】|【测试影片】命令,以此来检测动画效果是不是符合预期效果,若是符合预期效果,单击【文件】,再选择【保存】,以“逐帧动画.fla”为名保存。当使用Flash的播放文件时,单击【文件】,选择【导出】,再【导出影片】,这样就实现了Flash播放文件的导出。

摘要：Flash是一款非常流行的动画制作软件。其应用广泛,可以完成广告制作、动画短片制作、教学软件制作等等。逐帧动画是Flash中的一种基本动画类型,本文从逐帧动画的概念、创建方法及具体步骤分析和介绍了Flash制作逐帧动画的相关知识。

关键词：逐帧动画,Flash

逐帧动画 篇2

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所示。

《逐帧动画的制作》教学反思 篇3

一、逐帧动画简介

1.让学生了解什么是逐帧动画, 在Flash中又是如何创建的, 生活中有哪些是属于逐帧动画。逐帧动画是绘制每一帧中的舞台内容, 它适合于每一帧中的图像都在更改的复杂动画, 而不是简单地在舞台中移动的动画。逐帧动画也适合表现细腻的动作效果。电影、电视是由一帧一帧的画面组合完成的, 也可以说是逐帧动画。然后, 展示我们将会学习到的逐帧动画:倒计时、种子发芽、奔跑的豹子, 从而激发学生的学习欲望和兴趣。

2.演示其制作方法, 让学生熟悉用Flash软件如何来创作动画。学生通过观察、理解, 再借助教师下发的帮助文档 (教师写的电子文档, 是制作每一个动画的具体操作步骤, 是为了便于学生更快地熟悉操作环节而设) 进行实践、创作自己的作品。学生分组讨论、设计并开始实施, 有的学生在制作中遇到难处时请求小组同学帮助, 也有的请求教师帮助。教师此时巡视、观察, 对于学生发现的问题, 教师引导学生进行及时准确的解决, 帮助学生成功顺利地完成任务。学生在展示作品时, 谈自己的创作思路和设计意图, 部分学生仿照教师做出了相应的逐帧动画, 也有部分学生充分发挥想象, 有创意地设计出其他动画, 如“火箭发射时的倒计时牌”“花开又花落”“小鸡出壳”等动画。

二、教学过程

在教学过程中, 采用由简到繁、由易到难、循序渐进的过程, 先让学生学会10—0“倒计时”动画的制作, 掌握逐帧动画制作的基本方法, 区分关键帧与空白关键帧, 并让学生了解在空白关键帧中绘制对象后并成为关键帧。然后让学生在已有的基础上, 自主探索“种子发芽”的设计与制作, 为了避免种子在生长的过程中来回跑动, 教师及时地引导学生利用“绘图纸外观工具”来解决问题, 使学生逐渐掌握逐帧动画的制作技巧。课堂上以学生为主体, 教师为主导, 始终为学生创设一种“宽松、主动、愉悦”的学习氛围, 使学生“在快乐中活动, 在活动中学习, 在学习中创造”。教学设计的每一项活动任务, 都选择与学生生活息息相关的内容, 学生能联系生活实际, 将知识的学习源于生活, 又高于生活, 同时也培养了学生的应用能力。

三、教学评价

在教学评价方式上, 采用了学生自评、互评, 教师评价相结合的多元化评价方法, 教师用积极的、客观的、鼓励性的语言激发学生的学习热情, 树立了学生学习信息技术的信心。

四、教学不足

整个教学过程中也存在不足, 不足之处在于没有更好地兼顾到学习有困难的学生, 对他们来说本节课的容量有些多, 他们完成第一个任务时 (倒计时) 的制作很轻松, 但是在完成第二个任务, 也就是种子发芽的动画制作时, 学生用铅笔工具绘制种子各个关键帧就有些困难了, 原因主要是学生动手绘画的能力差一些。第三个任务由于是导入外部文件, 这对他们来说又轻松了些。在以后的教学中, 教师要加强对这部分学生的辅导、督促, 或让小帮手———理解能力、动手能力较强的学生作为小老师, 帮助需要帮助的同学, 让他们在帮中学、学中帮、互帮互助, 共同提高, 同时也能培养学生乐于助人的好习惯和协作学习的能力。

逐帧动画教学设计 篇4

【教学目标】 知识目标：

1.学会导入静态图片和直接在舞台上绘制简单图像。2.学会添加关键帧、空白关键帧和普通帧。3.学会测试影片并调整动画。

4.熟悉flash软件的相关工具和命令。技能目标：

掌握在flash中制作逐帧动画的技巧，体验在flash中制作逐帧动画的过程。情感态度与价值观目标：

通过动画作品的制作与评价，培养学生的审美能力，激发学生的探究兴趣和创新精神，让学生体验制作动画的乐趣；体验成功的喜悦，增强自信心。

【教学重、难点】 重点：能够导入静态图片

难点：通过改变帧频或帧数控制动画的播放时间 【教学环境】

硬件资源：具备局域网条件的微机室、电子教室。

软件资源：上课用的素材、课件、学生用的导学案、学生自主学习材料等。【教学方法】

小组合作尝试探究、任务驱动式、案例教学法 【教学过程】

一、谈话激趣，导入新课

师：课前我和咱们学校的信息技术老师交流过多次，他们说咱们这些同学自学能力特别强，语言表达能力很强，我知道其实咱们同学还有好多能力你们的老师没有告诉我，例如小组合作能力、尝试探究能力等，老师希望同学们在这堂课上把咱们的能力最大限度的发挥出来好不好？请同学们打开“个人学习档案文件夹”中的“逐帧动画评分标准”文件，记住在上课过程中要及时给予评价。在上课过程中要注意与他人的合作。既要学会自评，又要学会欣赏评价他人作品。

同学们，咱们每个同学都看过动画片，喜欢动画片吗？在课前让大家看了一段视频，实际上就是想让同学们了解动画的原理。请同学们回答：例一中你看到了什么？

生：纸的一面画了个鱼缸，一面画了条鱼，当纸快速地转动起来，我们发现鱼好像到了鱼缸里。

师：同学们看的都很仔细，你能不能利用刚才视频中介绍的知识并结合“自主学习材料”中“动画原理”来解释这个现象？

生：这是因为人的眼睛有“视觉暂留”现象，人的眼睛在观看运动的物像时，每个物像都在消息后继续滞留于视网膜上约十分之一秒的时间。利用“视觉暂留”的原理，把运动的物体按照一定规律进行动作分解，把分解动作分别画成一连串静止的图画，然后让这些静止的图画按一定的速度连续播放，人眼中残留的影像被一次次无缝接收，观察者就认为图像是连续运动的，这就是最简单的动画原理。

师：同学们回答的很好，例二“小台灯在找什么”，知道这是怎么完成的吗？ 生：是根据“视觉暂留”的道理，用一个小台灯，一架照相机，一边连续调整台灯的动作，一边逐个动作的拍摄，然后调整照片之间的间隔时间，最后把拍摄到的图片连续播放，就得到了“小台灯在找什么”的动画。

既然同学们都对动画很感兴趣，现在又知道了动画的原理，请同学们参考“自主探究学习材料”的基本概念部分内容思考并回答：什么是动画？

生：将许多图片按照一定的顺序排列起来，然后按照一定的速率将图片按排列顺序逐张显示出来就形成了动画。

二、讲授新课

（一）展示教学目标

（二）引导学生自主探究

师：同学们想不想自己动手做自己的第一个动画呢？你觉得做动画难不难？老师告诉同学们其实做动画不难，关键是我们得用心。这节课我们就来学习一种最简单动画——逐帧动画的制作方法。请同学们参考学习网站“自主探究”网页基本概念部分的内容思考并回答什么是逐帧动画？有何优缺点？

生：模仿传统手工动画的方式，每一帧都由导入图片或手工绘制完成的动画称为逐帧动画。要求是，从第2幅画面开始，每一幅都是上一幅的后续，两幅之间有着微小的差别，动作分解的越细，将来生成的动画就越细腻。

优点：对画面一帧帧地处理，具有非常大的灵活性，几乎可以表现任何想表现的内容。

缺点：帧序列内容不一样，制作负担大，最终输出的文件也较大。

1、导入图片完成逐帧动画

师：现在同学们知道了逐帧动画的基本概念了，请同学们打开“个人学习档案文件夹/逐帧动画素材库/导入图片素材库/月儿/月儿一.jpg”文件，然后快速随意滚动鼠标滚珠，你发现了什么？

生动手操作、观察回答：月儿动了，在呼呼睡大觉呢。

师：我们如何让图片出现在flash的舞台上，让它自己动起来呢？这就是我们这节课要解决的第一个大问题：导入图片完成逐帧动画。现在同学们参考学习网站“课内探究”和“视频教程”页面尝试完成任务一：用“月儿”文件夹中的素材制作“月儿”逐帧动画，完成并测试调整该作品。遇到问题可以组内讨论解决，完成快的同学要充当小老师的角色，热心的帮助组内的同学。以“姓名的动画作品 月儿”为文件名（例如：“张丽的动画作品 月儿”）保存到个人学习文档文件夹中，最终分别以FLA，SWF两种格式保存文件。完成之后先进行自评及组内互评。

生实践探究，教师巡堂指导学生解决问题。

师通过电子教室演示学生作品，师生共同评价，出现的问题引导学生寻找解决办法。师：刚才同学们的任务一完成的非常好，老师现在要送给同学们一段动画片——“三个和尚”作为对同学们的奖励，好不好？在看的过程中要注意观察三个和尚是怎么走路的。

喜欢这段动画片吗？想不想试着做三个和尚走路的动作？现在请同学们参考学习网站“课内探究”和“视频教程”页面尝试完成任务二：用“个人学习档案文件夹/逐帧动画素材库/导入图片素材库/三个和尚”文件夹中的素材，制作“胖和尚”或“瘦和尚”或“矮和尚”的逐帧动画。以“姓名的动画作品 胖和尚”或“姓名的动画作品 瘦和尚”或“姓名的动画作品 矮和尚”为文件名保存到个人学习文档文件夹中，最终分别以FLA，SWF两种格式保存文件。一定要记住小组成员的团结协作哦！完成快的同学要充当小老师的角色，热心的帮助组内的同学。完成之后先进行自评及组内互评。

生动手实践，教师在巡视时尽量引导学生将发现的问题自行动脑解决，而不是简单地直接告知其答案，从而培养和提高学生观察问题、分析问题、解决问题的能力。

师引导学生主动争先展示自己的作品，师生共同评价，对出现的问题引导学生借助学习网站或同学间讨论寻找解决办法。

2、手工绘制图片完成逐帧动画

师：请同学们再来欣赏几个动画作品（“吃苹果.swf”、“数学课上.swf”、“篮球.swf”、“吃樱桃.swf”），这些都是学生做，同学们有没有发现和前面动画的区别？

生：这些都是同学们自己手工绘制的图像，用这个方法来制作的逐帧动画更富有个性。师：也就是说除了导入现成的图片之外还可以通过手工绘制图片来完成逐帧动画的设计。下面请同学们做个游戏：同组同学互相表演并仔细观察开心、惊讶、难过、说话时面部的表情。然后完成任务三：利用“个人学习档案文件夹/逐帧动画素材库/导入图片素材库/手工绘制图像素材/”文件夹中的素材，用工具箱中的工具为舞台中的小人加上眉毛、眼睛、嘴巴等，完成“面部表情”动画作品的制作，并把作品以“姓名的动画作品 面部表情”为名保存在自己的学习文档文件夹中。最终作品分别以FLA，SWF两种格式保存文件。完成之后先进行自评及组内评价。

生实践完成作品。

师生共同点评、演示学生作品，对出现的问题可采用小组讨论，各组互动学习、或师生共同解决的方式来解决。

3、大显身手 有效训练

师：通过前面的学习老师发现同学们都很棒，现在到了大显身手的时候了，想不想把你的才能向老师、同学们展示下？快快动起来吧。充分发挥你的想象力，以逐帧动画的方式，制作自己的动画作品。完成后每组选出一个有代表性的作品来在班内交流演示。具体要求：

（一）选题：(可以二选一，建议有能力的同学在完成作品的基础上进一步完善美化自己的作品)

1、尝试用“个人学习档案文件夹/逐帧动画素材库/导入图片素材库”中你喜欢的一种素材做一个自己喜欢的逐帧动画，给你的作品起一个合适的名字并保存到自己的学习档案文件夹中。

2、可以和你的同组同学讨论一些动画创意；使用工具栏中你熟悉的工具, 做一个自己喜欢的逐帧动画，在动画中加入你们的创意和想法。给你的作品起一个合适的名字并保存好。

（二）内容积极向上、创意要好；

（三）最终作品分别以FLA，SWF两种格式保存。

生：动手操作（出现问题时让引导学生们自行找出与解决问题的办法，然后再进行实践，这样解决之后，学生们对所学知识印象十分深刻。）

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

作品相互的展示交流，互评互进，取长补短。

三、回顾总结，提出要求

师：请同学们结合咱们这节课的操作演练，说一说在本节课中你都学到了哪些知识，有了哪些收获？

生１：在本节课中我学会了导入静态图片制作Flash动画，感觉动画制作十分有趣，我十分有信心学好后面的知识。

生２：我知道了手工绘制图片完成逐帧动画。

生3：我进一步熟悉和掌握了铅笔工具的使用，真是太有趣了。生4：我学会了保存flash源文件和影片文件。

„„

师：同学们都说得非常好，看来本节课大家的收获颇丰，每个人通过自己的努力，都感受和体验到了成功的喜悦和快乐！下面请同学们欣赏动画片“一桥通三地”，这是在2010年第十一届全国中小学电脑制作大赛中获奖的作品，是使用FlashMX2004中的绘画功能绘制角色和场景，并运用逐帧动画和补间运动动画进行作品的创作的。补间运动动画下节课我们学习，请同学们提前预习。希望同学们在以后的学习中勤加练习，大胆实践，制作出更多更好的优秀的作品。

《初识逐帧动画》说课设计 篇5

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

二、学情分析

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

三、教学目标

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

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

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

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

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

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

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

五、课前准备

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

六、教学过程

(一)课前游戏埋下伏笔

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

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

(二)创设情境诱发参与

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

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

(三)分层导学合作学习

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

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

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

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

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

(四)突出重点实现目标

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

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

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

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

(五)坡度练习建构能力

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

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

(六)归纳总结体验成功

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

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

七、设计特色

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

1.多元化的学习方式。

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

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

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

3.分层教学的实施。

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

4.学以致用。

逐帧动画 篇6

知识与技能:理解关键帧的功能、特点和用法;掌握关键帧的插入、删除和修改操作;熟悉逐帧动画的基本制作技术与技巧。

过程与方法:亲历动画的整个创作过程,熟悉“逐帧动画”的制作流程,并归纳和总结制作方法;探究利用“录音机”软件为卡通动画“灌制”声音的方法。

情感、态度与价值观:体验创作的乐趣,培养对动画制作的兴趣;认识动画在创造美、表现美,传达美等方面的独特价值。

二、教学重点与难点

重点:逐帧动画的简单制作、关键帧的基本操作。

难点:对关键帧的理解以及绘图技巧的运用。

三、教学准备

凌波多媒体教学网络管理(教师端)软件、QQ教学.fla (示范动画)、QQ练习.fla (练习动画)和后舍男生.fla (创作动画)。

四、教学过程

1. 巧设“悬念”激发兴趣

师:上节课我们学习了如何利用F lash软件进行简单的绘图创作。老师也在课前绘制了一幅作品。今天,请大家看看我手中的这张卡片(图1)。

生(一下子兴奋起来,七嘴八舌地小声议论)这QQ样子挺可爱……

接着,教师展示第二幅QQ卡通图片(图2)。

师:这是第二张QQ画像,请比较两张的异同。

生1:第一张嘴是“一”字型,第二张嘴是“O”字型。

师:谢谢你的回答。请注意,这里我用两种字型表示两种状态:“一”表示“闭嘴”、“O”表示“张嘴”。因此,用这两张图便可模拟“嘴巴”一开一合的说话动作。现在我要变一个“魔术”,让它立刻开口说话,你们信吗?

生(半信半疑):不可能吧……

设计意图:让QQ图像“说话”是本课伊始设置的一个“悬念”。正所谓学起于思,思源于疑。人的思维是从问题开始的,问题是思维的推动力,疑问和惊奇最容易诱发积极的思维活动。通过巧妙设“疑”,让学生快速进入最佳的学习状态。

2. 以“趣”导“学”引出正题

教师拉开架势,脸上洋溢着魔术师般诙谐幽默的神采,不断以夸张的手法将双手置于胸前交替呈现两幅卡片。

师(吃力地):大家看到QQ的“嘴巴”开始“说话”了吗?

生:哈哈,没有啊。

师:哎,太遗憾了!这可是在我长达一年的魔术生涯中的首次失败。

学生哄堂大笑……

师:刚才,老师分析了魔术失败的根本原因在于卡片交替动作太慢,位置也不精确。如果我把这个交替呈现卡片的任务交给电脑来做,这个魔术必定能取得成功!

设计意图:“魔术”给学生带来了期待与遐想,而“刻意失败”这种先抑后扬的教学策略,激发了学生内心深处的学习动机,从而水到渠成地引出教学主题。

3. 讲演重点突破难点

教师打开“QQ教学.fla”示范动画。

师:这个Flash文档中绘制了两帧图像,请辨别第二帧和第一帧有何不同?

教师反复拖动“播放头”,供学生仔细观察这两帧画像的区别。

生2:第二帧与第一帧的QQ画像几乎完全相同,只是它的“嘴巴”被漏掉了(图3)。

师:是的。正是因为这两帧上的内容大致相同,在第一帧上进行少量修改就可以生成第二帧。下面就为第二帧补画上这张“嘴”,让它开口“说话”。

教师利用“椭圆工具”在第二帧上补画上一张“嘴”。

设计意图:教师故意将第二帧上“嘴巴”部分漏掉,将学生思维聚焦于少量“留白处”。这既昭示两相邻关键帧之间大同小异,帮助学生直观形象地理解“关键帧”这一教学难点,同时也节约了宝贵的教学时间。

师:像这种可供直接编辑和修改内容的帧叫关键帧。通过刚才对两个关键帧修改过程的仔细观察,你能说出关键帧具有哪些基本特点吗?

生3:相邻关键帧上的内容基本一致,这在很大程度上减少了图形绘制的工作量。

生4:关键帧上的对象可以直接修改。

……

师:是的。传统动画就是将画面一幅幅全部画出来,费时费力,成本很高。由于相邻关键帧上的内容基本一致,这叫关联性,完成一帧画面后,只要对相同部分加以复制,对其中细小差异进行修改,即可完成相邻关键帧的画面内容,省时、省力又省钱。这是传统手工动画无法比拟的优势。

生5:是不是关键帧对动画起着关键性和决定性的作用?

师:不错。关键帧是动画的关键点、转折点所对应的画面,是动画中最重要的帧。关键帧中含有内容,在时间轴上用一个带黑色的小圆圈的帧来表示。

师:那怎样让QQ开口说话呢?这个魔术只需单击一个“菜单命令”便可大功告成。

教师执行“控制→测试影片”命令,一个“能说会道”的QQ动画便呈现在学生面前。

学生感叹神奇。

教师归纳“逐帧动画”制作的注意事项,为下面自主学习、小组探究埋下伏笔。如动画制作的主要步骤(板书)、“对象绘制”功能的使用、关键帧插入、对象修改技巧、图形组合、色彩搭配等等。

设计意图:通过直观的操作来揭示关键帧的功能和特点,有效突破了教学难点。提纲挈领地归纳逐帧动画制作步骤及关键技术,有利于促进学生结合个人的观察和理解主动建构知识,形成技能。教学中有意让学生阐述对教学难点的理解,既有利于激活学生的高级思维,促进学生思考的深入(如生5的提问),也便于教师及时了解学习情况。

4. 揭示任务小组探究

教师提出两个任务:先后制作“能说会道”的QQ和“谈笑风生”的QQ。

学生按既定分组(三四个人一组,小组长负责统筹和协调)自主探究,运用头脑风暴法,充分激活集体的创新思维,共同完成学习任务。各小组在制作和完善动画的过程中,教师要加强巡视、监督、管理和指导工作,为各小组成员合作与探究的正常开展提供必要支持,确保学习任务得以有效完成。

任务一:制作“能说会道”的QQ

教师利用凌波多媒体教学网络管理软件的“发送文件”功能将“练习动画”(与“教学示范动画”不同:它将第一帧与第二帧的“嘴巴”部分均去掉。学生在完成动画的过程中可以加深对“关键帧”的理解,更好地运用“逐帧动画”的制作技法)分发给每一位学生,要求学生完善该Flash动画。

任务二:制作“谈笑风生”的QQ

要求在完成上面动画基础上,再添加一个关键帧(第三帧),并在该帧上创作出“笑”的表情,让“能说会道”的QQ变成“谈笑风生”的QQ。

师(提示):此动画在整体效果上要尽可能超越上一个动画,如在图形、色彩、构图、方法、技巧等方面,要综合运用我们掌握的绘制知识和技术,带着丰富的联想去探索和表达。

设计意图:通过小组成员共同商讨、分析、比较和探究,最终成功设计出个性化作品,切实培养了学生的合作意识、探究精神和创作能力。第二个任务位于学生思维的“最近发展区”,小组成员只要稍加努力,就能顺利完成。

5. 展示交流多元评价

以学生自荐和教师选择相结合的方式,将有代表性的作品展示交流,并请学生讲解创作中的心得体会,重点讲清动画作品的创意构思以及制作中遇到的困难和解决办法。例如,第二小组在认真听取大家意见的基础上,结合自己的理解得出以下结论。

优势:本动画(图4)一是对原作品进行了突破和创新,如添加了翅膀、外衣;二是运用了较为夸张的表现手法,如笑得吐舌;三是将小动物拟人化,寄托了人与自然和谐共处的良好愿望。

不足:色彩、构图方面还欠协调;手绘功底欠佳。

设计意图:让学生讲解创作体会,不但有利于讲解者优化认知结构、提高动画制作水平,还有利于听讲者快速获得实用的间接经验。“横看成岭侧成峰,远近高低各不同。”如果以不同视角来看,任何一件作品既有所长,也有所短。因此,采用小组自评、组间互评和教师评价相结合的评价方式,能够提供较为客观的“全息式”信息,有利于小组成员肯定创作过程与动画作品中的优点,并深刻反思其不足,为后续学习提供经验指导和重要参考。

6. 角色扮演课堂延伸

师:大家知道“后舍男生”吗?

生:太熟悉了。他们运用夸张搞笑的表情和动作,“翻唱”流行歌曲,并拍了许多MV,经常惹得人大笑不已。

师:是的。他们特长就是“对口型”。今天,老师也想“翻唱”一首流行歌曲。不过,表演的主角不是我,是卡通。接下来请一位同学带领大家扮演“后舍男生”,一起“酷”一把,好不好?

生(跃跃欲试):好!

教师播放“后舍男生.fla”动画(图5),带领大家一边欣赏趣味动画,一边参与表演。

师:其实,这个动画大部分是利用今天所学的逐帧动画技术制作完成的。只要给它配上背景音乐,便可生成MV效果。如何加载声音呢?这个问题将在下一节课解决。到时,同学们可以将喜欢的声音素材,如音乐、朗诵、录音等随心所欲地加入动画中,进一步增强动画的表现力。

设计意图:教师亲自绘制的图像让学生感受Flash绘图的便捷性(少部分学生认为绘图很难),增强学习的信心和决心。教师还鼓励学生通过参与模仿“后舍男生”的角色扮演活动,使学生获得接近于直接经验的有关经验。

五、教学反思

1. 教学设计匠心独具。

本课教学设计自始至终紧紧围绕学生的学习特点和认知风格,精心设计每一个教学环节。通过观察、讨论、设计、制作、展示与表演等一系列活动,最大限度地调动学生学习的主动性和积极性,将学习变成学生动手与动脑、生活与游戏、体验与感悟的“交响曲”。给我感受最深的是,利用魔术设置悬念,以欲扬先抑的策略激发起了学生强烈的学习兴趣。学习任务的适度留白将学生注意力聚焦到教学难点上。角色扮演既让学生充分享受学习的乐趣,又引导学生真正理解本课的重点内容,让这节课变得回味无穷。

2.“学教”并重,相得益彰。

整个教学过程既发挥教师的指导、组织、监督和管理的主导作用,如介绍动画关键帧技术,有效突出重点、突破难点,为各小组成员合作与探究的正常开展提供必要的帮扶,也体现了学生的自主、探究、协作、反思的主体作用。每一位学生都参与了动画的设计、制作和测试活动。这样的教学设计注重学生体验、感悟和实践过程,潜移默化地培育和发展了学生的合作意识、创新精神和实践能力。

参考文献

[1]何克抗，李文光．教育技术学[M]．北京：北京师范大学出版社，2005：141．

[2]余长营，周桂莲，刁海军．中小学信息技术课引入教育游戏的策略探究[J]．中国电化教育，2007，(6)：90-92．

[3]贺斌．Flash8动画设计与制作实用教程[M]．南京：南京大学出版社，2008：74．

[4]贺斌．基于小组协作的“任务驱动”式教学探微[J]．甘肃联合大学学报(自然科学版)，2008，(1)：102—105．

逐帧动画 篇7

F l a s h模块教学是高一下学期选修课程教材浙教版普通高中课程标准实验教科书《多媒体技术应用》第三章第五节的内容。该教学模块是高中信息技术教学中的一部分重要内容。本文讨论的是F l a s h模块教学的第二堂课的内容。通过上一堂课学习, 学生已经了解了F l a s h 8的工作界面, 学会了使用一些常用的绘图工具进行简单的绘图, 知道了什么是关键帧、空白关键帧、帧等。

二、教学目标

知识与技能:了解逐帧动画、库, 能将图片素材导入到库并使用, 能灵活运用“编辑多个帧”按钮及“对齐工具”等。

过程与方法:探究制作两种不同形式的逐帧动画。

情感、态度与价值观:培养学生F l a s h动画制作的兴趣, 体验F l a s h软件制作逐帧动画的神奇功能。

三、教学重点、难点

重点:掌握F l a s h软件逐帧动画制作的方法。

难点:灵活运用“编辑多个帧”按钮及“对齐工具”等。

四、教学过程

1. 情境导入, 激发兴趣

师:今天, 我们来学习用F l a s h软件制作动画。我们先欣赏一段F l a s h动画作品, 请一位同学谈谈这段动画带给你的感受。

演示操作:播放F l a s h影片“小小作品3号”。

生:震撼, 太精彩了。

师:是啊, 的确精彩。那你们知道作者小小是怎么做出这段精美的动画来的吗?

生:运用F l a s h软件的动画制作技术。

师:其实, 作者主要是运用了F l a s h软件中的逐帧动画制作技术。所谓逐帧动画就是一幅一幅连续的图像或图形序列, 其中需要动作的地方做微小变化, 这是产生各种动画的基本原理。同学们想不想自己也来做一段精彩的逐帧动画呢?下面我们就来看一下如何通过逐帧动画制作技术来制作一段简单的逐帧动画。

设计意图:通过播放一段精美的F l a s h动画, 激发学生学习F l a s h的兴趣。并通过讲解该动画的制作方法从而引出逐帧动画的制作。

2. 讲授新课, 学习新知

师:逐帧动画制作一般有两种方法。其一, 直接在F l a s h的舞台上绘制所需要的图像序列。其二, 将现有图像序列导入到库后使用。首先, 我们来看一下第一种方法。

教师演示:制作“微笑的脸庞”, 保存文件、测试影片 (在保存的位置自动生成F l a s h影片文件*.s w f) 。

师:同学们看了这段动画, 觉得有没有什么问题。

生:好像变得太快了一点。

师:是啊, 是有点快。那有没有什么方法让它慢一点呢?

生:每个画面多画几帧好了, 那样就慢了。

师:对, 这位同学讲得很好, 要控制播放速度, 其实我们只要控制两个关键帧之间的间隔距离就行了。两个关键帧之间自动会有帧填满, 就好像一个画面多画了几帧。

教师演示:调整关键帧之间的间距, 保存影片、测试影片, 播放速度明显变慢。

教师演示:制作“转动的呼啦圈”。点击“文件—导入—导入到库”, 弹出“导入到库”对话框, 在对话框中找到要导入的图片文件夹, 利用鼠标拖动选中所有需要的图片文件, 单击“打开”;打开F l a s h软件窗口右侧的库面板, 将图片序列拖放至相应的帧中;保存影片、测试影片。

师:同学们觉得这个动画怎么样?

生:蛮神奇的, 但好像图像的位置不够齐, 有点跳跃感。

师:同学们观察得很仔细, 发现了这个问题。可以借助于时间轴下方的“编辑多个帧”按钮, 运用工具栏上的“对齐工具”, 将它们对齐。

教师演示:借助“编辑多个帧”按钮, 选中所有的帧, 运用工具栏上的“对齐工具”将所有帧中图像对齐。保存影片、测试影片, 问题解决。

设计意图:以教师演示的方式讲解逐帧动画的制作方法, 在演示的过程中, 通过教师提出问题, 学生发现问题, 教师解决问题的方式, 引导学生逐步深入, 从而把逐帧动画的制作方法讲透。

3. 探究任务, 合作学习

教师演示:播放作品“鸡蛋开裂”和“跳动的心”。

探究任务一:请同学们运用今天所学知识, 自己创作一个逐帧动画作品。完成后用F t p上传至F l a s h“作业1”文件夹。

探究任务二:将作业文件夹中的豹子图片序列导入库中, 完成豹子的奔跑效果。完成后用F t p上传至F l a s h“作业2”文件夹。

师:由于逐帧动画对画面逐帧地处理, 灵活性非常大, 几乎可以表现任何想表现的内容。这里给大家看两个例子, 比如说“鸡蛋开裂”、“跳动的心”。

学生开展探究活动, 教师巡视并指导。

设计意图:通过任务练习、相互合作, 巩固前面所学的知识。还展示两个F l a s h作品, 避免了学生在前面的学习中形成思维定式——以为逐帧动画就只能像教师前面演示的那样。一经展示, 学生豁然开朗, 思维变得更加活跃。

4. 展示作品, 共同提高

把学生交上来的作品在全班同学面前播放、展示。有的学生制作了猪八戒的微笑, 有的制作出了夜空中闪烁的星星, 也有的模仿小小作品制作出了简单的对战。对于精彩的作品同学们鼓掌以示鼓励;有部分作品做得不好, 同学们往往是报以哈哈大笑。

设计意图:来自同学的评价往往是学生所在意的, 这里采取的其实是一种模糊评价的方式, 与精确评价不同, 这样的评价既可以让做得好的学生感到光荣, 又不会打击那些做得不太好的学生, 反而有助于激发他们的好胜之心和学习兴趣。

5. 归纳总结

师:逐帧动画制作技术是一种运用动画的基本原理进行动画制作的一种技术。今天我们主要学习了逐帧动画的两种制作方法及一些相关工具的用法。希望同学们今后更加认真学习, 大胆实践, 创作出更多更好的精彩作品。

设计意图:点明本次学习的主题, 鼓励学生更加努力学习。

五、教学反思

一堂好课, 兴趣是关键。一个好的导入不仅能激发学生的兴趣, 还能自然地引出下面课程。我通过F l a s h影片“小小作品3号”的播放, 使学生有了自己也想做出一个类似动画的冲动, 激发了学生学习的兴趣。由于“小小作品3号”的制作主要是运用了逐帧动画制作技术, 由此我也就顺利地引出了逐帧动画的教学。

教学方式上如果采用接受式教学方式, 让学生在原样照搬中落实知识点, 会对学生探究能力、创新能力的培养产生不利的影响。这堂课我通过“微笑的脸庞”制作方法的演示, 让学生模仿制作出一个自己的逐帧动画作品;通过“转动的呼啦圈”制作方法的演示, 让学生模仿制作出豹子奔跑的效果。其实模仿是学生在作品设计过程中的一个重要手段, 它不是简单的照搬照抄, 而是在原来的基础上有所借鉴和提高。