中小学教育资源及组卷应用平台
粤教版信息技术第四册上B版《神奇的变化》教案
课题 神奇的变化 单元 第五课 学科 信息技术 年级 四年级
学习目标 形状补间动画图形变形的形状补间动画文字变形的形状补间动画操作小妙招
重点 形状补间动画操作小妙招
难点 图形变形的形状补间动画文字变形的形状补间动画
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 明明：玲玲，学校一年一度的才艺大赛又要开始了，这次大赛我想用陶土制作一些青花瓷系列的作品。你能帮我设计一个动画来展现这个创作过程吗？ 认真听讲，回想课前内容、交流分享自己的看法。 激发学生兴趣，导入课题。
讲授新课 补间动画做Flash动画时，在两个关键帧中间需要做"补间动画"，才能实现图画的运动。要制作出从一个图形变化到另一个图形的动画，这些图形必须是已经被分离的（也叫打散的）。元件、组合的图形及文字是不能进行形状变化的，必须把它们分离。设置动画时，在前后各一个关键帧里放置不同的一幅画，Flash软件会根据前后两帧的形状自动补充中间过程的帧进行形变。制作图形变形的形状补间动画—陶土变形单击【文件】【导入】【导入到舞台】，将陶土素材导入工作舞台中，并调整大小选中图形，点击【修改】【分离】，将图形打散单击选中第20帧，按F7键插入空白关键帧将瓷壶素材导入到第20帧的工作舞台中，并调整大小单击选中图形，点击【修改】【分离】，将图形分离单击1~20帧中的任一帧单击【属性】，选择【补间】的【形状】选项将文件保存为”陶土变形.fla“，按 + 测试动画影片。注：此时时间轴的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。制作文字变形的形状补间动画新建文档，单击选择文本工具在第1帧工作舞台输入welcome【属性】面板可调节文字字体、大小、颜色等。在第20帧处插入关键帧修改文字为“欢迎你”选中第一帧，单击选中Welcome，点击【修改】【分离】，进行第一次分离再次选中，点击【修改】【分离】，进行第二次分离单击1~20帧中的任一帧单击【属性】，选择【补间】的【形状】选项操作小妙招图形分离：因为Flash不能对群组、图符（元件）、字符或位图图像进行动画变形，所以要将它们进行分离，当选择的对象有多个群组或多个字符的情况时，还需要分离多次。在创建“形状补间动画”时：从外部导入的图片在Flash中输入的文字 必须分离在Flash中调用的元件利用工具箱各种绘图工具绘制的图形→不用分离文字的二次分离：当有两个以上字符的文字进行打散时，第一次分离成单个字符，第二次分离成图形。图形分离的方法：选中图形，点击【修改】【分离】选中图形，右击，选择【分离】选中图形， 快捷键+B 相关帧的使用：可插入空白关键帧、关键帧或过渡帧来延长动画的时间。 认真听讲、仔细思考，回忆预习内容，动手操作，熟悉过程，加深理解。 引导学生动手操作，从实践中学习知识。
课堂练习 通过刚才对影片动画的测试，我们可以看到陶土转变为瓷壶的整个过程，现在让我们用同样的方法，动手尝试完成陶土变形的整个过程吧！通过刚才的练习，大家是不是已经很熟悉形状补间动画的操作呢？现在让我们做一下小树生长的过程吧！形状补间动画和文字补间动画都做过了，能不能将它们合起来呢？动手做一做从“灯笼”到“中秋快乐！”的补间动画吧！判断：1）在创建“形状补间动画”时，从外部导入的图片必须进行分离。（ √ ）2）在创建“形状补间动画”时，“Hello”这个单词进行一次分离就可以。（ × ）3）快捷键F7的作用是插入过渡帧。（ × ） 学生回顾知识，思考回答问题。 让学生开动思维，回顾知识。
作业布置 作业1：设计制作春节的文字形状间补动画。作业2：结合所学知识，搜集图片资料，制作人类进化过程的形状补间动画。 学生课后练习，熟悉操作，加深巩固。 帮助理解、巩固课本内容，了解更多，学会操作。
课堂小结 制作图形变形的形状间补动画制作图形变形的形状间补动画掌握图形分离的相关知识和操作注意结合所学知识进行思考和实践 思考小结内容，巩固学习知识。 总结课堂内容，使学生加深理解。
板书 无板书
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台
《神奇的变化——制作形状补间动画》练习
一、填空
1. 做Flash动画时，在两个关键帧中间需要做（ ），才能实现图画的运动。
2. 要制作出从一个图形变化到另一个图形的动画，这些图形必须是（ ）的。
3. 当有两个以上字符的文字进行打散时，必须进行二次分离，第一次分离成（ ），第二次分离成（ ）。
4. 测试动画影片的快捷键是（ ）。
二、判断
1. 快捷键F7的作用是插入过渡帧。（ ）
2. 在创建“形状补间动画”时，“Hi”这个单词进行一次分离就可以，而“Hello”需要进行二次分离。（ ）
3. 在创建“形状补间动画”时，在Flash中调用的元件必须进行分离。 （ ）
三、简答题
1. 在创建“形状补间动画”，为什么要分离图形？
2. 列举两种图形分离的方法。
3. 若想对某一帧动画进行延时，可以使用哪些方法？
《神奇的变化——制作形状补间动画》答案
一、填空
1. 补间动画
2. 分离（打散）
3. 单个字符 图形
4. +
二、判断
1. 错
2. 错
3. 对
三、简答题
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)(共43张PPT)
粤教版信息技术 第四册B版
5.神奇的变化—制作形状补间动画
新知导入
玲玲，学校一年一度的才艺大赛又要开始了，这次大赛我想用陶土制作一些青花瓷系列的作品。你能帮我设计一个动画来展现这个创作过程吗？
我想Flash 的形状补间动画可以帮助你。
新知导入
用动画展示由陶土变为青花瓷的过程，可以看作是一个形状变化的过程。为什么不能用逐帧动画来做呢？
新知导入
补间动画
图形变形的形状补间动画
文字变形的形状补间动画
操作小妙招
新知讲解
补间动画
01
做Flash动画时，在两个关键帧中间需要做"补间动画"，才能实现图画的运动
补间动画
新知讲解
要制作出从一个图形变化到另一个图形的动画，这些图形必须是已经被分离的（也叫打散的）。
变形金刚
汽车人
新知讲解
元件、组合的图形及文字是不能进行形状变化的，必须把它们分离。
变形金刚
汽车人
新知讲解
设置动画时，在前后各一个关键帧里放置不同的一幅画，Flash软件会根据前后两帧的形状自动补充中间过程的帧进行形变。
变形金刚
汽车人
新知讲解
制作图形变形的形状补间动画
02
——陶土变形
新知讲解
单击【文件】【导入】【导入到舞台】，将陶土素材导入工作舞台中，并调整大小
新知讲解
选中陶土元件，点击【修改】【分离】，将元件打散
第20帧
新知讲解
单击选中第20帧，按F7键插入空白关键帧
新知讲解
将瓷壶素材导入到第20帧的工作舞台中，并调整大小
新知讲解
单击选中茶壶元件，点击【修改】【分离】，将元件分离
新知讲解
单击第1~20帧中的任一帧
新知讲解
单击【属性】，选择【补间】的【形状】选项
新知讲解
此时时间轴的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头
将文件保存为”陶土变形.fla“，按 + 测试动画影片
课堂练习
通过刚才对影片动画的测试，我们可以看到陶土转变为瓷壶的整个过程，现在让我们用同样的方法，动手尝试完成陶土变形的整个过程吧！
课堂练习
陶土变形的过程
课堂练习
陶土变形过程效果
课堂练习
通过刚才的练习，大家是不是已经很熟悉形状补间动画的操作呢？现在让我们做一下小树生长的过程吧！
课堂练习
小树生长过程效果
新知讲解
制作文字变形的形状补间动画
03
Welcome
欢迎你
新知讲解
新建文档，单击选择文本工具
新知讲解
在第1帧工作舞台输入welcome
【属性】面板可调节文字字体、大小、颜色等。
新知讲解
修改文字为“欢迎你”
在第20帧处插入关键帧
新知讲解
选中第一帧，单击选中Welcome，点击【修改】【分离】，进行第一次分离
再次选中，点击【修改】【分离】，进行第二次分离
词组分离成单个文字
单个文字分离成图形
新知讲解
单击1~20帧中的任一帧
单击【属性】，选择【补间】的【形状】选项
新知讲解
实线，可以测试影片
虚线，动画设置失败
新知讲解
文字变形过程效果
课堂练习
形状补间动画和文字补间动画都做过了，能不能将它们合起来呢？动手做一做从“灯笼”到“中秋快乐！”的补间动画吧！
中秋快乐！
课堂练习
中秋快乐变形效果
拓展提高
操作小妙招
04
拓展提高
（1）图形分离：
因为Flash不能对群组、图符（元件）、字符或位图图像进行动画变形，所以要将它们进行分离，当选择的对象有多个群组或多个字符的情况时，还需要分离多次。
拓展提高
（2）在创建“形状补间动画”时：
从外部导入的图片
在Flash中输入的文字
在Flash中调用的元件
必须分离
利用工具箱各种绘图工具绘制的图形
不用分离
拓展提高
（3）文字的二次分离：
当有两个以上字符的文字进行打散时，第一次分离成单个字符，第二次分离成图形。
拓展提高
（4）图形分离的方法：
选中图形，点击【修改】【分离】
选中图形，右击，选择【分离】
选中图形， 快捷键+B
拓展提高
（5）相关帧的使用：
可插入空白关键帧、关键帧或过渡帧来延长动画的时间。
课堂练习
判断：
1. 在创建“形状补间动画”时，从外部导入的图片必须进行分离。 （ ）
2. 在创建“形状补间动画”时，“Hello”这个单词进行一次分离就可以。 （ ）
3. 快捷键F7的作用是插入过渡帧。 （ ）
×
×
√
课堂总结
制作图形变形的形状间补动画
1
制作图形变形的形状间补动画
2
掌握图形分离的相关知识和操作
3
注意结合所学知识进行思考和实践
4
作业布置
作业1：设计制作春节的文字形状间补动画。
作业2：结合所学知识，搜集图片资料，制作人类进化过程的形状补间动画。
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
