资源简介

中小学教育资源及组卷应用平台
粤高教A版2021信息技术九年级教学设计
课题 第三节 补间动画让物体动起来 单元 第一单元 学科 信息技术 年级 九
学习目标 (1) 了解帧的概念和类型，以及帧、图层、场景与动画的构成关系。(2)熟练掌握插人帧、插人关键帧和新建图层的操作。(3)理解补间动画的基本原理。(4)熟练掌握补间动作动画的制作方法。(5)学会多种测试动画效果的方法。(6)在制作补间动作动画的过程中，学会正确地使用各种不同类型的帧。(7)通过实例，掌握补间动作动画的三种主要变化形式:大小、颜色和位置。(8)在制作补间动作动画的过程中学习技术，感受Flash高效、简便的动画制作技术。(9)体验多种变化形式的补间动画效果，大胆实践，细心观察，巧妙运用技术，充分发挥个性创意。
重点 (1)理解补间动画的原理。(2)理解和运用关键帧，熟练创建补间动画。(3)学会运用大小、颜色和位置改变制作多种变化形式的动画效果。
难点 (1)理解和区分各种类型的帧及其作用，尤其是对关键帧的作用。(2)正确地调整颜色Alpha值，改变元件的透明度。(3)准确分析动画创作需求，灵活运用大小、颜色和位置的变化，实现所要表达的动画效果。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 播放《多变的彩球》和《花儿生长》这两个动画图片素材准备就绪，图形元件也已绘制完毕，王进迫不及待地跑去找陈佳:“现在，可以开始做动画了吧 ”“行! "Flash动画是怎样构成的呢 先做什么呢 观看动画，激起兴趣，从而激起强烈的求知欲 激发学生的学习兴趣，让学生觉得有趣而想学
新知讲解 帧与动画的构成1．帧在 Flash 的时间轴上，每一小格就表示一帧。帧代表着某一时刻的画面，动画是由若干个不同画面的帧组成的，不同动画任务需要不同类型的帧，帧的数量及其播放速度(每秒出现的帧数)决定了动画的播放时间，如图1-27所示。(1 )空白帧。指没有内容的帧。当播放头到达所有层均为空白帧时，就会停止放映动画。(2)关键帧。指定义动画内容发生变化的帧。关键帧以实心的黑点表示。(3)空白关键帧。是关键帧的一种，表示动画内容发生变化，但画面是空白的，具体内容暂未定义。空白关键帧以空心的圆点表示，新建Flash文档的第1帧默认为空白关键帧。2．动画组成结构Flash动画是由帧→图层→场景→动画逐层构建的，如图1-28所示。制作动画实际上就是一个创作的过程:首先要确定动画的主题，然后构思过程和情节，再根据需要收集素材，准备充足才开始着手制作，这样才会使动画效果连贯、流畅，从下而上逐步搭建起整个动画。设计和制作可以分别从宏观和微观两个方面来进行规划。(1)宏观方面。从连续放映上考虑，要跳出局部细节，主要构思动画的场景、画面元素及其变化的先后关系，从上而下，在整体上把握整个动画的动作、节奏和风格等。(2）微观方面。从下而上，逐帧生成，小到每一个元件、每一帧、每一个图层都要仔细检查。3．补间动画Flash提供了一种新型的动画制作方式，即补间动画。只要确定动画起始与结束这两个关键帧的元件状态，Flash就会自动根据动作变化规律完成中间的变化过程,从而实现动画效果。补间动画可分为动作动画和形状动画两种制作方式，其中动作动画是动画制作中最基本、最常用的方式。“运动会.swf”中的片头部分就是通过改变图片的大小、颜色和位置制作出来的。灵活使用这些技巧，你也可以制作出千变万化的精彩动画。二、大小变化的动作动画.“运动会.swf”动画中炫目的闪光灯实际上就是一个白色光圈的大小变化所产生的动画效果。1．绘制白色光圈元件(1)新建元件。选择“插人”菜单中的“新建元件”命令，在弹出的对话框选项中选择“图形”，元件命名为“光圈”。(2)绘制圆形。在工具栏中选择“椭圆工具”，笔触颜色设置为无色，填充色设置为白色，然后在图形元件的编辑区中画出一个圆形。(3)调整填充色。选择工具栏中的“颜料桶工具线”，打开“混色器”面板，将“混色样式”选项设为“放射状”。调整渐变条中的第一个颜色渐变点为白色，Alpha值为100%;第二个颜色渐变点也为白色，Alpha值为0。将“颜料桶工具的”在圆形上单击，一个光圈就出现了，如图1-29所示。(4)返回场景。完成光圈元件的制作后，单击时间轴上的“场景1”按钮。2．创建补间动画(1)设置底图。选中“图层1”的第1帧，将库中的背景图片拖放到场景中间。选择工具栏中的“任意变形工具n”，当图片四周出现8个控制点时，移动鼠标至控制点，然后拖动鼠标改变图片的大小，使其恰好覆盖整个舞台，如图1-30所示。(2)创建新图层。点击时间轴下方的“新建层”图标[如图1-31 (a)所示]，快速创建“图层2”。(3)图层改名。双击时间轴上的“图层1”，改名为“底图”。用同样的方法将“图层2”改名为“闪光灯”，如图1-31(b)、(c)所示。(4)背景图的延时。鼠标移到“底图”的第30帧，单击鼠标右键，选择“插入帧”命令(如图1-32所示)，或按F5键，使背景图延长到第30帧。(5)设定闪光起始帧画面。选择“闪光灯”的第1帧，将“光圈”元件从库中拖放到场景中。用“任意变形工具致”将元件缩小，并放在背景图中的光点位置，如图1-33所示。(6)设定闪光结束帧画面。将鼠标移到第5帧,单击鼠标右键,选择“插入关键帧”命令，也可按F6键。用“任意变形工具遵”将元件放大，使其覆盖整个场景，如图1-34所示。(7)创建补间动画。鼠标移至“闪光灯”的第1帧与第5帧之间,单击鼠标右键，选择“创建补间动画”命令。创建动作补间后，在时间轴上将出现一个从第1帧指向第5帧的箭头，如图1一35所示。3.测试动画效果每制作完成一段动画效果后都应进行测试，检查动画过程中的效果和时间是否适当，以便及时发现问题并进行修改。测试动画的方法有两种:方法一:选择“控制”菜单中的“播放”命令，或将播放头拖放到第1帧处，然后按 Enter键进行播放。方法二:选择“控制”菜单中的“测试影片”命令，或按Ctrl+Enter键进行测试。位置变化的动作动画创建新图层输入文字3、设定起始帧与结束帧动画 听讲、圈划重点，并动手实践。 增进新知，提高学生动手实践能力。
观看微课,自学新知识 学生观看微课《关键帧动画一从小变大的小球》，微课内容为绘制一个五彩的小球，实现小球从小变大的动画补间动画 观看微课，学生按自己的进度灵活掌握观看时间 通过自主学习知道Flash动画中动画补间动画的制作方法.
实践操作 任务:学生根据微课内容，模仿完成彩球的从小变大的操作 学生尝试动手完成彩球从小变大的动画操作 在实践中体会
归纳总结 教师总结本节课的知识点 认真听老师的总结,查漏补缺 让学生轻松地掌握知识和巩固知识
拓展延伸 教师布置拓展练习:在完成彩球从小变大的动画以后，继续练习:1.尝试完成彩球从大变小的动画2.尝试完成彩球从左到右位置的变化的动画3.尝试完成彩球自转的动画4.尝试完成彩球逐渐消失(或逐渐出现)的动画5.新建一个flash 文件，尝试完成文字的动画补间动画(类似彩球，可以移动、缩小放大、旋转、消失或者出现) 学生自主探究，得出制作的方法，从而加深对动画补间动画形成的理解 让学生自主寻求动画补间动画的各种效果，而不是老师教什么效果就只能做这种效果，这样更能让学生灵活掌握动画补间动画的原理，运用在实际动画制作过程中，更能培养学生的学习兴趣和自主学习的能力
板书 补间动画让物体动起来一、帧与动画的构成二、大小变化的动作动画三、颜色变化的动作动画四、位置变化的动作动画
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共22张PPT)
信
技
息
术
九年级
第一章 二维动画制作
第三节 补间动画让物体动起来
（粤高教A版2021）
新知导入
新知导入
看
看
一
想
想
一
思
考
图片素材准备就绪，图形元件也已绘制完毕，王进迫不及待地跑去找陈佳:“现在，可以开始做动画了吧 ”“行! "Flash动画是怎样构成的呢 先做什么呢
新知导入
标
学
目
习
(2)什么是补间动画
(1)Flash动画是怎样构成的
(3)如何运用补间动画制作出大小、颜色和位
置变化的变幻效果
新知讲解
一、帧与动画的构成
1.帧
1．帧在 Flash 的时间轴上，每一小格就表示一帧。帧代表着某一时刻的画面，动画是由若干个不同画面的帧组成的，不同动画任务需要不同类型的帧，帧的数量及其播放速度(每秒出现的帧数)决定了动画的播放时间，如图1-27所示。
新知讲解
一、帧与动画的构成
1.帧
空白帧
空白关键帧
空白帧指没有内容的帧。当播放头到达所有层均为空白帧时，就会停止放映动画。
关键帧指定义动画内容发生变化的帧。关键帧以实心的黑点表示。
空白关键帧是关键帧的一 种，表示动画内容发生变化，但画面是空白的，具体内容暂未定义。空白关键帧以空心的圆点表示，新建Flash文档的第1帧默认为空白关键帧。
关键帧
释
名
解
词
普通帧
有些画面由电脑自动生成，这样的帧称为普通帧。
新知讲解
一、帧与动画的构成
2.动画组成结构
Flash动画是由帧- >图层- >场景-→动画逐层构建的
新知讲解
一、帧与动画的构成
2.动画组成结构
制作动画实际上就是一个创作的过程:首先要确定动画的主题，然后构思过程和情节，再根据需要收集素材，准备充足才开始着手制作，这样才会使动画效果连贯、流畅，从下而上逐步搭建起整个动画。
新知讲解
一、帧与动画的构成
2.动画组成结构
设计和制作可以分别从宏观和微观两个方面来进行规划。(1)宏观方面。从连续放映上考虑，要跳出局部细节，主要构思动画的场景、画面元素及其变化的先后关系，从上而下，在整体上把握整个动画的动作、节奏和风格等。
(2）微观方面。从下而上，逐帧生成，小到每一个元件、每一帧、每一个图层都要仔细检查。
新知讲解
一、帧与动画的构成
3.补间动画
只要确定动画起始与结束这两个关键帧的元件状态，Flash 就会自动根据动作变化规律完成中间的变化过程，从而实现动画效果。
新知讲解
二、大小变化的动作动画
1.绘制白色光圈元件
新知讲解
二、大小变化的动作动画
2.创建补间动画
3.测试效果
任务1
创
作
我
会
制作夜空中闪烁的星星
新知讲解
三、颜色变化的动作动画
1.创建新图层
2.设定图片渐显
3.图片延时
4.设定图片渐隐
任务2
创
作
我
会
制作湖心荡漾的水波
新知讲解
四、位置变化的动作动画
1.创建新图层
2.输入文字
3.设定起始帧与结束帧画面
任务3
创
作
我
会
制作天空中飘动的云朵
课堂总结
拓
展
一、图形的变形
例1 制作一个圆变成正方形的动画
课堂总结
总
结
第三节 补间动画让物体动起来
一、帧与动画的构成
二、大小变化的动作动画
三、颜色变化的动作动画
四、位置变化的动作动画
板书设计
第三节 补间动画让物体动起来
一、帧与动画的构成
二、大小变化的动作动画
三、颜色变化的动作动画
四、位置变化的动作动画
课堂作业
1如果要制作篮球下落动画，最快捷又形象的方法用（ ）完成。
A．关键帧 B．引导线
C．运动补间 D．形状补间
2时间轴上用小黑点表示的帧是（ ）。
A.空白帧 B.关键帧 C. 空白关键帧 D.过渡帧
C
B
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php

展开更多......

收起↑