第二课 制作形状补间动画教学设计
课题
第二课 制作形状补间动画
单元
第二单元
学科
信息技术
年级
七年级
学习
目标
了解形状补间动画的主要特征。
2、学会形状补间动画的制作技巧。
重点
让学生了解形状补间动画的主要特征以及学会制作形状补间动画。
难点
根据实际需要制作形状补间动画。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
播放一些与形变有关的flash动画。
2、提问：怎样才能制作出这样的动画？
观看动画，积极回答老师提出的问题。
通过观察一些形状补间动画，提出问题，从而激发学生学习兴趣，引出“形状补间”动画。
讲授新课
什么是形状补间动画？
简介
前面我们学习了逐帧动画就是一帧一帧的绘制动画内容。这样的绘制太麻烦，其实，对于某些动画，我们可以通过设定动作的起始帧和终止帧，中间帧由flash自动生成。
在起始帧（关键帧）绘制一个图形，终止帧绘制一个图形，flash根据两帧的形状自动补充中间过程的帧，这样的创建动画称为“形状补间动画”
举例
图形的变形
例1 制作一个圆变成正方形的动画
操作步骤：
第一步：新建一个动画文件。选择椭圆工具，画圆（按住Shift键画圆）。
第二步：单击时间轴的第30帧，单击鼠标右键，插入空白关键帧。
提示：这时播放头移到第30帧，在第1帧至第30帧直接自动地插入了帧，它们的内容都与第1帧相同，称为“静止帧”。如右图：
第三步：单击第30帧（空白关键帧），选择矩形工具，选择合适的填充色在舞台上画出一个正方形（按住Shift画正方形）
第四步：选择第1帧，然后选择【窗口】-【属性(P)】，打开帧的属性面板。
打开帧的属性面板。选择补间方式为形状。
这时Flash根据第1帧和第30帧的内容自动地生成两个关键帧之间的帧
在时间轴上，形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
（2）文字的变形
要将文字变形成其他的形状，需要先将文字“分离”。
例2 将文字“信息技术”变形为“FLASH动画”。
操作步骤：
第一步：在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等。
第二步：在第20帧处插入一个空白关键帧，输入文字“FLASH动画”。调整文字的大小、颜色、字体等。
第三步：选择第1个关键帧，单击菜单【修改(M)】-【分离(K)】 ，将“信息技术”分离成单独的文字；再次单击菜单【修改(M)】- 【分离(K)】 ，将字符分离成图形。（第20帧同理。）
第四步：选择第1个关键帧，打开属性面板，设置补间为“形状”。
第五步：测试影片。
作品提交
制作形状补间动画：将文字“信息技术”变形为长方形。以“名字+班级”为文件名，上传至教学辅助平台。
课后习题:
1、在制作Fash形状补间动画时,我们只需要对场景中起始帧和结束帧的(A)对象进行设置,而动画的中间帧则可以由自动生成
A.图形元件 B.矢量图形
C.按钮元件 D.影片剪辑元件
2、通过观察下图所示的Fash时间轴面板,我们可以判断得知该Fash动画是(A)。
A.形状补间动画
B.动作补间动画
C.遮罩动画
D.引导层动画
想在时间轴的第1帧空白帧输入文字“信息技术”。选择以下哪个文本工具（C）
A. B. C. D.
了解逐帧动画需要一帧一帧的绘制内容，从而引出“形状补间动画”。
通过讲解图形的变化操作过程，学生了解如何从圆形变化成正方形的动画。
强调形状补间动画建好后，时间帧面板的背景色变为淡绿色。
通过课堂练习试一试，学生自主操作，教师巡查辅助 ，检查是否理解“形状补间动画”
强调文字的变形跟图形的变形有一定的区别。文字的变形需要先将文字进行分离。
并且是两次分离。
布置任务，学生自主完成，并上交ittools平台
教师讲解。明白“形状补间动画原理”
操作，了解图形的变化过程。
培养学生的操作能力
实践操作
培养学生完成课堂任务的快速性和灵活性
课堂小结
1、什么是“形状补间动画”？
起始帧（关键帧）绘制一个图形，终止帧绘制一个图形，flash根据两帧的形状自动补充中间过程的帧，这样的创建动画称为“形状补间动画”。
2、图形的变形
在时间轴上，形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
3、文字的变形
要将文字变形成其他的形状，需要先将文字“分离”。
学生回答
利用问题形式进行总结，看看学生的掌握情况。
板书
一、什么是“形状补间动画”？
二、图形的变形。
三、文字的变形。
要将文字变形成其他的形状，需要先将文字“分离”。
课件32张PPT。第二课 制作形状补间动画信息技术新世纪版 七年级下新知导入提问：怎样才能制作出这样的动画？新知导入 前面我们学习了逐帧动画就是一帧一帧的绘制动画内容。这样的绘制太麻烦，其实，对于某些动画，我们可以通过设定动作的起始帧和终止帧，中间帧由flash自动生成。 在起始帧（关键帧）绘制一个图形，终止帧绘制一个图形，flash根据两帧的形状自动补充中间过程的帧，这样的创建动画称为“形状补间动画”新知讲解 一、图形的变形例1 制作一个圆变成正方形的动画 操作步骤第一步：新建一个动画文件。选择椭圆工具，画圆（按住Shift键画圆）。新知讲解 一、图形的变形 操作步骤第二步：单击时间轴的第30帧，单击鼠标右键，插入空白关键帧。新知讲解 一、图形的变形 操作步骤提示：这时播放头移到第30帧，在第1帧至第30帧直接自动地插入了帧，它们的内容都与第1帧相同，称为“静止帧”。如右图：
新知讲解 一、图形的变形 操作步骤第三步：单击第30帧（空白关键帧），选择矩形工具，选择合适的填充色在舞台上画出一个正方形（按住Shift画正方形）新知讲解 一、图形的变形 操作步骤第四步：选择第1帧，然后选择【窗口】-【属性(P)】，打开帧的属性面板。新知讲解 一、图形的变形 操作步骤打开帧的属性面板。选择补间方式为形状。新知讲解 一、图形的变形 操作步骤这时Flash根据第1帧和第30帧的内容自动地生成两个关键帧之间的帧新知讲解 一、图形的变形 操作步骤 按住快捷键Ctrl＋Enter测试（单击【控制】-【测试影片】），可以观察到圆变正方形的整个过程。
新知讲解 一、图形的变形 操作步骤 在时间轴上，形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。新知讲解 使用形状补间动画的制作方法，在第1帧画鱼，在第30帧画螃蟹，制作一个鱼变螃蟹的动画。新知讲解 一、文字的变形例2 将文字“信息技术”变形为“FLASH动画”. 操作步骤要将文字变形成其他的形状，需要先将文字“分离”。第一步：在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等。新知讲解新知讲解 一、文字的变形例2 将文字“信息技术”变形为“FLASH动画”. 操作步骤第二步：在第20帧处插入一个空白关键帧，输入文字“FLASH动画”。调整文字的大小、颜色、字体等。新知讲解 一、文字的变形例2 将文字“信息技术”变形为“FLASH动画”. 操作步骤第三步：选择第1个关键帧，单击菜单【修改(M)】-【分离(K)】 ，将“信息技术”分离成单独的文字；再次单击菜单【修改(M)】- 【分离(K)】 ，将字符分离成图形。（第20帧同理。）新知讲解 一、文字的变形例2 将文字“信息技术”变形为“FLASH动画”. 操作步骤第四步：选择第1个关键帧，打开属性面板，设置补间为“形状”。新知讲解 一、文字的变形例2 将文字“信息技术”变形为“FLASH动画”. 操作步骤第五步：测试影片。新知讲解 制作形状补间动画：将文字“信息技术”变形为长方形。新知讲解 操作步骤第一步：在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等。新知讲解 操作步骤第二步：在第30帧处插入一个空白关键帧。选择矩形工具，画长方形。新知讲解 操作步骤第三步：选择第1个关键帧，单击菜单【修改(M)】-【分离(K)】 ，将“信息技术”分离成单独的文字；再次单击菜单【修改(M)】- 【分离(K)】 ，将字符分离成图形。新知讲解 操作步骤第四步：选择第1个关键帧，打开属性面板，设置补间为“形状”。新知讲解 操作步骤第五步：测试影片。课后习题1、在制作Fash形状补间动画时,我们只需要对场景中起始帧和结束帧的(A)对象进行设置,而动画的中间帧则可以由自动生成
A.图形元件 B.矢量图形
C.按钮元件 D.影片剪辑元件
课后习题2、通过观察下图所示的Fash时间轴面板,我们可以判断得知该Fash动画是(A)。
A.形状补间动画
B.动作补间动画
C.遮罩动画
D.引导层动画
课后习题3、想在时间轴的第1帧空白帧输入文字“信息技术”，应选择下列哪个（C）工具。
A. B. C. D.课堂总结1、什么是“形状补间动画”？
起始帧（关键帧）绘制一个图形，终止帧绘制一个图形，flash根据两帧的形状自动补充中间过程的帧，这样的创建动画称为“形状补间动画”。3、文字的变形要将文字变形成其他的形状，需要先将文字“分离”。2、图形的变形
在时间轴上，形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。板书设计一、什么是“形状补间动画”？
二、图形的变形.
三、文字的变形.要将文字变形成其他的形状，需要先将文字“分离”。谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
