第5课 神奇的变化—制作形状补间动画（课件）2025-2026学年五年级上册信息技术粤教版

粤教版信息技术 第四册B版 5.神奇的变化—制作形状补间动画 1 新知导入 玲玲，学校一年一度的才艺大赛又要开始了，这次大赛我想用陶土制作一些青花瓷系列的作品。你能帮我设计一个动画来展现这个创作过程吗？ 我想Flash 的形状补间动画可以帮助你。 2 新知导入 用动画展示由陶土变为青花瓷的过程，可以看作是一个形状变化的过程。为什么不能用逐帧动画来做呢？ 新知导入 补间动画 图形变形的形状补间动画 文字变形的形状补间动画 操作小妙招 01 新知讲解 补间动画 01 做Flash动画时，在两个关键帧中间需要做"补间动画"，才能实现图画的运动 补间动画 5 新知讲解 要制作出从一个图形变化到另一个图形的动画，这些图形必须是已经被分离的（也叫打散的）。 变形金刚 汽车人 新知讲解 元件、组合的图形及文字是不能进行形状变化的，必须把它们分离。 变形金刚 汽车人 新知讲解 设置动画时，在前后各一个关键帧里放置不同的一幅画，Flash软件会根据前后两帧的形状自动补充中间过程的帧进行形变。 变形金刚 汽车人 新知讲解 制作图形变形的形状补间动画 02 ——陶土变形 9 新知讲解 单击【文件】【导入】【导入到舞台】，将陶土素材导入工作舞台中，并调整大小 10 新知讲解 选中陶土元件，点击【修改】【分离】，将元件打散 11 第20帧 新知讲解 单击选中第20帧，按F7键插入空白关键帧 12 新知讲解 将瓷壶素材导入到第20帧的工作舞台中，并调整大小 13 新知讲解 单击选中茶壶元件，点击【修改】【分离】，将元件分离 14 新知讲解 02 单击第1~20帧中的任一帧 15 新知讲解 单击【属性】，选择【补间】的【形状】选项 16 新知讲解 此时时间轴的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头 将文件保存为”陶土变形.fla“，按<Ctrl> + <Enter> 测试动画影片 17 课堂练习 通过刚才对影片动画的测试，我们可以看到陶土转变为瓷壶的整个过程，现在让我们用同样的方法，动手尝试完成陶土变形的整个过程吧！ 18 课堂练习 陶土变形的过程 19 课堂练习 陶土变形过程效果 20 课堂练习 通过刚才的练习，大家是不是已经很熟悉形状补间动画的操作呢？现在让我们做一下小树生长的过程吧！ 21 课堂练习 小树生长过程效果 22 新知讲解 制作文字变形的形状补间动画 03 Welcome 欢迎你 23 新知讲解 新建文档，单击选择文本工具 24 新知讲解 在第1帧工作舞台输入welcome 【属性】面板可调节文字字体、大小、颜色等。 25 新知讲解 修改文字为“欢迎你” 在第20帧处插入关键帧 26 新知讲解 选中第一帧，单击选中Welcome，点击【修改】【分离】，进行第一次分离 再次选中，点击【修改】【分离】，进行第二次分离 词组分离成单个文字 单个文字分离成图形 27 新知讲解 02 单击1~20帧中的任一帧 单击【属性】，选择【补间】的【形状】选项 28 新知讲解 实线，可以测试影片 虚线，动画设置失败 29 新知讲解 文字变形过程效果 课堂练习 形状补间动画和文字补间动画都做过了，能不能将它们合起来呢？动手做一做从“灯笼”到“中秋快乐！”的补间动画吧！ 中秋快乐！ 31 课堂练习 中秋快乐变形效果 拓展提高 操作小妙招 04 33 拓展提高 （1）图形分离： 因为Flash不能对群组、图符（元件）、字符或位图图像进行动画变形，所以要将它们进行分离，当选择的对象有多个群组或多个字符的情况时，还需要分离多次。 34 拓展提高 （2）在创建“形状补间动画”时： 从外部导入的图片 在Flash中输入的文字 在Flash中调用的元件 必须分离 利用工具箱各种绘图工具绘制的图形 不用分离 35 拓展提高 （3）文字的二次分离： 当有两个以上字符的文字进行打散时，第一次分离成单个字符，第二次分离成图形。 36 拓展提高 （4）图形分离的方法： 选中图形，点击【修改】【分离】 选中图形，右击，选择【分离】 选中图形， 快捷键<Ctrl>+B 37 拓展提高 （5）相关帧的使用： 可插入空白关键帧、关键帧或过渡帧来延长动画的时间。 38 课堂练习 判断： 1. 在创建“形状补间动画”时，从外部导入的图片必须进行分离。 （ ） 2. 在创建“形状补间动画”时，“Hello”这个单词进行一次分离就可以。 （ ） 3. 快捷键F7的作用是插入过渡帧。 （ ） × × √ 39 课堂总结 制作图形变形的形状间补动画 1 制作图形变形的形状间补动画 2 掌握图形分离的相关知识和操作 3 注意结合所学知识进行思考和实践 4 40 作业布置 作业1：设计制作春节的文字形状间补动画。 作业2：结合所学知识，搜集图片资料，制作人类进化过程的形状补间动画。 $$