江苏省中小学教学研究室
小学信息技术
创建形状补间动画(转)2012-4-20 7:39:52
 

 

 

 

 

 

创建形状补间动画

教案

 

 

 

 

 

 

玉田三中

付云峰

 

 

 

 

创建形状补间动画

一、设计思想:

本节课本着以学生为主体、教师为主导的原则,以学生自主探究为主,教师指导为辅,特制作了学习网站。把本节课所用到的以及与本节课有关的知识都放在学习网上,采用任务驱动法,使学生自主探究,遇到不明白的问题或不会的操作到学习网上去查找解决办法,从而大大提高学生学习兴趣。培养学生自学、创新的能力。

二、媒体设计思路:

本节课采用网站学习的方式,为此学习网站设有首页、基本任务、视频资料、疑难解答、图库资料、能力提高、在线讨论、练习题、作业布置等九大板快。其中首页有关于形状补间动画的定义及实现效果,用于学生自学;基本任务作为驱动任务促使学生自主学习、合作探究;视频资料、和疑难解答为学生遇到的困难提供视频和文字的解决方法;图库资料为学生提供制作动画所需图片;能力提高作为学生提高能力的另一驱动任务;在线讨论用于学生交流学习心得、总结收获的平台;练习题用于当堂检测;作业布置布置本节课作业。总之学习网站是这节课学习的核心,它将促使学生自主学习、合作探究,并且做到当堂检测,从而为学生创造一个自主学习的平台。

三、基本说明

1、教学内容所属阶段:初中信息技术

2、年级:初中八年级

3、所用教材出版单位:河北教育出版社

4、所属的章节: 第一单元第二课第一节

5、课时: 45 分钟

四、教学设计

    1、教材地位与作用

本节课是河北教育出版社九年级信息技术第一单元第二课动画制作的第一课时“创建形状补间动画”。形状补间动画是Flash动画制作的重要内容,是Flash教学的必要环节。是学生学会Flash动画制作必须掌握的基本技能之一。

2、教材处理

通过观看孙悟空变成公鸡、房子、猪八戒、桃子这个动画,让学生知道要制作这样的动画必须学会今天这节课的知识,从而引出本节课所学习和研究的动画类型为形状补间动画。教学中所设计的综合探究任务贴近生活,能激发学生的学习兴趣。

3、内容分析:

(一)课程内容标准:

1)能够根据任务需求,熟练使用Flash工具软件加工信息,表达意图。

2)初步掌握制作形状补间动画的方法,了解形状补间动画制作流程。

(二)教学目标

知识目标:  1.位图转矢量图,掌握图片格式转换操作要领;

2.学会制作Flash形状补间动画。

能力目标:掌握制作形状补间动画的方法,培养学生丰富的想象力与创造力。

情感目标:促进学生审美能力的提高,培养学生的自主探究以及协作精神和竞争意识。

(三)重点:图象的编辑打散处理,创建形状补间动画的方法

(四)难点:文字的“分离”(即打散),外部图形的转换(位图转换为矢量图)为本节的难点

()关键:形变动画只能作用在矢量图上,所以位图变矢量图是形状变形动画创建中最重要的一步,因此位图变矢量图操作方法为本课的关键

4、学情分析:

学生通过前面的学习已经熟悉了Flash的基本知识和操作,并且能利用这些基本知识制作出简单的动画(逐帧动画)。但对于补间动画还无从下手,因为这些动画一眼看去非常复杂。教学中要注意引导,注重搭设台阶,面向全体学生,使不同层次的学生都能有所收获。

五、教学过程设计

教学环节

教师活动

学生活动

设计意图

 

 

 

 

同学们,大家都看过《西游记》吗?今天想不想再看一次呢?下面就给大家播放一老师自制的《西游记》片段

(利用多媒体网络教室播放Flash动画出示课件:即本课孙悟空变成大公鸡、房子、猪八戒和桃子的变形动画,并伴有动画片《西游记》里的主题歌——猴哥猴哥)

在这个动画中悟空经历了四次变化,分别变成了公鸡、房子、猪八戒、桃子,在Flash中要实现这样的变化就用到了我们今天要学的知识——创建形状补间动画(师板书课题)

 

 

 

 

学生认真观看

 

 

 

 

 

 

 

 

通过动画,以吸引学生注意力,激发学习兴趣,明确学习内容——形状补间动画,引出课题。

新课探究

 

共同学习

自主学习

 

 

合作探究

【自主探究】:那么什么是形状补间动画,这样的动画能达到什么样的效果?下面我们就一起打开桌面上的创建形状补间动画学习网首页阅读文章并且回答旁边的问题。看哪位同学学的又快又好。

哪位同学能回答网上所提的几个问题?

出示形状补间动画定义:

问题:

1、  什么是形状补间动画?

2、  形状补间动画所能达到的效果?

3、  形状补间动画中所用的图形有哪些?

这几位同学学习的非常认真,说的很好。

生:在一个关键帧中绘制一个图形,然后在另一个关键帧中更改该图形的形状或者绘制另一个图形,设置动作方式。这样制作的动画就是形状补间动画。

效果:形状补间动画可将一个图形通过形状、位置、大小、颜色、透明度等的变化变成另一图形

手工绘制图形、文字工具输入的文字和导入外部图形。

在学习网中找到所学任务,按要求,找出答案,知道什么是形状补间动画,从而明确形状补间动画所能达到的效果

培养学生的自学能力,为学习新知做好铺垫。

学习新知

通过刚才的学习我们知道了什么是形状补间动画,那么如何制作形状补间动画呢?下面就由老师以“圆形”变成“方形”为例来讲解制作形状补间动画的基本方法。

学生认真学习,掌握制作过程

通过教师讲解使学生知道形状补间动画的制作过程

新课探究

 

共同学习

分组创作

 

 

 

 

共同进步

刚才同学们观看了老师制作简单的形状补间动画,你学会了吗?下面我们验证一下你的学习成果,请打开学习网查找基本任务:

任务1、利用工具箱中的工具绘制简单且带有填充色的图形,制作形状补间动画;(如圆、方、三角等,也可以是动物或其它图形)

制作中如果遇到什么问题可以到学习网“疑难解答”或“视频资料”中查找解决办法或求助老师。也可以相互探讨。看哪位同学完成的又快又好。

任务2、通过导入外部图形完成形状补间动画,:孙悟空变成公鸡(查看视频), 学习网上有图片资料;

引导学生去研究出现的问题,思考为何(任务2)会实现不了动画。

同学们停一下,有一位同学遇到一个困难,看哪位同这帮他解决一下。

 

这是因为手动绘制的图形与外部导入的图形是不同的,手动绘制的图形为矢量图,外部导入的图形为位图,而在形状补间动画中,必须为矢量图。因此必须把导入的图形转化成矢量图。如何转换呢?哪位同学能给出解决办法?

找学生回答。

 

哪位同学还有什么问题?

 

 

 

师:大家想一想,他的问题出在哪?怎样解决?

 

师:非常精彩,刚才这两位同学通过自已学会了解决办法。值得我们学习。下面再给两分钟时间,继续完善自己作品。制作完成的同学可到学习网中的在线讨论栏目进行讨论。

 

学生按要求制作形状补间动画

 

在此学生会反复操作,设计自己满意的作品。

 

学生按照下列步骤完成任务1、打开FlashMX2004,单击第一帧,在舞台上画一(或导入、或文字工具写入)图形;

2、在时间轴某一帧(如:第30帧),插入空白关键帧,在舞台上画(或导入、或文字工具写入)另一图形;

3、单击该帧前的任意一帧,在属性面板中,选择“补间→形状”。

4、选择“控制→测试影片”,测试动画,保存作品。

学生在学习网上查找解决办法

学生:选中起始帧,点“修改→位图→转换位图为矢量图”,再将结束帧也进行相应的转换。

生:老师,我还有一个问题,我在第一帧绘制圆,在第30帧绘制方形,在时间轴上击右键创建补间动画,可是时间轴上却是淡紫色,测试效果也不对。

生:他的问题出在在时间轴上击右键创建补间动画,应该在属性面板中设置补间为形状。解决办法:先选中第一帧,点修改→分离,再选中最后一帧,点修改→分离就可以了。

培养学生自主探究的能力

 

 

培养学生自主操作、勤于动手的能力,尝试创新的成功与失败。

 

任务12是一组对照实验,说明手工绘制图形与外部导入图形的区别,即:矢量图与位图的区别;

 

 

 

 

 

 

 

培养学生自学的能力

 

 

 

 

培养学生自主探究,自我解决问题的能力

新课探究

 

共同学习

作品展示成果交流

转播学生作品。师生互评。

师:现在我们欣赏几位同学的作品。

师:请同学们来评价一下第1位同学的作品,你觉得这幅作品哪里精彩,哪里仍需改进?

好,这位同学观察的非常仔细,也进行了深入思考,希望其他同学向他学习。

 

 

 

如何解决呢?

办法:先删除补间。在第5帧上击右键“转换为关键帧”,就使15帧显示想同的内容。同样对结束帧也进行这样的处理。然后在第5帧与结束帧之间创建补间

学生1:我在第一帧绘制一个圆形,在第7帧绘制一个方形,然后设置补间属性。

学生评价:

动作太快,看不清楚。

解决办法:增加普通帧。

 

学生2:我在第一帧导入一张孙悟空的图片,在第30帧导入一张猪八戒的图片,把两张图片分别转换后设置补间属性。

学生评价:

他做的很成功,第一帧与最后一帧停顿的时间很短,没看清楚,能否使他们多停留一会

教师选择部分有代表性的作品进行展示,并分别从动画创意、使用技术、动画效果等展开师生互评。培养学生分析判断、及口头表达能力

使学生学会欣赏别人的优点,弥补自己的不足。

归纳总结体验成功

师:同学们的表现都很出色,在制作过程中都能很好的解决自己遇到的困难,下面我们进行在线讨论,总结一下制作形状补间动画时需注意的事项。

 

教师展示:

形状补间动画好,动画设计离不了,首尾两个关键帧,设置补间为形状,文字工具需打散,外部图片要转换,手动绘图不用管,补间形状最关键。

1、  我在制作34过程中没有成功,通过在学习网中学习知道文字工具输入的文字必须经过分离才能成功。文字工具输入的内容需要分离(打散);

2、  外部导入的图形需要将位图转换成矢量图;

手工绘制的图形如果有外边框,将其删除效果更好。

培养学生口头表达、归纳总结、逻辑思维能力

自主探究挑战自我

同学们在刚才的学习中表现的都很出色,完成高一级的任务,打学习网的能力提高栏目,选择一个任务完成。

如有困难学习网中有解决办法。

好了,下面交流心得。在制作过程中你遇到了哪些问题,你是如何解决的?

学生登录学习网查找能力提高中的任务,按要求完成作品

 

 

本环节通过完成任务来加深对形状补间动画的理解,巩固学习成果。

教学总结

同学们,通过这节课的学习,你有哪些收获

1、学会了制作形状补间动画。

2、学会了位图转换成矢量图,通常导入的图片都是位图,要做形状补间动画必须将位图转换成矢量图,手工绘制的图形本身就是矢量图,不需转换;文字工具输入的文字需要分离。

归纳总结:你掌握了什么知识?有什么收获?还有哪些不足?

归纳总结本节课的学习内容。

当堂

检测

一、选择题:

1、要使用外部图片创建形状补间动画时,必须先将它们(  

A、组合    B、转换位图为矢量图    C、对齐    D、变形

2、形状补间动画中,当第一个关键帧制作完成后,需要制作第二个关键帧,应在后面某一帧中( ),对它的描述下列错误的是:
A
、插入空白关键帧      B、转换为关键帧      C、转换为空白关键帧

3、创建形状补间动画时,应(   

A、选中起始帧,在属性面板中设置补间形状

B、在时间轴上直接击右键创建补间动画

C、以上都不用

答案:1B2B3A

二、判断题

1、在形状补间动画创建成功时,在时间轴上会显示一条淡紫色背景加长箭头。(  

2、在改变一个矢量图形的形状、颜色、位置,或一个矢量图变形成为另一个矢量图的过程中,可以使用形状补间动画。(  

3、在创建形状补间动画时,选中结束帧在属性面板中设置“补间”为“形状”即可完成。( 

4、通常导入的图片都是位图,要做形状补间动画必须将位图转换成矢量图( 

答案:1、×;2、√;3、×;4、√

拓展延伸

同学们,通过这节课的学习,相信大家都已经掌握了制作形状补间动画,孙悟空在你的手下能变化多少次?(生:无数次)说的真好,我们手中的孙悟空能变化无数次,下节课让我们充分发挥自己丰富的想象力,将你的孙悟空形象变化的千姿百态,多种多样!

作业

1、 利用文字工具输入文字,将文字信息变成技术

提示:制作两层,在第一层上制作由变成;第二层上制作由变成

一、定义

关键帧 关键帧

二、步骤

1、  第一帧绘制图形;

2、  插入空白关键帧,绘制另一图形;

3、  在属性面板设置“补间  形状”。

六、板书设计

 

 

 

 

 

 

七、教学结构流程图:

最新评论
发表评论
您需要登录后才能发表评论,如您已经登录,请刷新页面。
空间信息
hushaoye
  • 开通:2011-6-22 16:40:35
  • 浏览:
  • 博文:
  • 图片:
  • 收藏:
  • 资源:
  • 视频:
  • 留言:
最近访客