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