第十课 多变的形状补间动画 教学设计
1教学目标
【知识与技能目标】
1、理解形状补间动画的概念，掌握其制作方法；
2、掌握对象分离的方法，理解元件分离的作用；
3、掌握形状补间动画的创建，体会形状补间动画与动画补间动画的区别。
4、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；
【过程与方法目标】
1、通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。
2、通过利用所学知识制作FLASH动画卡片，提高学生综合应用能力
【情感态度价值观目标】
1、培养学生观察事物认真、仔细的习惯；
2、培养学生自主探究、任务单学习的能力。
3、培养总结规律学习新知，质疑新知掌握方法的信息素养
2学情分析
【教材分析】
本课内容选自浙江教育出版社新编《信息技术》八年级下册第10课，属于第二单元创建动画中的第四课。本课是在学生初步认识并了解flash的逐帧动画之后要学习flash动画的另一种动画表现形式——补间动画，补间动画在flash动画设计表现手段中非常重要，掌握flash补间动画的制作方法与技巧，有利于提高学生动画制作的能力。本课是以形状补间动画为主内容，与先前一课的动画补间动画有一定的联系及区别，知识点偏少，且操作性较强，对操作技能的掌握需清晰正确。
【学生分析】
教学对象是初二的学生，这一时段的学生已具备一定的自主学习的能力以及利用任务单进行探究学习的能力，因此，学生能在课堂中自主利用任务单进行学习；这一时期的学生也具有一定的知识迁移的能力及知识点差异的区分能力，因此，让学生利用动画补间动画和形状补间动画之间的联系和区别，可以分化这个知识点的难度，达到知识点的落实；这一时期的学生也具有一定的挑战性和好胜心理，因此，用猜想题激发学生的探究欲望，借助知识难点对形状补间动画进行更深层次的突破。
3重点难点
重点：形状补间动画的制作方法；
难点：完全分离操作对象的方法及对完全分离概念的理解。
4教学过程
活动1【导入】知识回顾 导出新课
师：同学们，我们上节课已经学习了动画补间动画的知识，下面我们来回顾一下动画补间动画，动画补间动画的操作的对象是谁？
生：（答）元件。
师：【追问】动画补间动画针对的是同一个元件还是不同的元件？
生：（答）同一个
师：动画补间动画的三个步骤是怎样的？
师、生（共答）：【大屏幕出示一步步的动画步骤】
1、设置一个起始关键帧
2、设置一个终止关键帧
3、创建补间动画
师：【追问】动画补间动画设置成功的显著特征是什么？
师、生（共答）：两个关键帧间有一条紫色带箭头的实线。
【设计意图】让学生回顾动画补间动画的操作对象，三个步骤。了解学生对动画补间动画的掌握情况，同时为后面学习形状补间动画的知识迁移做好铺垫，更是为学生掌握两种动画之间的共同点和不同点提供形象又直观地视觉效果。
师：【过渡】今天我们来学习另外一种补间动画——形状补间动画，在上新课之前，我们先来了解一下形状补间动画的原理。
【在大屏幕上出示形状补间动画的原理】
活动2【讲授】2、讲授新课 探究新知
师：请大家用1分钟的时间来阅读形状补间动画的原理，谁能告诉我什么是形状补间动画？
设计意图：让学生有概念认识，学会如何提炼文本的内容，渗透提炼文本关键字的信息素养，
生：一片寂静
师：好，下面老师用动画补间动画的三步骤来简化一下，请大家认真听好。
【在大屏幕上出示形状补间动画的三个步骤】
师：形状补间动画的操作的对象是完全分离的图形，辨别完全分离图形的简易方法是看该对象是否呈点状网纹。这里形状补间动画的创建三步骤与动画补间动画的三步骤完全一样：1、设置一个起始关键帧2、设置一个终止关键帧3、创建补间动画，创建成功后，最大的区别是起始关键帧的对象和终止关键帧的对象是两个不同的图形，创建成功的特征是两个关键帧间有一条绿色带箭头的实线。
【设计意图】同时让学生形象掌握形状补间动画和动画补间动画的相同点和不同点，学会知识的迁移和应用。
师：【过渡】经过老师的讲解，同学们是不是真正理解了呢？我们用一个任务去实践一下，请同学们用4分钟的时间来完成任务单上的任务一：制作文本数字“6”渐变到“ 9”的动画。
【设计意图】知识点的目的是针对一个文字的形状补间动画，对象是一个文字，要使它达到完全分离需要分离的次数。
【注：任务单上的任务一已把完成该动作的具体步骤进行详细地描述，更添加了完成一个步骤后有针对性的思考题】
【设计意图】有任务单上具体步骤的牵引，大大减少了学生完成任务时的畏惧心里；也大大降低了这个任务的完成难度，让学生可以摸索着去完成任务，同时又针对性的思考题，让学生明确知道完成该项任务后，具体要去关注对象的哪些变化，大大提高学习的高效性。
生操作，师巡视【大屏幕显示这个任务的效果flash】，4分钟到时，师先举手统计成功完成任务的同学人数再边讲解边操作完成任务一【讲解时严格根据形状补间动画的三个步骤进行正确操作的方法】
【设计意图】大屏幕显示的目的是让学生自己检查flash创作的成功与否；举手统计的目的是让老师掌握学生自学能力的强弱程度；严格按三步骤正确讲解的目的是让学生对形状补间动画的制作过程有系统的认识且学习教师传授的创建技巧，更让学生树立正确操作，一步到位的操作理念。
师：【过渡】经过老师的讲解后，同学们对形状补间动画的创建步骤是不是真正掌握了呢？请同学们用3分钟的时间完成任务单上的任务二：制作文本 “动画”渐变到“ cartoon”的动画。请刚才没完成的同学先完成任务一再完成任务二。
【设计意图】知识点的目的是针对多个文字的形状补间动画，对象是多个文字时，要使它达到完全分离需要分离的次数。
生操作，师巡视【大屏幕显示这个任务的效果flash】，3分钟到时，师先举手统计成功完成任务的同学人数再边讲解边操作完成任务二【再次严格根据形状补间动画的三个步骤进行正确操作的方法】
【设计意图】举手统计的目的是让老师了解学生对刚才操作步骤的掌握情况，将有助于对下面任务的讲解程度及讲解方式；严格按三步骤正确讲解的目的是强化创建形状补间动画的技巧，使学生真正掌握创建形状补间动画的方法，从而突破本节课的重点。
活动3【活动】升华内容 归纳建构
师：【过渡】下面请同学们用6分钟的时间完成任务单上的任务三：制作一个 “圆形”渐变到“长方形”的动画及猜想题：制作一个 “孙悟空”渐变到“大公鸡”的动画。猜想： 两张不同的图片能做形状补间动画吗？（能 不能），请说出你的理由？请刚才没完成的同学先完成任务二再完成任务三。
【设计意图】任务三知识点的目的是针对图形矢量的形状补间动画，对象是图形矢量时，要使它达到完全分离需要分离的次数。猜想题的目的是让学生掌握形状补间动画的精髓，所谓“知其然而知其所以然”。
生操作，师巡视【大屏幕显示任务三的效果flash】，6分钟到时，师先举手统计成功完成任务三的同学人数再随机请一位同学上到讲台演示操作。
【设计意图】让老师掌握学生举手告知效果的真实性，同时让老师了解学生对操作三步骤的掌握情况。
再请一位已完成形状补间动画的创建但补间动画的效果不佳的同学上来演示操作。并让他（她）说出猜想结果并说明理由。
【设计意图】让两张位图图片创建形状补间动画的视觉冲击，激发学生对形状补间动画创建三步曲的质疑？加深学生对形状补间动画创建方法的印象，同时让学生深入理解完全分离的内涵。从而突破本节课的难点。并激发学生对这一知识的探究欲望，为老师的讲解做好铺垫。
师先肯定这个同学的操作是完全符合形状补间动画制作的三步曲的，然后重点分析动画效果不佳的原因：完全分离这个知识点还需强化。其实用分离命令对位图进行分离，它虽然出现了点状网纹的特征，但它属于型散而神不散，因此使得动画效果出错了；要使位图图片进行彻底地分离需要对它进行转化。老师再根据操作三部曲对这一知识点的过程进行完整的诠释。
【设计意图】使本课的知识点提升一个高度，培养学生细致耐心观察对象变化的信息素养，同时增强操作能力强的学生攻克难题的挑战欲，培养学生认识自身不足，虚心学习的习惯。
师归纳总结形状补间动画的创建要诀：形状补间动画好，动画设计离不了；首尾两个关键帧，设置补间为形状；文字工具需打散，外部图片需转化；手动绘图不用管，分离关键要完全。
【设计意图】把本节课关联到的知识点以8句诗归纳，完成知识点的建构，便于学生理解和记忆，使得知识点更好的落实。
活动4【练习】回归课本 完成任务
师：最后出示本节课的课堂任务：标题“Image Digitization”渐变“图像数字化”的动画。【大屏幕显示flash动画效果】
具体要求：请打开素材文件夹下的“图像数字化.fla”文件，给标题文字作形状补间动画处理。【可参照书本p47-48】
【设计意图】本节课的知识点比较少，就是完成一个标题文字的动画，但对形状补间动画知识点的提炼很少，因此，在这个任务之前为学生铺垫了4个不同类型形状补间动画的创建，让学生在掌握形状补间动画之后再去完成课堂任务，使已掌握新知的学生快速地完成任务，然后对照书本的文本介绍，把“书读薄”；使新知掌握暂时有困难的学生，可以通过课后的书本学习，达到知识点的强化和落实。同时把最终任务回归书本的重要原因是整本书的教学任务时环环相扣的任务，每节课的完成效果，都是后续课程的铺垫，因此，培养学生完成系统任务的步骤，对最后整体作品的创作提供良好的设计思路。
师：最后出示本节课的课堂任务：标题“Image Digitization”渐变“图像数字化”的动画。【大屏幕显示flash动画效果】
具体要求：请打开素材文件夹下的“图像数字化.fla”文件，给标题文字作形状补间动画处理。【可参照书本p47-48】
【设计意图】本节课的知识点比较少，就是完成一个标题文字的动画，但对形状补间动画知识点的提炼很少，因此，在这个任务之前为学生铺垫了4个不同类型形状补间动画的创建，让学生在掌握形状补间动画之后再去完成课堂任务，使已掌握新知的学生快速地完成任务，然后对照书本的文本介绍，把“书读薄”；使新知掌握暂时有困难的学生，可以通过课后的书本学习，达到知识点的强化和落实。同时把最终任务回归书本的重要原因是整本书的教学任务是环环相扣的任务，每节课的完成效果，都是后续课程的铺垫，因此，培养学生完成系统任务的步骤，对最后整体作品的创作提供良好的设计思路。第十课 多变的形状补间动画 教学设计
1教学目标
【知识与技能目标】 1、理解形状补间动画的概念，掌握其制作方法； 2、掌握对象分离的方法，理解元件分离的作用； 3、掌握形状补间动画的创建，体会形状补间动画与动画补间动画的区别。 4、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化； 【过程与方法目标】 1、通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。 2、通过利用所学知识制作FLASH动画卡片，提高学生综合应用能力 【情感态度价值观目标】 1、培养学生观察事物认真、仔细的习惯； 2、培养学生自主探究、任务单学习的能力。 3、培养总结规律学习新知，质疑新知掌握方法的信息素养
2学情分析
【教材分析】 本课内容选自浙江教育出版社新编《信息技术》八年级下册第10课，属于第二单元创建动画中的第四课。本课是在学生初步认识并了解flash的逐帧动画之后要学习flash动画的另一种动画表现形式——补间动画，补间动画在flash动画设计表现手段中非常重要，掌握flash补间动画的制作方法与技巧，有利于提高学生动画制作的能力。本课是以形状补间动画为主内容，与先前一课的动画补间动画有一定的联系及区别，知识点偏少，且操作性较强，对操作技能的掌握需清晰正确。 【学生分析】 教学对象是初二的学生，这一时段的学生已具备一定的自主学习的能力以及利用任务单进行探究学习的能力，因此，学生能在课堂中自主利用任务单进行学习；这一时期的学生也具有一定的知识迁移的能力及知识点差异的区分能力，因此，让学生利用动画补间动画和形状补间动画之间的联系和区别，可以分化这个知识点的难度，达到知识点的落实；这一时期的学生也具有一定的挑战性和好胜心理，因此，用猜想题激发学生的探究欲望，借助知识难点对形状补间动画进行更深层次的突破。
3重点难点
重点：形状补间动画的制作方法； 难点：完全分离操作对象的方法及对完全分离概念的理解。
4教学过程
活动1【导入】知识回顾 导出新课
师：同学们，我们上节课已经学习了动画补间动画的知识，下面我们来回顾一下动画补间动画，动画补间动画的操作的对象是谁？
生：（答）元件。
师：【追问】动画补间动画针对的是同一个元件还是不同的元件？
生：（答）同一个
师：动画补间动画的三个步骤是怎样的？
师、生（共答）：【大屏幕出示一步步的动画步骤】
1、设置一个起始关键帧
2、设置一个终止关键帧
3、创建补间动画
师：【追问】动画补间动画设置成功的显著特征是什么？
师、生（共答）：两个关键帧间有一条紫色带箭头的实线。
【设计意图】让学生回顾动画补间动画的操作对象，三个步骤。了解学生对动画补间动画的掌握情况，同时为后面学习形状补间动画的知识迁移做好铺垫，更是为学生掌握两种动画之间的共同点和不同点提供形象又直观地视觉效果。
师：【过渡】今天我们来学习另外一种补间动画——形状补间动画，在上新课之前，我们先来了解一下形状补间动画的原理。
【在大屏幕上出示形状补间动画的原理】
活动2【讲授】2、讲授新课 探究新知
师：请大家用1分钟的时间来阅读形状补间动画的原理，谁能告诉我什么是形状补间动画？
设计意图：让学生有概念认识，学会如何提炼文本的内容，渗透提炼文本关键字的信息素养，
生：一片寂静
师：好，下面老师用动画补间动画的三步骤来简化一下，请大家认真听好。
【在大屏幕上出示形状补间动画的三个步骤】
师：形状补间动画的操作的对象是完全分离的图形，辨别完全分离图形的简易方法是看该对象是否呈点状网纹。这里形状补间动画的创建三步骤与动画补间动画的三步骤完全一样：1、设置一个起始关键帧2、设置一个终止关键帧3、创建补间动画，创建成功后，最大的区别是起始关键帧的对象和终止关键帧的对象是两个不同的图形，创建成功的特征是两个关键帧间有一条绿色带箭头的实线。
【设计意图】同时让学生形象掌握形状补间动画和动画补间动画的相同点和不同点，学会知识的迁移和应用。
师：【过渡】经过老师的讲解，同学们是不是真正理解了呢？我们用一个任务去实践一下，请同学们用4分钟的时间来完成任务单上的任务一：制作文本数字“6”渐变到“ 9”的动画。
【设计意图】知识点的目的是针对一个文字的形状补间动画，对象是一个文字，要使它达到完全分离需要分离的次数。
【注：任务单上的任务一已把完成该动作的具体步骤进行详细地描述，更添加了完成一个步骤后有针对性的思考题】
【设计意图】有任务单上具体步骤的牵引，大大减少了学生完成任务时的畏惧心里；也大大降低了这个任务的完成难度，让学生可以摸索着去完成任务，同时又针对性的思考题，让学生明确知道完成该项任务后，具体要去关注对象的哪些变化，大大提高学习的高效性。
生操作，师巡视【大屏幕显示这个任务的效果flash】，4分钟到时，师先举手统计成功完成任务的同学人数再边讲解边操作完成任务一【讲解时严格根据形状补间动画的三个步骤进行正确操作的方法】
【设计意图】大屏幕显示的目的是让学生自己检查flash创作的成功与否；举手统计的目的是让老师掌握学生自学能力的强弱程度；严格按三步骤正确讲解的目的是让学生对形状补间动画的制作过程有系统的认识且学习教师传授的创建技巧，更让学生树立正确操作，一步到位的操作理念。
师：【过渡】经过老师的讲解后，同学们对形状补间动画的创建步骤是不是真正掌握了呢？请同学们用3分钟的时间完成任务单上的任务二：制作文本 “动画”渐变到“ cartoon”的动画。请刚才没完成的同学先完成任务一再完成任务二。
【设计意图】知识点的目的是针对多个文字的形状补间动画，对象是多个文字时，要使它达到完全分离需要分离的次数。
生操作，师巡视【大屏幕显示这个任务的效果flash】，3分钟到时，师先举手统计成功完成任务的同学人数再边讲解边操作完成任务二【再次严格根据形状补间动画的三个步骤进行正确操作的方法】
【设计意图】举手统计的目的是让老师了解学生对刚才操作步骤的掌握情况，将有助于对下面任务的讲解程度及讲解方式；严格按三步骤正确讲解的目的是强化创建形状补间动画的技巧，使学生真正掌握创建形状补间动画的方法，从而突破本节课的重点。
活动3【活动】升华内容 归纳建构
师：【过渡】下面请同学们用6分钟的时间完成任务单上的任务三：制作一个 “圆形”渐变到“长方形”的动画及猜想题：制作一个 “孙悟空”渐变到“大公鸡”的动画。猜想： 两张不同的图片能做形状补间动画吗？（能 不能），请说出你的理由？请刚才没完成的同学先完成任务二再完成任务三。
【设计意图】任务三知识点的目的是针对图形矢量的形状补间动画，对象是图形矢量时，要使它达到完全分离需要分离的次数。猜想题的目的是让学生掌握形状补间动画的精髓，所谓“知其然而知其所以然”。
生操作，师巡视【大屏幕显示任务三的效果flash】，6分钟到时，师先举手统计成功完成任务三的同学人数再随机请一位同学上到讲台演示操作。
【设计意图】让老师掌握学生举手告知效果的真实性，同时让老师了解学生对操作三步骤的掌握情况。
再请一位已完成形状补间动画的创建但补间动画的效果不佳的同学上来演示操作。并让他（她）说出猜想结果并说明理由。
【设计意图】让两张位图图片创建形状补间动画的视觉冲击，激发学生对形状补间动画创建三步曲的质疑？加深学生对形状补间动画创建方法的印象，同时让学生深入理解完全分离的内涵。从而突破本节课的难点。并激发学生对这一知识的探究欲望，为老师的讲解做好铺垫。
师先肯定这个同学的操作是完全符合形状补间动画制作的三步曲的，然后重点分析动画效果不佳的原因：完全分离这个知识点还需强化。其实用分离命令对位图进行分离，它虽然出现了点状网纹的特征，但它属于型散而神不散，因此使得动画效果出错了；要使位图图片进行彻底地分离需要对它进行转化。老师再根据操作三部曲对这一知识点的过程进行完整的诠释。
【设计意图】使本课的知识点提升一个高度，培养学生细致耐心观察对象变化的信息素养，同时增强操作能力强的学生攻克难题的挑战欲，培养学生认识自身不足，虚心学习的习惯。
师归纳总结形状补间动画的创建要诀：形状补间动画好，动画设计离不了；首尾两个关键帧，设置补间为形状；文字工具需打散，外部图片需转化；手动绘图不用管，分离关键要完全。
【设计意图】把本节课关联到的知识点以8句诗归纳，完成知识点的建构，便于学生理解和记忆，使得知识点更好的落实。
活动4【练习】回归课本 完成任务
师：最后出示本节课的课堂任务：标题“Image Digitization”渐变“图像数字化”的动画。【大屏幕显示flash动画效果】
具体要求：请打开素材文件夹下的“图像数字化.fla”文件，给标题文字作形状补间动画处理。【可参照书本p47-48】
【设计意图】本节课的知识点比较少，就是完成一个标题文字的动画，但对形状补间动画知识点的提炼很少，因此，在这个任务之前为学生铺垫了4个不同类型形状补间动画的创建，让学生在掌握形状补间动画之后再去完成课堂任务，使已掌握新知的学生快速地完成任务，然后对照书本的文本介绍，把“书读薄”；使新知掌握暂时有困难的学生，可以通过课后的书本学习，达到知识点的强化和落实。同时把最终任务回归书本的重要原因是整本书的教学任务时环环相扣的任务，每节课的完成效果，都是后续课程的铺垫，因此，培养学生完成系统任务的步骤，对最后整体作品的创作提供良好的设计思路。
师：最后出示本节课的课堂任务：标题“Image Digitization”渐变“图像数字化”的动画。【大屏幕显示flash动画效果】
具体要求：请打开素材文件夹下的“图像数字化.fla”文件，给标题文字作形状补间动画处理。【可参照书本p47-48】
【设计意图】本节课的知识点比较少，就是完成一个标题文字的动画，但对形状补间动画知识点的提炼很少，因此，在这个任务之前为学生铺垫了4个不同类型形状补间动画的创建，让学生在掌握形状补间动画之后再去完成课堂任务，使已掌握新知的学生快速地完成任务，然后对照书本的文本介绍，把“书读薄”；使新知掌握暂时有困难的学生，可以通过课后的书本学习，达到知识点的强化和落实。同时把最终任务回归书本的重要原因是整本书的教学任务是环环相扣的任务，每节课的完成效果，都是后续课程的铺垫，因此，培养学生完成系统任务的步骤，对最后整体作品的创作提供良好的设计思路。
(共10张PPT)
动作补间动画的三个步骤：
1、设置一个起始关键帧
2、设置一个终止关键帧
3、创建补间动画
注意
动作补间动画
只能对同一元件
进行补间。
前提：对象必须是元件
知识回顾
形状补间动画是在Flash的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。
形状补间动画原理
传授新知
形状补间动画的三个步骤：
1、设置一个起始关键帧
2、设置一个终止关键帧
3、创建形状补间动画
注意
形状补间动
画针对的是两个
完全分离图形进行补间。
前提：对象必须是完全分离图形
呈点状网纹
传授新知
单个文字
变
变
变
制作文本数字“6”渐变到“ 9”的动画
1
1、输入文本：打开“单个文字变变变.fla”，在第1帧中输入数字“6”，调整文字大小和颜色；在第20帧输入“9”，并调整。
2、分离元件：在第1帧中，选中数字“6”，选择“修改”菜单中的“分离”命令，将字符转化为形状，同样方法将第20帧中的“9”分离。
3、制作补间动画：在第1-20帧中的任意一帧上单击，在属性面板上选择“创建补间形状”即可。
多个文字
变
变
变
制作文本 “动画”渐变到“ cartoon”的动画
2
1、输入文本：打开“多个文字变变变.fla”，在第1帧中输入 “动画”，调整文字大小和颜色；在第20帧输入“cartoon”，并调整。
2、分离元件：在第1帧中，选中数字“动画”，选择“修改”菜单中的“分离”命令，使用两个“分离”命令；将字符转化为形状，同样方法将第20帧中的“cartoon”分离。
3、制作补间动画：在第1-20帧中的任意一帧上单击，在属性面板上选择“创建补间形状”即可。
多彩图形
变
变
变
制作一个 “圆形”渐变到“长方形”的动画
3
1、输入文本：打开“多彩图形变变变.fla”，在第1帧中画一个圆，调整文字大小和颜色；在第20帧画一个长方形，并调整。
2、制作补间动画：在第1-20帧中的任意一帧上单击，在属性面板上选择“创建补间形状”即可。
图片图形
变
变
变
制作一个 “孙悟空”渐变到“大公鸡”的动画
4
猜想： 两张不同的图片能做形状补间动画吗？
（能 不能），请说出你的理由？
制作要诀
形状补间动画制作要诀
形状补间动画好，动画设计离不了；
首尾两个关键帧，设置补间为形状；
文字工具需打散，外部图片需转化；
手动绘图不用管，形状关键要分离。
标题文字
变
变
变
标题“Image Digitization”渐变“图像数字化”的动画
4
请打开“图像数字化.fla”文件，给标题文字作形状补间动画处理。【可参照书本p47-48】
