第十一课 形状补间动画
【教学内容分析】
教材通过逐帧动画与补间动画之间的区别，引入补间动画的实现原理及其分类，说明形状补间动画的作用及其主要特征。教材通过创建《文字变图形》动画，探究创建形状补间动画的一般方法，及其制作《文字变图形》动画的过程。形状补间动画既有逐帧动画的特点，又有补间动画的性质。通过本课学习，学生将深入了解逐帧动画的特点，体验关键帧在动画制作中的重要作用，感受创作补间动画相对于逐帧动画而言的“便捷性”。
【教学对象分析】
通过前面几课的学习，学生已经掌握Flash常用绘图工具的使用，也知道选定某一图形对象后可以通过属性面板设置对象的相关属性，也比较熟悉什么是关键帧以及如何创建关键帧。
但是，学生对补间动画这种动画形式是陌生的，对创建补间动画的过程与方法也是陌生的。 通过演示范例，对比首尾关键帧舞台内容的变化，出示创建形状补间动画的操作要领，引导学生在阅读教材P64首段文字内容的基础上观看教师示范操作，帮助学生完成学习任务，以达到本课的教学目的。
【教学目标】
知识与技能：
1.掌握形状补间动画的工作原理及特点。
2.理解形状补间动画与逐帧动画的区别。
过程与方法：
1.巩固绘图工具、选择工具以及任意变形工具对选定的图形进行编辑的方法。
2.掌握使用图形、文字制作出形状补间动画的方法。
情感态度与价值观：
1.通过由浅入深的学习，加强学生对动画制作的兴趣，体会每一步制作的喜悦。
【教学重点】
1. 掌握使用“修改”-“分离”的方法制作文字的形状补间动画。
【教学难点】
1. 学会在属性面板上创建“形状补间动画”的方法。
【教学过程】
一、激趣导入（2分钟）
1.提问:逐帧动画是如何制作的?
（学生交流预设：用Flash）
2.播放《图形变文字》动画。
引言:制作逐帧动画需要创建很多个关键帧，时间耗费比较多，有没有更便捷的方法呢？老师请同学们看一个动画，请你们猜一猜这个动画需要做多少帧？
（学生交流预设：25、26、27……帧）
3.揭示课题：其实这个动画老师只用了两帧就做出来了，这一节课我们就来学习一种新的动画制作方法——形状补间动画。（课件展示课题）
二、创建形状补间动画（8分钟）
1.请同学们观察下面几组形状补间动画，并思考其中的变化。
2.同学们看，第一组动画发生了什么变化？
（学生交流预设：颜色）
3.第二组动画又是哪里发生了变化？
（学生交流预设：大小）
4.第三组呢？
（学生交流预设：形状）
5.通过三组动画，相信同学们也都发现了，形状补间动画其实就是用来改变颜色、大小以及形状的动画。接下来，我们就一起学习形状补间动画的制作方法吧！
6.播放《创建形状补间动画》微视频
活动一：创建《形状变色动画》（8分钟）
1、同学们准备好了吗，下面让我们一起来进行第一个活动吧。（课件展示：红色长方形变蓝色圆形）
2.请同学们自主完成活动一的内容，速度最快四名同学将承担小老师的角色，帮助其他同学。有遇到困难的同学，也可以查看老师发送给你的微视频进行学习。完成活动内容后，请以“姓名+活动一”的文件名保存文件。
（学生活动）
3.好，我们先做到这里，鼠标键盘归位。刚才同学们在做的过程中有遇到什么问题吗？
（学生提问，老师回答）
活动二：创建《文字变形动画》（8分钟）
1.已经完成活动一的同学都已经按捺不住了，下面我们再来看一个动画。（播放文字变形动画）
2.同学们觉得这个动画难吗？
（学生交流预设：不难）
3.那请一位同学上台操作试试看吧！
（学生上台操作，测试动画遇到困难）
4.同学们观察一下这个作品，与我们之前正确的动画之间不同的地方？
（学生交流预设：时间轴显示为淡绿色虚线）
5.正确的动画中，我们舞台上的对象必须是分离的，选中时会有白色的小点出现。分离操作的方法是：单击起始关键帧，执行“修改”—“分离”命令，结束关键帧也需要进行同样的操作。现在我们再次测试影片，就可以形成正确的动画效果了。接下来请没有完成活动一的同学继续制作，已经完成的同学可以尝试挑战活动二了。（课件展示：字母A变字母B）
活动三：创建《文字变图形动画》（10分钟）
1.好，活动二暂时做到这里，鼠标键盘归位。刚才我们做了两个动画，它们在操作上有什么区别呢？
（学生交流预设：多了一步“修改”—“分离”）
2.同学们总结得很棒，已经把形状补间动画操作的重点记住了。下面请同学们运用形状补间动画制作这样一个动画。（课件展示文字变图形动画）
3.花朵素材已经发送到同学们的电脑桌面了。制作过程中若是遇到什么困难可以查阅我们的书本，也可以向同学或老师请教。
（学生活动）
4.时间到，我们请完成的同学向大家展示一下他的作品，并介绍一下他的制作过程吧。
三、课堂小结（2分钟）
1.同学们这节课学到了什么呢？
（学生交流预设：形状补间动画）
2.这节课我们认识了形状补间动画，了解这种动画的作用和制作方法。只需要在起始关键帧和结束关键帧创建图形或文字，并对他们进行分离操作，最后选择“创建补间形状”命令就可以成功了。其实，动画的制作方法知识我们的一种技能，养成良好的制作习惯和发挥自己的想象力才是最重要的，所以千万不要忘记将自己的作品保存好哦！
四、课后延伸（2分钟）
1.最后，请同学们回去后思考一下，制作一个图形由远及近并变色的动画，应该怎么做呢？下节课可以和同学进行分享。
(共13张PPT)
逐帧动画
时间轴输出动画编辑器
⑨口
2025
洲关键帧多
图层1
·口
费时间
猜一猜
TEXT
这个动画需要几帧?
2帧
形状补间动画
(6x
观察以下动画,它们都发生了什么变化呢?
形状补间动画就是用来改变颜色、大小、形状
的动画
Adobe Flash" Professional CS6
从模板创建
学习
Action Script 3.0
AIR for Android
1.介绍Fash》
动面
Action Script 2.0
口2.元件
制作方法
范例文件
AIR
口3.时间轴和动面》
广告
口4.实例名称
IR for Android
口5.简单交互
菜体搭放
口6. Action script x
更多
口7.处数据
Flash Java,、件
8.构建应用程序游
打开最近的项目
Fash项目
9为移动设备发布
山形状补间动面na
Action Script30类
口10.为AR发布
打开
Action Script3.0接囗
11. Adobe Tv y
扩展
ea Flash Exchange,
快速入门
新功轮》
开发人员
活动一。=
制作补间动画,
红色长方形变蓝色圆形
温馨提示:完成后记得保存哦!
B
大家来钱
D
时间轴输出动画编辑器
口15
20
30
□可图层1
结
在首尾关键帧,必
时间轴输出动画编器
须执行“修改一“分
⑨口15
10
202530
离”命令(Ctr+B)。
活动二。
制作补间动画,
字母A变字母B
温馨提示:完成后记得保存哦!
活动三。
制作补间动画,
图形花变文字“花
温馨提示:完成后记得保存哦!
展示作品
你收获了什么?
想一想)
照
花朵由远及近并变色的动画
应该怎做?
