形状补间动画”教学设计
- 格式：doc
- 大小：67.00 KB
- 文档页数：39
1 形状补间动画”教学设计
第一篇：形状补间动画”教学设计
情景导入 形状补间动画
教师播放一段自制的Flash补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。
师：(过渡语)同学们，我们上节课已经学习了动画补间动画的知识，那么，在播放的这段flash动画中，骑着笤帚的小巫师在做动画补间动画，这时有的同学已经看到了：狗变成了蚂蚁，鸟变成了兔子；那么这是怎么回事呢？这就是我们今天将要学习的新内容—“形状补间动画”，学会了形状补间动画，你就拥有了哈利波特的魔棒，想怎么变就怎么变！ 教学目标
一、知识与技能：
1、理解形状补间动画的概念，掌握其制作方法；
2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；
3、认识形状补间动画与动画补间动画的区别
二、过程与方法：
通过自主探究、任务驱动，发现问题、解决问题，来掌握形 2 状补间动画的制作方法。 通过利用所学知识制作FLASH动画卡片，提高学生综合应用能力
三、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。 教学重难点 重点：形状补间动画的制作方法；形状补间动画与动画补间动画的区别；掌握位图矢量化方法
难点：形状补间动画的制作方法；形状补间动画与动画补间动画的区别；了解图片矢量化的原因
教学方法及教学手段分析
一、教学方法：引导法、演示法、任务驱动法、师生互动
二、教学手段
1、任务素材、多媒体教学网络、flash板书课件
2、学生通过FTP：\172.18.9.66远程服务 或极域网络提交作业
3、学生达标自评结果的提交利用excel引用与网络结合方法收集 教学过程与设计意图 情景导入
教师播放一段自制的Flash补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。师：(过渡语)同学们，我们上节课已经学习了动画补间动画的知识，那么，在播放的这段flash动画中，骑着笤帚的小 3 巫师在做动画补间动画，这时有的同学已经看
狗变成了蚂蚁，鸟变成了兔子；那么这是怎么回事呢？这就是我们今天将要学习的新内容—“形状补间动画”，学会了形状补间动画，你就拥有了哈利波特的魔棒，想怎么变就怎么变！ 师：(过渡语) 那么，现在就请同学们跟我去认识一下什么是“形状补间动画”；(板书) 形状补间动画的概念:使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。
师：(过渡语) 了解了概念以后，我们一起来制作一个简单的形状补间动画。
（讲解） 以“椭圆—三角形—圆”为例简单讲授制作过程。(提示) flash中绘制的图不需要转化为元件，因为它要发生形状的变化。教师在讲授 “椭圆—三角形”时，讲正确方法；在讲授“三角形—圆” 时故意犯错；
设计意图：让学生对形状补间动画的制作过程有系统的认识，故意放错可以让学生记忆
加深，学生对老师的错误会记得很劳。
师： (过渡语) 下面请同学们完成练习一与练习二。
生： 完成达标练习一：实现图形—图形间的形状补间动画，并以“自己的姓名”1.fla保存在E盘。(形状可以自选)：建 4 议：制作圆——> 矩形 画。
(制作五角星提示)：点击工具箱中
——>五角星间的形状补间 动
选择“多角星形工具”，然后打开“窗口”菜单“属性”面板，点击“选项”，修改“工具设置”属性对话框。
设计意图：让学生掌握基本得形状补间动画制作方法。
生： 完成达标练习二： 实现图片与文字间的形状补间动画，并导出影片并以“自己的 姓名”2.swf保存在E盘。
(疑难帮助):查看FLASH菜单栏：“帮助”->“使用 Flash创建动画 ” ->“关于补间动画”
(导出影片提示)：“文件”菜单——导出——导出影片
1、文字与文字间形状补间动画：
建议：“南京四中”变成“欢迎您！” (请第1组同学做本练习)
2、文字与图片间形状补间动画：
A、文字“圣诞快乐”变成 “圣诞树” 图片：(请第2组同学做本练习)
、图片“孙悟空”变成“孙悟空七十二变” 文字：(请第3组同学做本练习) 5 3、图片与图片间形状补间动画：“盛开的小花” (请第4组同学做本练习) (任务
2、3素材位置：我的电脑/E盘/形状补间动画素材) (导入图片提示)：
1、打开“文件”菜单—“导入”—“导入到库”，选择文件并打开；
2、打开：“窗口”菜单—“库”面板，将需要的对象拖到舞台。
师： 请两位学生演示自己的作品：问题作品：孙悟空七十二变” ；优秀作品：圣诞快乐 排难解疑：
师： (过渡语) 在完成练习二时，很多同学都碰到了问题： 问题
1、文字、图片的形状补间动画无法实现？(解难)： 教师以“灯笼”图片变成“元旦快乐”文字为例讲解文字必须分离打散。
图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。
问题2：位图为何要矢量化？(解难): 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描 6 述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。
师：(过渡语) 那么此时同学们是否思考过制作形状补间动画的关键点是什么？
(板书) 形状补间动画制作的关键点
1、插入的帧为空白关键帧
2、首帧与尾帧的对象必须为点状的矢量图
3、补间的实现动作不能放在尾帧上
设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。 学生自评生： 学生完成练习二以后，打开桌面的“机号.xls”EXCEL文件达标自评，完成自评后保存、提交。 师： 利用excel表格与网络结合方法收集学生的提交结果，将自评结果自动展示在大屏幕上，并随着自评完成情况不断更新数据。生： 完成综合练习：制作一张flash动画卡片,以“自己的姓名”3.swf导出，并保
存在E盘。(请在下列三个素材中选择其一制作，内容形式自定。
建议
1、在你的卡片中至少有2个对象分别在2个图层中完成形状补间动画，来实现形状补间动画。 7 2、在你的卡片中出现文字。
3、在你的卡片中含有完成动画补间动画的图层，来实现对象的移动。
素材：
1、孙悟空七十二变；
2、哈利波特魔棒变变变；
3、绿色家园 师 (点评) 展示一副问题作品，并请学生排疑解难。 排疑解难：问题
1、多个对象同时发生形变怎么处理？
问题
2、如何让最后的动作能停顿一会？问题
3、让文字只在需要的地方出现？ 师 (展示) 教师再展示几副优秀作品
小结 师 (提问) 形状补间和动作补间的区别？ 请学生回答，然后教师总结。(教师用FLASH板书)
生：继续完成综合练习衔接延续
(过渡语) 我们制作的动画电子卡片已经基本完成，那么如何为它添加音乐背景，如何让形状补间动画更加逼真，如何制作一副连续的、完整的动画作品，这就是我们下一节课将要 8 学的内容。
教学评课 成功之处
本节课素材新颖；教学设计合理，引入及整个教学过程都充满了浓郁的趣味；很好地激发了学生的学习兴趣，调动了学生的学习积极性；教学设计以探究式教学模式进行，在教师引导下，由浅入深，让学生自己探究学习，发现问题，解决问题；整节课材料准备非常充分，师生互动效果好，且每个练习设有排难解疑，适合初中生学习思路，最后设置衔接延续，能很好地贴近学生学习思路。教学评价利用EXAEL软件，与网络提交设置的教学自评比较新颖、实用、简单。
第二篇：形状补间动画教学设计
第四节 形状补间动画
一、教学内容
本节课的教学内容为形状补间动画制作，利用形状补间动画制作一段动画送给父母。
二、教学目标
1、知识与技能：
（1）理解形状补间动画的概念，掌握其制作方法；
（2）掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化； 9 2、过程与方法：
通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。
3、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。
三、教学重点
形状补间动画的制作方法；形状补间动画与动画补间动画的区别； 掌握位图矢量化方法
四、教学难点
形状补间动画的制作方法；形状补间动画与动画补间动画的区别； 了解图片矢量化的原因
五、教师教法
引导法、演示法、任务驱动法、师生互动
六、学生学法 练习法
七、教学准备
动画素材，课本，软件等
八、课时安排 1课时
九、教学过程
1、情景导入 10 教师播放一段自制的Flash补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。
师：(过渡语) 同学们，我们上节课已经学习了动画补间动画的知识，那么，在播放的这段flash动画中，骑着笤帚的小巫师在做动画补间动画，这时有的同学已经看到了：狗变成了蚂蚁，鸟变成了兔子；那么这是怎么回事呢？这就是我们今天将要学习的新内容—“形状补间动画”，学会了形状补间动画，你就拥有了哈利波特的魔棒，想怎么变就怎么变！
设计意图：激发学生的学习兴趣 讲授新课，师生互动
师：(过渡语) 那么，现在就请同学们跟我去认识一下什么是“形状补间动画”；
(板书) 形状补间动画的概念:使一个对象逐渐变成另一个对象，实现两个对象间(颜
色、位置、大小、形状)的平滑过渡。 设计意图：让学生有概念认识
师：(过渡语) 了解了概念以后，我们一起来制作一个简单的形状补间动画。 （讲解） 以“我爱我家动画”为例简单讲授制作过程。
1、创建图形“太阳和月亮”的形状补间动画：
建议：在一个关键帧上放置“太阳”，在另一个关键帧上放 11 置“月亮”，然后在这两个关键帧之间创建形状补间动画。具体方法见课本P69（请同学们根据课本上的操作步骤试着完成该操作）
教师巡视，辅导。
2、创建文字变形的形状补间动画：
首先我们来制作一个简单的文字变形的形状补间动画 A、文字“圣诞快乐”变成 “圣诞树” 图片（教师演示） B、图片“孙悟空”变成“孙悟空七十二变” 文字：(学生练习)
下面我们为刚才的“我爱我家动画”添加文字变形的形状补间动画。具体操作见课本P71，请同学们根据课本上的操作步骤试着完成练习。
排难解疑：
师： (过渡语) 在完成练习二时，很多同学都碰到了问题： 问题
1、文字、图片的形状补间动画无法实现？
(解难)： 教师以“灯笼”图片变成“元旦快乐”文字为例讲解文字必须分离打散。
图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。
问题2：位图为何要矢量化？
