资源简介

形状补间巧变化——教学设计
学情分析：
在学习本节课之前，学生已经初步接触使用过
( http: / / www.21cnjy.com )了Flash动画制作软件，并学会了一些动画形式的制作方法，掌握了一些动画制作中基本的概念及操作方法。为此，要学习本课形状补间动画的制作，关键要让学生建立起与头脑中已有的概念及操作方法的知识点间的联系，顺势迁移与拓展。学生基本上应能够在教师的引导下运用所学知识与技能完成好本课的学习任务，并能通过自己的理解，尝试各种动画的灵活运用。
教学目标：1.明确参与形状变化对象特点，能根据需要进行分离操作；
2.学会形状补间动画的制作方法；
3.锻炼提高学生综合比较与灵活运用知识的能力；
4.培养学生勇于挑战精神与互帮互助的良好品行。
教学重点：
形状补间动画中变形对象的特点；变形动画中帧和补间的设置方法。
教学难点：
两种补间动画连续制作时相接关键帧上对象的处理；区分动作补间动画与形状补间动画的应用场合
教学准备：多媒体网络教室软件、板书内容板条
( http: / / www.21cnjy.com )、分离图形.fla
、制作白云变形动画源文件：白云飘散.fla、挑战任务动画效果展示文件、挑战任务文本文件、“添加形状提示点”微课
教学过程：
导语、课件引入：
前面的课程，我们已经学过了动作补间动画的制
( http: / / www.21cnjy.com )作方法（板书：动作补间动画）我们看个动画回忆一下（课件展示：小球滚动），今天老师带大家再来学习另一种补间动画，让我们看一看动画效果，（课件展示：小球变形）。大家看到动画中小球已不只是位置移动了，而且形状也发生了改变，这就是“形状补间动画”，这节课我们就来学习“形状补间巧变化”。（出示课题：形状补间巧变化）、
（板书：形状补间动画）
-----------------------------------------------------------------------------------------------------------------------
制作变形动画：
准备变形对象：
教师：引出“矢量图”概念及查看方法（选中时呈“点状”），这是成功制作形状补间动画的关键点。（板书：
对象：矢量图—点状）
打开“分离图形.fla”文件（网络教室广播）
学生：观察选中的对象（注意选中对象的不同方法），分别说出每组两个对象中哪个是可以参与变形的。
教师：另外两个对象可以制作我们之前学过的动作补间动画。（板书：组合或元件）
学习形状补间动画制作方法：
下面就请同学们跟老师一起来学习制作一个圆形变方形的动画。（广播）教师演示制作过程：
a
打开Flash软件，新建一文档，在属性面板设置文档的大小及背景颜色；
b
在时间线的第一帧（空白关键帧）上画一不带边线的蓝色圆形，在第40帧上单击右键，插入空白关键帧（为什么？）画一长红色方形；
（板书：开始帧：
关键帧
结束帧：
插入空白关键帧）
c
单击最后一帧前的任意一帧，设置属性面板中的“补间”为“形状”。
d
测试影片，保存文件”变形.fla”
基础任务练习：
学生开始制作，教师巡视知道
过渡语：很多同学已经完成了这个变形动画的制作，请以“变形”为名保存好文件，下面老师再给你一个制作任务
制作白云变形动画：
用准备的含白云元件素材的文件“白云飘散.fla”来制作（源文件已发送到每位学生桌面）。
a
统一要求修改文档大小为800X600像素，背景设为蓝色；
b
学生自己制作，开始关键帧上拖入“白云前”元件，第60帧上拖入“白云后”元件，来设置形状补间；
教师提问：你制作成功了吗？遇到了什么问题？
（展示一名学生制作出现问题的动画作品，师生分析原因）
教师提示：大家还记得老师刚开始时强调的制作形状补间动画的关键点吗？（参与变形的对象是？）
教师讲解：用元件来制作形状补间动画，方法是把元件进行分离打散。
c
教师演示分离打散开始关键帧上“白云前”元件（可多次分离打散直至呈“点状”）；
（板书：分离
Ctrl+B）
d
让学生演示分离打散结束关键帧中的“白云后”元件；
教师提示：可以在一个关键帧上绘制一个形
( http: / / www.21cnjy.com )状，在另一个关键帧上更改或绘制另一个形状，也可把元件放到关键帧然上，进行分离打散，都可以完成两个图形之间的变形动画。
e
学生继续完成白云变形动画制作，并保存文件。
--------------------------------------------------------------------------------------------------------------------------
三、课上展示小结：
转播展示制作成功的动画作品，让大家欣赏；
与学生一起观察制作成功的动画时间轴特点（板书：时间轴
绿色），讨论不成功作品问题出在哪？
过渡：大家前面的任务完成的不错，那老师这里还为同学们准备了一个更高难度的挑战任务，大家敢不敢接受挑战？
---------------------------------------------------------------------------------------------------------------------------
四、完成挑战任务动画制作：
1.
观看挑战任务完成后的动画效果（教师广播放映）；
2.
学生讨论：如何来制作？（可分成两段不同的动画来制作）
3.
教师提示：文字输入及调整颜色、大小的方法；
4.
学生打开桌面上“挑战任务”记事本文件，查看任务及任务帮助；
5.
学生完成挑战任务，可以就近互相帮助，教师巡视学生制作情况。
广播一名学生未成功的制作，讨论：两段动画连接处的关键帧如何添加，帧上的对象如何处理？
6.
继续完成挑战作品，教师巡视制作完成情况。
-----------------------------------------------------------------------------------------------------------------------------
五、展示交流：
挑选不同层次的学生作品进行展示，师生交流，肯定制作成果的同时，发现问题解决问题（转播）。
-----------------------------------------------------------------------------------------------------------------------------
过渡：
以“问候.fla”名保存文件，未完成的同学还可以后面的课上继续打开文件完成制作
六、课堂小结：
师：通过前面与今天的学习，大家发现动作补间动画与形状补间动画都能通过计算机的自动运算快速实现动画效果，但它们构成元素与实现方式有所不同。
师生对比形状补间动画的板书内容对应出示动作补间动画对象、关键帧、时间轴等的特点（板书：关键帧
插入关键帧
紫色）
师：它们的应用场合不同，我们大家在制作动画时要灵活运用。
那么，通过这节课的学习，你有什么收获与大家分享一下吧！
（师生共同总结本节课学到的知识与技能，分享各自的感受）
------------------------------------------------------------------------------------------------------------------------------
七、作业布置：
我们在制作变形动画时为了能够控
( http: / / www.21cnjy.com )制变形过程，使变形效果更加生动，我们可以采用“添加形状提示点”或“分步变形”的方法；大家可以参看课本P38“教你一招”或者课下观看老师制作的微课视频进行学习。
展示下数字1变形成数字3的动画效果（未添加形状提示点与添加后的不同效果）
--------------------------------------------------------------------------------------------------------------------------------
附：微课视频
教学过程导语及提示：
一、
前面的课程，我们已经学过了动作补间
( http: / / www.21cnjy.com )动画的制作方法（板书：动作补间动画），我们看个动画回忆一下（课件展示：小球滚动），今天老师带大家再来学习另一种补间动画，让我们看一看动画效果，（课件展示：小球变形），大家看到动画中小球已不只是位置移动了，而且形状也发生了改变，这就是“形状补间动画”，这节课我们就来学习“形状补间巧变化”。（出示课题：“形状补间巧变化”、
板书：形状补间动画）
------------------2’--------------
二、
1.
在Flash中，形状补间动画能快
( http: / / www.21cnjy.com )速实现两个不同形状的变形，但请你记住，要想制作成功，一个关键点是：参与变形的对象应具有“矢量图”特点，即：被选中状态下呈“点状”。
（板书：对象：矢量图——点状）
老师这儿有一个Flash文件，（广播
( http: / / www.21cnjy.com )打开“分离图形.fla”文件）请大家仔细观察后做出判断，这里的两组对象，你能看出谁能参与变形吗？不能，因为我们没有选中这些对象呢！老师选中它们你再看看
（演示选中所有，选中一个对象的方法）
学生回答
那么另两个一个是文字组合、一个是元件是
( http: / / www.21cnjy.com )不能参与变形的对象，但大家想想它们可以制作我们之前学过的哪种补间动画？“动作补间动画”（板书：“组合或元件”）
---------------------------------------------------------------------------------------------------------------------
4’
2.
记住了制作形状补间动画的这个关键点，下面就请同学们跟老师一起来学习制作一个圆形变方形的动画。
（广播演示制作过程）：
a
打开Flash软件，新建一文档，在属性面板设置文档的大小及背景颜色（浅绿色）；
b
在时间线的第一帧（空白关键帧）上画
( http: / / www.21cnjy.com )一不带边线的圆形（蓝色），变形过程用多少帧完成自己决定，老师这里在第40帧上单击右键，插入空白关键帧（为什么？）画一长方形（红色）；
（板书：开始帧：
关键帧
结束帧：
插入空白关键帧）
c
单击最后一帧前的任意一帧，设置属性面板中的“补间”为“形状”。完成了
d
测试影片，保存文件”变形.fla”
3.
你学会了吗，你也来做一做吧！（学生开始制作）（教师巡视指导）
------------------------------------------------------------------------------------------------------------------------
4’
4.
很多同学已经完成了，请你以“变形”为名保存好文件，下面老师再给你一个制作任务：
做一个白云变形动画，老师为大家准备了素材，
a请大家打开桌面上“白云飘散
( http: / / www.21cnjy.com ).fla”文件，打开后请先修改文档大小为800X600像素，设置背景色为蓝色。大家会发现右侧的库中有两个元件“白云前、白云后”，大家就是要制作“白云前”变形成“白云后”动画
b学生在开始关键帧和结束关键帧上拖入元件，设置形状补间
教师提问：你制作成功了吗？遇到了什么问题？
（展示一名学生制作出现问题的动画作品，师生分析原因）
教师提示：很多同学遇到了问题，大家还记得老师刚开始时强调的制作形状补间动画的关键点吗？（参与变形的对象是？）
教师讲解：那么，元件怎么办才能参与变形呢？老师告诉大家一个方法，就是可以把元件进行分离打散
c教师演示分离打散元件的方法；（可多次直至呈现“点状”）
（板书：分离
Ctrl+B）
d
我们选中下第60帧上的“白云后”元件，能参与变形吗？要怎么做？（请学生演示分离打散）
（师：大家也可以在一个关键帧上绘制一个
( http: / / www.21cnjy.com )形状，在另一个关键帧上更改或绘制另一个形状，也可把元件放到关键帧然上，进行分离打散，都可以完成两个图形之间的形状变化动画。）
e选择结束关键帧之前的任意帧，设置属性面板中补间为“形状”；
d测试保存影片。
------------------------------------------------------------------------------------------------------------------
6’
三、转播展示制作成功的动画作品，大家欣赏一下；（我们来观察下制作成功的动画时间轴有什么特点？
（板书：时间轴
绿色；）
转播展示出现问题的作品，师生讨论：问题出
( http: / / www.21cnjy.com )在哪？-------------------------------------------------------------------------------------------------------------
2’
制作不成功的同学赶紧改下吧，其他完成的同学可以帮助下未完成的同学；
四、
过渡：大家前面的任务完成的不错，那老师这里还为同学们准备了一个更高难度的挑战任务，大家敢不敢接受挑战？
1.
观看挑战任务完成后的动画效果（教师广播放映）；
2.
学生讨论：如何来制作？（可分成两段不同的动画来制作）
3.
教师提示：文字输入及调整颜色、大小的方法；
4.
学生打开桌面上“挑战任务”记事本文件，查看任务及任务帮助；
5.
学生完成挑战任务，可以就近互相帮助，教师巡视学生制作情况。
广播一名学生未成功的制作，讨论：两段动画连接处的关键帧如何添加，帧上的对象如何处理？
6.
继续完成挑战作品，教师巡视制作完成情况。
-------------------------------------------------------------------------------------------------------------------
五、展示交流：
挑选不同层次的学生作品进行展示，师生交流，肯定制作成果的同时，发现问题解决问题（转播）。
过渡：
以“问候.fla”名保存文件，未完成的同学还可以后面的课上继续打开文件完成制作
-------------------------------------------------------------------------------------------------------------------
六、小结：
师：通过前面与今天的学习，大家发现动作补间动画与形状补间动画都能通过计算机的自动运算快速实现动画效果，但它们构成元素与实现方式有所不同。
师生对比形状补间动画的板书内容对应出示动作补间动画对象、关键帧、时间轴等的特点（板书：关键帧
插入关键帧
紫色）
师：它们的应用场合不同，我们大家在制作动画时要灵活运用。
那么，通过这节课的学习，你有什么收获与大家分享一下吧！
（师生共同总结本节课学到的知识与技能，分享各自的感受）
-------------------------------------------------------------------------------------------------------------------
七、作业布置：
我们在制作变形动画时为了能够控制
( http: / / www.21cnjy.com )变形过程，使变形效果更加生动，我们可以采用“添加形状提示点”或“分步变形”的方法；大家可以参看课本P38“教你一招”或者课下观看老师制作的微课视频进行学习。
展示下数字1变形成数字3的动画效果（未添加形状提示点与添加后的不同效果）
下面我们来看看的大家挑战作品
挑选不同层次的学生作品进行展示（转播），师生交流，肯定制作成果的同时，发现问题解决问题。
----------------------------------------------------------------------------------------------------------------------
4’
好了，今天的学习先到这里了！下课，同学们再见！
---------------------------------------------------------------------------
附板书设计：
形状补间巧变化
形状补间动画
动作补间动画
对象：
矢量图（点状）
组合或元件
分离（Ctrl+B）
开始帧：
关键帧
关键帧
结束帧：
添加空白关键帧
添加关键帧
时间轴：
绿色
紫色
应用：

展开更多......

收起↑