《孙悟空变变变》教学设计
尚义县新兴街小学 秦素玲
一、教材分析：
《孙悟空变变变》是河北教育出版社出版的小学信息技术教材第三册第6课内容，教学对象为小学五年级学生。本课是以孙悟空七十二变为实例，介绍了Flash形状补间动画的制作方法。使学生学会位图转成矢量图，掌握图片格式转换操作的要领，学会Flash形状补间动画的制作。教材中设计了孙悟空变形成公鸡、房子、猪八戒和桃子四个活动。引导学生将孙悟空、公鸡、猪八戒、桃子、房子等图片格式转化为矢量图，对比图片转化前后的不同（转化后图片由许多小方格组成）。删除图片背景，并使用橡皮擦除掉与主体形象无关的部分。按照教材中的步骤制作孙悟空变形效果，趣味性强。旨在使学生掌握形状补间动画制作的方法，为学生进行创造性地创作提供较为完整的知识架构，为学生的“学以致用”提供良好的展示空间。
二、教学分析：
㈠三维教学目标
1、知识目标：
⑴位图转矢量图，掌握图片格式转换操作要领；
⑵学会制作Flash形状补间动画；
⑶知道形状补间动画与动作补间动画的区别。
2、能力目标：
⑴ 通过自我探索，协作学习，培养学生小组合作解决问题的能力以及利用网络获取知识等综合处理信息的能力。
⑵ 通过创作，掌握形状补间动画的方法，培养学生丰富的想象力与创造力。
3、情感目标：
⑴ 通过具体创作，让学生自我展示、自我激励、体验成功，在不断尝试中激发求知欲，在不断摸索中陶冶情操，促进学生审美能力的提高。
⑵培养学生的时间观念以及协作精神和竞争意识，并对学生进行爱国主义教育。
㈡教学重点、难点和研究问题：
1、教学重点：本课的教学重点是制作形状补间动画。
2、教学难点：难点是在自主探究中掌握创作形状补间动画的方法。
3、研究问题：在创作形状补间动画中进行自主探究学习的有效性的研究。
三、学情分析：
1、在学习本课内容之前，学生已经掌握了较多的形状补间动画的基础知识，具有了一定的信息的获取和处理能力 。
2、部分学生接受能力较差，对新知识的理解和掌握存在一定困难。
四、教法阐述
对于新的FLASH应用软件，关键在于激发学生的学习兴趣，对学习对象迅速产生亲近感，本课主要采取“情境法”、“教师演示法”、“任务驱动法”等教学方法。注重从分调动学生的学习积极性和自主学习能力，变被动接受位主动获取，力促课堂教学在生动有趣、愉悦的气氛中展开。
五、学法指导
建构主义理论强调以学生的自主建构为核心，便学生为知识的灌输对象为学习活动的主体。本课通过自主探索，小组讨论，协作交流等方式，帮助学生在不断探索，不断交流、不断评价中自然达成学习目标，改善学习方法，转变学习方式，提高学习能力。
六、教学媒体及课时设计：
1、在服务器上发布资源，多媒体网络教室；有关西游记的歌曲。
2、教学课件：自制《西游记》西游记范例作品一个
自制《孙悟空变变变》专题教学网站一个
3、教学课时设计：1—2课时
七、教学方法设计：
整个课堂以“创新、开放、自主、协作”为教学指导思想；以一个个活动和任务为载体；重在培养学生自主探究能力和综合处理信息的能力。让学生在教师的引导下，通过思考和自主实践去完成任务，从中发现问题，获取知识，提高实践能力。 具体任务设计及教学思路如下：
1、创设情境，激情导入。（课件播放《西游记》动画片断，让学生在欣赏中感受，从而激发学生创作欲望和学习兴趣，从而自然引入课题。）
2、搜集资料，整理共享。（学生自己搜集资料结合教师上传孙悟空等图片让学生整理共享）
3、自主探索，勇闯难关（每个环节通过创设故事情节，以任务驱动为主线，以学生为主体，让学生在“自学—尝试”的实践中逐步击破各个知识点）
4、展示交流，综合评价。（充分利用合作交流法，引导学生在“展示—交流—评价”的过程中欣赏美，并从中学到更多的知识，以取长补短，进而尝试解决问题）
5、巩固提高，交流心得（让学生在交流学习中展示自我，达到融会汇通知识的目的）
6、课外拓展，知识延伸（拓宽学生视野，同时对学生进行审美教育，并延伸到课外。）
八、 教学过程设计及分析：
㈠创设情境，激情引入
1、听说同学们知识非常丰富，老师想考考大家，你们敢接受挑战吗？（生：敢利用挑战的方式，激发学生勇敢的斗志。）
2、欣赏一首歌曲，告诉老师这是哪部动画片中的歌曲，你最喜欢动画片中的哪位角色，并说说你喜欢的理由？（学生欣赏歌曲）（生随动画片而唱主题歌）
（设计思路：播放歌曲调动了学生学习积极性和主动性，为本课教学作好了铺垫。）
3、因势利导，老师也非常喜欢孙悟空，因为他面对妖怪英勇无畏，面对困难时又坚韧不拔，施展他的七十二变本领，最后成功取得真经，并被封为斗战胜佛。对于这个了不起的人物，大家想不想再看一次《西游记》？（讲述故事情节更激发学生挑战的勇气。）
4、好吧，今天老师就给大家播放一段老师自制的《西游记》片段。
5、出示课件：利用多媒体网络教室播放Flash动画，即本课孙悟空变成大公鸡、房子、猪八戒和桃子的变形动画，并伴有动画片《西游记》里的主题歌）（学生欣赏动画，利用动画的直观性和形象性让学生在欣赏中孙悟空变化的动画创作产生兴趣和好奇心，从而激起学生创作欲望。）
6、好了，动画看完了，谁能说一下今天看的动画片与前几节课我们做过的动画有什么异同？（生：都会动，只不过以前做的是元件从这个位置跑到另一个位置，而今天的孙悟空不但会跑还会变成其它的动物。）
7、大家想不想自己也做出这个小动画？（生：想）
8、那好，今天就让老师和大家一起来学习《孙悟空变变变》。
板书课题：孙悟空变变变
㈡上传图片资源共享
1、你们课前将搜集到的本课用到的图片上传到教师机上。（生搜集资料）
2、教师收集整理学生上传的资料及自己课前准备形态各异的图像素材（包括孙悟空、猪八戒、大公鸡等本课用到的图片）。（设计思路：培养学生的动手实践能力，锻炼学生信息工具利用的能力。）
3、教师将这些资料发送给学生。（学生在指定文件夹下查找图片）
4、请同学们在我的文档下查找，名字为《孙悟空变变变》。
（设计思路：让学生熟悉资料所存放位置，方便利用。）
㈢自主探索，勇闯难关
A、勇闯第一关：——位图转换成矢量图，制作“孙悟空”矢量图。
1、在学新内容前老师问大家一个小问题：“制作动作补间动画的关键是什么？”（生共答：插入关键帧）
那么今天要学的《孙悟空变变变》是孙悟空变成了其它的动物，也就是形状发生了变化，我们叫它为形状补间动画[板书]。请同学们根据你刚才看到的和书上预习的说一下什么叫形状补间动画，根据学生回答，师总结并板书
（形状补间动画就是由一种形状逐渐变为另一种形状的动画）它的关键是：插入空白关键帧[板书]
2、下面就请大家自学一下课本29页“我来做”，并在自己的电脑上按书中提示亲手做一下，有问题请随时找我，大家快动手吧，给大家5分钟时间，（老师提醒学生：图片发送到每位学生机上的“我的文档中文件名为《变形图片》），同学们，做时要注意导入图片后要调整图片大小，调整为适合版面的大小并转换位图为矢量图。
找一名学生到老师机演示并讲解自己的做法。（师给予鼓励）
3、师：大屏幕出示为学生明确任务及方法（位图转换成矢量图的方法：1、将图层1命名为“变形”。导入“孙悟空”图片，调整图片到舞台中间位置。2、选中“孙悟空”图片，选择“修改—转换位图为矢量图”，使用“箭头工具”，单击图片背景，按delete键删除，保留孙悟空的主体形象。）
（设计思路：在教师巧妙的引导下，使学生的探究学习不迷失方向，避免出现探究的盲目性。）
4、学生自主学习完成“勇闯第一关”
（设计思路：因学生可以选择自己喜欢的孙悟空图片进行导入制作，这样使课堂教学避免了单一性，提高了学生的兴趣。）
5、小组简单交流，教师恰当鼓励
（设计思路：因这部分内容比较简单，主要采取自主学习的方式，为学生树立信心，培养学生认真仔细读要求和独立解决问题的能力。事实证明根据第一关要求，学生积极性高涨，大部分学生能独立完成出色，个别需通过小组内对员提示帮助过关。）
B、勇闯第二关：——制作孙悟空首次变形成公鸡并变回原型效果
1、布置学习任务，勇闯第二关
（设计思路：设计闯关游戏，是为了让每个学生都有任务驱动，从而学生在分组竞争中，兴趣更强烈，互助意识也得以提高。）
2、师：孙悟空大闹天空，玉帝派二朗神捉拿孙悟空，在众多的神仙捉拿下，他变成了一只公鸡。
（设计思路：这部分内容比较简单，主要采取自主学习的方式，为学生树立信心，培养学生认真仔细读要求和独立解决问题的能力。）
3、布置学习任务，现在我们就帮他变一下吧，请大家自学P30的“我来做”这部分。（待学生充分了解第二关要求后，适时引导、点拨学生自主完成“第二关”的第一任务——孙悟空变为公鸡效果）
4、要认真仔细的读要求，反复的推敲，然后按步骤完成，遇到困难时再仔细读读，答案就在里面。好了，开始闯关吧！（学生互相合作，进入观察尝试活动。）
5、学生自主学习完成（教师提供图片资源库）
6、简单交流，恰当鼓励
（设计思路：这部分内容比较简单，主要采取自主学习的方式，为学生树立信心，培养学生认真仔细读要求和独立解决问题的能力。）
7、概念引出：刚才我们完成了孙悟空变公鸡又变回孙悟空的动画，像这种由一种形状逐渐变为另一种形状的动画我们叫它为形状补间动画.
8、板书：形状补间动画
C、布置任务，勇闯第三关：——制作孙悟空变形成房子的动画。
1、同学们真棒。第二关居然没有难倒我们，可是二朗神君的第三只眼睛一下子就认出来了，他变成了一只鹰，孙悟空一见不好，迅速变成了房子，现在老师宣布：挑战第三关开始！
（设计思路：充分发挥教师语言的魅力和导向作用，让学生充满自信完成任务。在“任务驱动”下学生积极主动探索尝试，使课堂变为研究性课堂，从而使部分学生的创新意识充分展示出来。）
2、学生自主完成（学生自主闯关游戏开始）
3、学生演示，全班交流，恰当鼓励。（学生分组上台表演交流学习所获，并评价学生展示结果。）
（设计思路：由于个体差异，个别同学能自主完成，为调动积极性让其为同学示范讲解，使之带动小组和全班共同完成，这样全面调动了孩子的积极性，充分体现学生的主体性，培养学生的各方面能力。）
D、勇闯第四关：——制作孙悟空变成猪八戒的动画。
1、第三关居然没有难倒我们，可是二朗神君的第三只眼睛一下子又认出来了，他变成火要烧房子，孙悟空一见不好，迅速变成了猪八戒，当时猪八戒是天篷元帅，这下可好了，天兵们怎么也认不出。现在老师宣布：挑战第四关开始！（学生听故事陈述）
2、学生自主尝试完成“勇闯第四关”。（学生在情感激励下愉快地开始进行创新性的创作。）
3、教师讲解示范“勇闯第四关”。（以专题网站“勇闯第四关”中的“重点提示”；引导学生突破学习难关。）
4、小组内互相合作完成“勇闯第四关”任务。教师巡视指导
5、展示交流：针对学生自己认为满意的作品及教师巡视中看到的好的作品结合课程时间情况展示2-4人作品，激励各组队员努力。（学生互相交流活动，发挥团队协作精神，取长补短。）
（设计思路：在制作中根据学生的个性差异会出现这样那样的困难，因此安排了交流展示，既是对完成好的同学的鼓励，又能够充分调动没有及时完成动画制作的学生学习的积极性和竞争能力，互帮互助，最终完成任务。）
6、引导学生归纳：创建形状补间动画必须使用图形，而不能使用元件。（及时板书）
E、勇闯第五关：——孙悟空变化桃子形象的动画。
1、第四关居然没有难倒我们，可是二朗神君的第三只眼睛一下子又认出来了，他一个劲喊：屁股红的是猴子，孙悟空一见不好，正好前面有一棵桃树，他迅速变成了桃子，当树上全是桃子，二朗神君看了半天，怎么也找不到他。现在老师宣布：挑战第五关开始，帮肋孙悟空渡过难关。（学生聆听故事情节，并在学生在教师的情感激励下作好闯关的准备。）
2、学生自主尝试完成“勇闯第五关”。（学生自主尝试闯关活动）
（设计思路：教师提示学生观看专题网站“勇闯第五关”中的“重点提示”；此外教师巡视指导，针对问题及时解答指导。）
3、教师讲解示范“勇闯第五关”。
（设计思路：教师进行示范性操作，增强综合运用知识的能力。）
4、学生完成“勇闯第五关”任务。(教师巡视指导, 学生协作探究，小组合作学习)
F、勇闯第六关——保留孙悟空变化出的公鸡、房子、猪八戒和桃子形象。
1、保留形象：插入新的图层，命名为“形象”，使孙悟空变过的形象保留在屏幕上。（让学生根据P31我来做，小组合作完成，有问题可向老师或同学请教）
2、这节中,教师完全放手,学生自主学习完成“勇闯第六关”任务。
3、教师在巡视中,对完成较好的作品及时点评,并亲自为同学演示成果,充分鼓励。
㈣展示交流，综合评价
1、总结交流：请大家整理一下自己的思路，由小组推出代表，陈述小组的设计思想及应用的主要技术手段及其操作过程中的心得并演示该作品，然后各组打分，每小组代表说出作品中值得借鉴的地主和需要改进的建议，然后老师根据学生回答总结本节课的知识点。最后评出做的最快，布局最美观合理的作品，送一面小红旗。（生自动鼓掌）
2、同学们制作的动画都很好，现在咱们分组评一评每位同学的作品，请每组选出一个优秀作品。（分为3—5组，学生评选每组中的优秀作品。）
3、针对学生自己认为满意的作品及教师巡视中看到的好的作品结合课程时间情况展示3-5人作品，并且评选出一、二、三等奖，充分鼓励和奖励。（学生欣赏交流，并进行综合评价。）
（设计思路：通过奖励机制激发学生的学习兴趣、学习主动性和培养竞争意识，为今后信息技术课的教学提供了良好的学习环境。）
㈤巩固提高，交流心得
1、通过刚才的学习，你有什么学习心得或收获，说出来我们共同分享？
2、动作补间动画和形状补间动画有什么相同点和不同点？根据本节课所学结合前面的学习请同学们互相交流。
3、课件展示制作心得，以验证学生交流结果。
（设计思路：这既是对全课的回顾，又是对教师充分了解学生的学习效果的反馈。）
㈥课外拓展，知识延伸
1、同学们，通过这节课的学习，相信大家都已经掌握了孙悟空变化的本领，你的孙悟空能变化多少次？（生：无数次）
2、说的真好，我们手中的孙悟空能变化无数次，下节课让我们充分发挥自己丰富的想象力，收集美丽图片,将你的孙悟空形象变化的千姿百态，多种多样，变自己想变的东西吧!（需要什么可到网上去查）
3、（几分钟后）哦，大家快停一下，老师让你们看二组同学的作品。（展播作品）孙悟空变成了神州七号，请组代表说一下你们为什么让孙悟空变成了神七？（本组代表：因为孙悟空是传说中的英雄，一个筋头云十万八千里，能上天，我们的神七也能上天飞翔，所以我们让他变成了神七）（大家鼓掌）
4、说的很好，看来这两位同学很关心国家大家，也很注意收集生活中的信息，神七的上天是我们每一位中国人的骄傲，中国未来的天空要靠你们去翱翔，大家努力吧！你们将是未来的更有本领的“孙悟空”！课下多收集神七相关的知识吧！（伴着《西游记》插曲（敢问路在何方结课（结课课件））
（设计思路：对学生进行情感态度的教育，为学生创造更广阔的自由空间。）
九、板书设计
十、教学反思
在课堂中，学生的学习兴趣比较高，但是从学生上机操作的效果来看，只有个别学生能够按照书中的步骤进行制作并完成。大部分学生制作起来都很费力，无法按时完成。主要原因是制作Flash动画对小学生来说还是很困难的，不可能在一两节课的时间内就完成一个动画，需要较长时间的练习才能逐步掌握。
另外，学生信息技术水平的提高，单凭每周一节信息课是远远不够的，需要经常性的学习和应用。从上机效果来看，家里有电脑的学生由于使用电脑的机会较多基础较好，完成作品较快，学习的速度也快。
本课结束后，发现孩子们的想象是无可限量的，他们的答案也有独特之处，孩子们有自己看世界的眼光，我们信息技术教师在今后的课堂中，因更多的放手，给他们创造更广阔的自由空间。
板书设计：
孙悟空变变变
形状补间动画 （用图形不用元件）
插入空白关键帧转换位图为矢量图
在【转换位图为矢量图】对话框中，最上面的【颜色阈值】是指位图中相邻的两个像素进行比较后，如果它们在RGB颜色值上的差异低于该颜色阈值，则两个像素被认为是同一种颜色。可以输入一个介于 0 和 500 之间的整数值。如果增大了该阈值，则意味着降低了颜色的数量，输入的数值越小，转换后的颜色也就越多，但是转化的速度也就越慢。【最小范围】用于设置在指定像素颜色时要考虑的周围像素的数量。可以输入一个介于 1 和 1000 之间的整数值，数值越小效果也越清晰，但是转换的速度也越慢。【曲线拟合】在下拉列表中选择一个选项，用于确定图形轮廓的平滑程度。在【角阈值】中可选择一个选项，以确定是保留锐边还是进行平滑处理。
总之，使用的是较底设置结果更接近原始图像，文件相对来说也越大，使用较高设置图像更为扭曲，但是文件相对比较小。可以多尝试【转换位图为矢量图】对话框中的各种设置，找出文件大小和图像品质之间的最佳平衡点。设置【颜色阈值】为100，【最小区域】为8像素，单击【确定】。
说明：将位图转换为矢量图形后，矢量图形不再链接到【库】面板中的位图元件。如果导入的位图包含复杂的形状和许多颜色，则转换后的矢量图形的文件大小会比原来的位图文件大。形状补间动画的建立需要2个条件
1.起始帧和结束帧都必须是关键帧。
2.形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化（注意是两个“图形”之间）。图形就是矢量图，如果哪一帧上的东西是个位图或者是用文本工具敲上去的文字，需要先把它“分离（打散）”了。元件库里有图形、按钮和影片剪辑，要想拖到关键帧上建立形状补间，也需要打散。位图和矢量图
位图和矢量图是计算机图形中的两大概念，这两种图形都被广泛应用到出版，印刷，互联网[如flash和svg]等各个方面，他们各有优缺点，两者各自的好处几乎是无法相互替代的，所以，长久以来，矢量跟位图在应用中一直是平分秋色。
位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。构成位图的最小单位是象素，位图就是由象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个象素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。举个例子来说，位图图像就好比在巨大的沙盘上画好的画，当你从远处看的时候，画面细腻多彩，但是当你靠的非常近的时候，你就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化颜色。
矢量图[vector]，也叫做向量图，简单的说，就是缩放不失真的图像格式。矢量图是通过多个对象的组合生成的，对其中的每一个对象的纪录方式，都是以数学函数来实现的，也就是说，矢量图实际上并不是象位图那样纪录画面上每一点的信息，而是纪录了元素形状及颜色的算法，当你打开一付矢量图的时候，软件对图形象对应的函数进行运算，将运算结果[图形的形状和颜色]显示给你看。无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同[不失真]。举例来说，矢量图就好比画在质量非常好的橡胶膜上的图，不管对橡胶膜怎样的常宽等比成倍拉伸，画面依然清晰，不管你离得多么近去看，也不会看到图形的最小单位。
位图的好处是，色彩变化丰富，编辑上，可以改变任何形状的区域的色彩显示效果，相应的，要实现的效果越复杂，需要的象素数越多，图像文件的大小[长宽]和体积[存储空间]越大。
矢量的好处是，轮廓的形状更容易修改和控制，但是对于单独的对象，色彩上变化的实现不如位图来的方便直接。另外，支持矢量格式的应用程序也远远没有支持位图的多，很多矢量图形都需要专门设计的程序才能打开浏览和编辑。知识小结
一、创建变形动画效果时必须使用图形，使用元件不能创建形状补间效果。
二、形状补间动物与动作补间动画之间的区别
1.概念区别
（1）形状补间动画的概念
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
（2）动作补间动画的概念
在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。
2.构成元素的区别
（1）构成形状补间动画的元素
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。
（2）构成动作补间动画的元素
构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
3.在时间轴面板上显示的区别
（1）形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
（2）动作补间动画在时间帧面板上的表现
动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。
（4）形状补间动画和动作补间动画的区别
形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。
区别之处 动作补间动画 形状补间动画
在时间轴上的表现 淡紫色背景加长箭头 淡绿色背景加长箭头
组成元素 影片剪辑、图形元件、按钮、文字、位图等 形状，如果使用图形元件、按钮、文字，则必先打散再变形。
完成的作用 实现一个元件的大小、位置、颜色、透明等的变化。 实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。附件3
优秀基础教育资源推荐表
河北省（区、市） 编号：
资源类型 √□知识点教学类 名称 孙悟空变变变 文件名 《孙悟空变变变》课件
学科 信息技术 版本 河北教育出版社
年级 五年级 知识点 位图转矢量图，制作Flash形状补间动画
□ 专题教育类 名称 文件名
媒体类型 □√网页 □视频 □音频 □√动画 □课件 □√文本 □√图片 □其他（请注明）：
推荐理由 □补充 □√更优 □创新应用
资源描述及特色 本课件主要包括以下九大部分：⑴歌曲引入；⑵动画激趣；⑶图片集锦；⑷勇闯难关；⑸教学设计；⑹设计思路；⑺巩固提高；⑻拓展延伸。该课件是网页课件，其主界面为按钮导航式，单击主界面的各按钮，你将进入相应板块进行交互学习，封面中的背景音乐在播放前可随时打开或关闭。其中勇闯难关本课的重点,分为6个模块进行步骤演示和重点提示，演示生动详细,更深入地引导学生进行探究性学习。更为值得欣赏的是本课件有详细的教学设计及教学思路，既方便教学备课用，又适合学生自主学习。
著作单位 名 称 尚义县新兴街小学 联系人 秦素玲
联系地址 河北省张家口市尚义县新兴街小学 电 话 0313-8580308
推荐部门意见 推荐部门盖章年 月 日
注：可另附纸。
