您当前的位置:首页 >>学科教研>>信息技术>>案例集锦>>文章内容
《形状补间,让动画如此精彩》教案(常州市清潭中学陈薇)
信息时间:2010-01-15     阅读次数:

教学目标:

知识与技能:

1掌握形状补间动画的制作方法。

2.理解形状补间动画与动作补间动画的区别。

过程与方法:

1.通过看书、小组合作学习FLASH形状补间的操作。

2.通过发现问题、分析问题、解决问题的探究过程,掌握学习软件操作的一些方法。

情感态度与价值观:

1.通过对FLASH软件学习,体会探究的方法和精神。

2.通过形状补间动画的扩展练习,欣赏FLASH动画的趣味,体会FLASH软件的神奇,增加学习的兴趣。

行为与创新:

1.用学生喜欢的动画片来激发学生学习兴趣。

2.学生在做中学,自己提问,同伴和老师来解决,提升学生的主体地位。

教学重点:

1.形状补间动画的制作方法。

2.形状补间动画和动作补间动画的区别。

教学难点:

1.形状补间动画和动作补间动画在制作时的区别。

2.空白关键帧与关键帧的区别与联系。

教学方法:任务驱动法 “抛锚式”问题解决法

教学准备:

1.“喜羊羊与灰太狼”FLASH动画、动作与形状补间动画、“红太狼变美羊羊”动画、电子板书、学案。

2.机房、演播系统、投影仪。

教学过程:

一、激趣导入:

 师:大家觉得现在最流行的动画片是什么?

 生:《喜羊羊与灰太狼》、《网球王子》……

 师:很多同学喜欢看《喜羊羊与灰太狼》,下面请大家看一段《喜羊羊与灰太狼》的动画。

 师:大家说说看,这段动画可以用我们熟悉的什么软件来制作?

生:flash软件。

师:在这段动画里,红太狼看到镜子里最美的是美羊羊,她也想变成美羊羊,今天我们能不能帮她实现这个心愿呢?通过今天的学习,大家就能通过flash来实现她的心愿。

二、讲授新课:

(一)分清概念:区别“动画补间”动画和“形状补间”动画

师:在让红太狼美丽大变身之前,我们先来分清两个概念。(教师演示“动画补间”和“形状补间”动画。)

师:我们刚才看到的第一个补间动画中,改变的是小球的什么?

生:旋转动作、位置。

师:这就是我们之前学过的动画补间动画。第二个动画改变的是小球的什么?

生:形状、颜色。

师:我们叫这种补间动画为“形状补间”动画。所以,补间动画分为两种,一种叫“动画补间”,还有一种叫“形状补间”。

师:大家再看看动画补间和形状补间的这些帧的影格分别呈现什么颜色?

生:紫色和绿色。

板书:                         动画补间

 

                              形状补间

师:归纳动画补间和形状补间的区别:

动画补间动画设置的是对象的动作、位置、角度等属性,形状补间设置的是对象的形状、颜色变化、大小等属性。而且从起始帧到结束帧之间影格的颜色也不同,前者是紫色,后者是绿色。

 

(二)探究体验:尝试形成形状补间动画。

任务一:补充制作形状补间动画“红太狼变美羊羊”。

教师打开初步做好的“红太狼变美羊羊.fla”文件。

师:刚才的动画片中,红太狼最想变成的是美羊羊,老师已经在起始帧第1帧和结束帧第30帧处分别放置了“红太狼”和“美羊羊”两个动画对象,请同学们尝试一下,把这2帧之间的形状补间动画补充完整。

生:为什么我的“红太郎”不能慢慢地变成“美羊羊”?

师:可能是把“红太郎”或“美羊羊”变成元件或者是右键创建补间动画时flash自动把关键帧中的对象转化为元件。可以执行“修改”——“分离”操作,就像玩积木一样,打散了,重新组合、变形,才可以设置形状补间。这是因为形状补间的动画对象多为用工具直接绘制出的图形,或者是矢量图,而动画补间的动画对象是元件,把图形作为一个整体,所以这两者的动画对象是不同的,在设置形状补间动画的时候不可以直接右击,选择“创建补间动画”,这样会默认设为动画补间,而且会把两个关键帧中的对象自动转换为元件。(边讲边操作示范)

板书:动画补间的动画对象是元件

      形状补间的动画对象是矢量图

演示动画播放效果。

 

学习检测:

师:下面请同学们归纳一下做形状补间动画的主要步骤:

答:1、在动画的起始帧处插入关键帧,然后在起始帧场景中编辑对象。

    2、在结束帧处插入关键帧,然后在结束帧场景中编辑对象。

    3、选择起始帧,在“属性”面板的“补间”选项中选择“形状”。

 

(三)学习领悟:制作“小树的成长”动画。

任务二:绘制小树的成长过程。

师:通过刚才的学习,我们知道形状补间动画怎么生成了,下面,我们要来尝试自己制作形状补间动画了。

师:我们都说中学生是茁壮成长的小树苗,将来会长成参天大树。今天我们就通过flash来实现一下小树苗从种子到长成树木的过程。好不好?

生:好。

师:我们先看一张图片,图上是一片沙漠,如何让沙漠中长出小树来,变成沙漠绿洲呢?大家先想想看,小树的成长过程是怎样的?

生:是从种子到树苗再到小树的变化过程。

师:对的,可以通过什么补间动画来完成?

生:形状补间。

师:要设置几个关键帧?

生:三个。

师:你可以把第1帧、第20帧、第40帧设为关键帧,然后每个关键帧中放置什么内容?

生:关键帧中放置种子、树苗、小树。

师:最好要做几个图层?

生:两个。一个是背景,一个是小树。

师:好,现在大家先用刷子工具绘制种子、树苗、小树。注意,不要画太多的枝枝叶叶,要保持树的整体性。

学生操作,教师巡视。

生:为什么小树和前面的种子一起显示?

师:因为你在第1帧画好种子后,在第20帧处插入的是关键帧,这时,我们可以在第20、第40帧处插入空白关键帧,这样第20帧里就没有了第1帧的“演员”——种子,即第1帧里的种子对象不保留。同样的道理,第40帧也可以插入空白关键帧,不然你也可以在第20帧处插入关键帧,然后把种子给删除即可。

生:为什么背景只有第1帧时出现,后来就没有了?

师:请哪位高手来帮助一下。

生:要在第40帧处插入关键帧就可以了。

师:对。你可能只设置了1帧关键帧,要在第40帧(结束帧)处也插入关键帧,这样从第1帧到第40帧就全部显示背景图片了,所以说关键帧它有复制的功能。

师:空白关键帧和关键帧有什么不一样?什么时候要插入空白关键帧?什么时候插入关键帧?

   归纳:空白关键帧和关键帧的区别在于前者里面没有存放动画对象,后者存放了动画对象。要让动画对象一直显示,就要插入关键帧,如果要消除前面的关键帧的对象,则必须插入空白关键帧。

学生操作,教师巡视,解疑。

   操作要点:要在每个起始帧处,如第120帧处在“帧”的属性面板里设置补间动画类型为“形状”。

教师展示学生作品。

 

任务三:改进你制作的小树成长的动画。(选做一题)

1. 小树上除了树叶,我们还可以画出更多的东西来,如:果实、花朵等等,动脑筋想想,完善你的作品。

友情提醒:只需添加一个结束帧,如第60帧,然后再绘制树和果实、花朵。

2. 沙漠中只有一棵小树,太孤单了,如果有时间,有兴趣的同学请你试着做出多棵小树成长的动画。

友情提醒:我们可以插入多层、设置多个形状补间动画来完成这样的效果。也可以复制帧来形成多段形状补间动画。

作品展出。学生示范如何改进自己的作品,评价作品。评价注意从以下几个方面进行:

A创意,B艺术性,C颜色搭配,D动画过程等。

创意(1分)

艺术性(1分)

颜色搭配(1分)

动画过程(2分)

总分(5分)

自己:

 

 

 

 

 

同桌:

 

 

 

 

 

 

三、课堂小结:

师:今天我们共同研究了补间动画,补间动画分为两种,请问是哪两种?

生:一种是动画补间动画,另一种是形状补间动画。

师:我们还知道了他们之间的区别,是……?

生:在于前者是设置的是对象的动作、位置、角度等,后者设置的是对象的形状、颜色变化等。

生:还有动画对象不同,动画补间的动画对象是元件,形状补间的动画对象是用工具绘制的图形(矢量图)。

师:你们觉得在制作什么样的动画时适合用形状补间?

生:图形的形状、颜色的变化时。

师:在制作形状补间动画时,为了不保留前面帧里的内容,我们插入的是关键帧还是空白关键帧?

生:空白关键帧。

师:还学到了哪些本领?

生:还学会了制作较为复杂的形状补间动画,我还能够制作多个对象的动画效果。

 

四、课后作业:

请大家完成学案上的题目,并预习一下书本P158的“探究过程”,思考怎样通过影片剪辑的方法来制作多棵小树的成长过程,下节课我们来学习制作该动画。
 
附件下载:

    主办单位:常州市教育学会   苏ICP备05086717号-1
    地址:江苏省常州市紫荆西路6号   电话:0519-86695189   邮编:213016
    技术支持:常州市教育科学研究院、常州万兆网络科技有限公司    访问统计    网站管理


    打开微信扫描二维码
    关注"常州市教育科学研究院"微信订阅号