资源简介

中小学教育资源及组卷应用平台
粤高教A版2021信息技术第三节 补间动画让物体动起来教学设计
课题 补间动画让物体动起来 单元 第一单元 学科 信息技术 年级 九年级
学习目标 1.了解帧的概念和类型，以及帧、图层、场景与动画的构成关系；理解补间动画的基本原理。2.熟练掌握插入帧、插入关键帧和新建图层的操作；熟练掌握补间动画的制作方法。3.感受Flash高效、简便的动画制作技术，提高学习兴趣。
重点 熟练掌握插入帧、插入关键帧和新建图层的操作；熟练掌握补间动画的制作方法。
难点 熟练掌握插入帧、插入关键帧和新建图层的操作；熟练掌握补间动画的制作方法。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 Flash动画是怎样构成的呢 先做什么呢 有的同学感到既好奇又兴奋。那么，这节课我们一块来学习动画的制作。 思考 激发学生学习兴趣并快速进入学习状态
讲授新课 问题：(1)Flash动画是怎样构成的 (2)什么是补间动画 如何运用补间动画制作出大小、颜色和位置变化的变幻效果 任务运用各种不同变幻效果的动作动画制作一个在闪动的图片下出现的动画标题。动画效果可参照下图一、帧与动画的构成1.帧在 Flash的时间轴上，每一小格就表示一帧。帧代表着某一时刻的画面，动画是由若干个不同画面的帧组成的，不同动画任务需要不同类型的帧帧的数量及其播放速度(每秒出现的帧数)决定了动画的播放时间，如图所示。(1)空白帧 空白帧指没有内容的帧。当播放头到达所有层均为空白帧寸，就会停止放映动画。(2)关键帧关键帧指定义动画内容发生变化的帧。关键帧以实心的黑点表示。(3)空白关键帧空白关键帧是关键帧的一种，表示动画内容发生变化，但画面是空白的，具体内容暂未定义空白关键帧以空心的圆点表示，新建Flash文档的第1帧默认为空白关键帧。2.动画组成结构Flash动画是由帧一图层→场景→动画逐层构建的，如图所示。制作动画首先要确定动画的主题然后构思过程和情节，再根据需要收集素材，准备充足才着手制作这样才会使动画效果连贯、流畅，从下而上逐步搭建起整个动画。设计和制作可以分别从宏观和微观两个方面来进行规划。（1)宏观方面从连续放映上考虑，要跳出局部细节，主要构思动画的场景、画面元素及其变化的先后关系，从上而下，在整体上把握整个动画的动作节奏和风格等。(2)微观方面从下而上，逐帧生成，小到每一个元件、每一帧、每个图层都要仔细检查。3.补间动画Flash提供了一种新型的动画制作方式，即补间动画只要确定动画起始与结束这两个关键帧的元件状态， Flash就会自动根据动作变化规律完成中间的变化过程，从而实现动画效果。补间动画可分为动作动画和形状动画两种制作方式，其中动作动画是动画制作中最基本、最常用的方式。二、大小变化的动作动画“运动会.swf＂动画中炫目的闪光灯实际上就是一个白色光圈的大小变化所产生的动画效果。1.绘制白色光圈元件(1)新建元件选择“插入”菜单中的“新建元件”命令，在弹出的对话框选项中选择“图形”，元件命名为“光圈”。(2)绘制圆形。在工具栏中选择“椭圆工具”笔触颜色设置为无色，填充色设置为白色 然后在图形元件的编辑区中画出一个圆形。(3)调整填充色选择工具栏中的“颜料桶工具”，打开“混色器”面板，将“混色样式”选项设为“放射状”调整渐变条中的第一个颜色渐变点为白色， Alpha值为100％;第二个颜色渐变点也为白色， Alpha值为0。将“颜料桶工具”在圆形上单击，一个光圈就出现了，如图所示。(4)返回场景完成光圈元件的制作后，单击时间轴上的“场景1”按钮。2.创建补间动画(1)设置底图选中“图层1”的第1帧，将库中的背景图片拖放到场景中间。选择工具栏中的“任意变形工具”当图片四周出现8个控制点时移动鼠标至控制点，拖动鼠标改变图片的大小，使其恰好覆盖整个场景，如图所示。(2)创建新图层点击时间轴下方的“新建层”图标，如图 (a)所示快速创建“图层2”(3)图层改名双击时间轴上的“图层1”，改名为“底图”。用同样的方法将“图层2”改名为“闪光灯”，如图 (b)(c)所示。(4)背景图的延时鼠标移到“底图”的第30帧，单击鼠标右键，选择“插人帧”命令，如图所示，或按F5键，使背景图延长到第30帧。(5)设定闪光起始帧画面选择“闪光灯”的第1帧，将“光圈”元件从库中拖放到场景中。用“任意变形工具”将元件缩小，并放在背景图中的光点位置，如图所示(6)设定闪光结束帧画面将鼠标移到第5帧，单击鼠标右键，选择 “插入关键帧”命令，也可按F6键用”任意变形工具”将元件放大，使其覆盖整个场景，如图所示(7)创建补间动画鼠标移至“闪光灯”的第1帧与第5帧之间，单击鼠标右键，选择“创建补间动画”命令创建动作补间后，在时间轴上将出现个从第1帧指向第5帧的箭头，如图所示。3.测试动画效果每制作完成一段动画效果后都应进行测试，检查动画过程中的效果和时间是否适当，以便及时发现问题并进行修改测试动画的方法有两种:方法一:选择“控制”菜单中的“播放”命令，或将播放头拖放到第1帧处，然后按 Enter键进行播放。方法二:选择“控制”菜单中的“测试影片”命令，或按Cr+ Enter键进行测试。实践运用大小变化动画，试一试制作夜空中闪烁的星星，如图所示实践改变对象的大小时，如何运用“変形”面板，精确地调动画对象的形状变化 三、颜色变化的动作动画在设计动画时，常运用颜色的变化来使两个不同的画面过渡得更加自然，如运动会，swf”在背景图中交错闪现的运动图片就利用了颜色变化，使图片渐显渐隐。1.创建新图层创建“图层3”，并将“图层3”改名为“运动图”。2.设定图片渐显(1)设定起始帧画面首先，将鼠标移到“运动图”的第5帧，插入关键帧将选中的“运动图片1”元件从库中拖放到场景中，调整图片的大小然后，右键单击图片选择“转换为元件”命令，如图所示。(2)设置图片属性选中该图形元件，将属性面板中的颜色 Alpha值调为10％，如图所示将图形元件的 Alpha值调低，图片就变得半透明了。(3)设定结束帧画面将鼠标移到“运动图”的第10帧，插入关键帧，将该运动图片调大且颜色 Alpha 1值调为100%(4)创建补间动画鼠标移至“运动图”的第5帧与第10帧之间，单击鼠标右键，选择“创建补间动画”命令，运动图片从底图中渐渐显现的动画效果就实现了。3.图片延时在第15帧插入关键帧，使运动图片停留片刻。4.设定图片渐隐制作原理与设定图片渐显相同，但过程相反。首先，在第20帧插入关键帧，将运动图片再调大且颜色 Alpha值设为0，即图片完全透明在第15帧与第20帧之间创建补间动画，如图所示。重复上述步骤，插入多幅运动图片，使不同的运动图片交错出现，可制作出节奏感强的动感效果。实践运用大小和颜色变化，试制作在湖心荡的水波，参照下图探究观察属性面板中的色栏，除了Alpha外还有哪些选项。尝试改变它们的值，看看会发生什么变化。四、位置变化的动作动画在“运动会.swf”中，动画标题从画面左边移到中间，这就是动作动画中最常用的位置变化动画。1.创建新图层创建“图层4”，并将“图层4”改名为“标题”。2.输入文字选择“标题”的第20帧，然后点击工具栏中的文字工具 ，在场景中输入“学生运动会”通过属性面板我们可以修改其字体、字号和字体颜色等如图所示除了 Windows自带的字体外，还可以点击“开始”按钮，打开“控制面板”中的“字体”程序，安装新字体，使文字更美观独特如图所示，其文字字体就采用了“经典综艺体简”3.设定起始帧与结束帧画面先设定起始帧，将第20帧中的标题文字移到场景的最右边(如图所示)再设定结束帧，在第25帧插入关键帧，文字移到场景中间，然后在第20帧与第25帧之间创建补间动画最后测试一下动画效果:标题文字从场景右边移到中间。实践运用位置变化动画，制作天空中飘动的云朵，参照下图探究观察帧属性面板，如图所示，尝试修改“旋转”选项，看动作动画会发生什么变化。课堂练习1、（ ）指定义动画内容发生变化的帧。2、补间动画可分为（ ）和（ )两种制作方式，其中( )是动画制作中最基本、最常用的方式。3、选择“控制”菜单中的“测试影片”命令，或按( ) )键进行测试。 通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。通过老师演示学生动手操作，提高动手能力。小组交流、分享通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。学生动手实践操作，学生小组间讨论，共同完成任务。通过老师演示学生动手操作，提高动手能力。小组交流、分享学生动手实践操作，学生小组间讨论，共同完成任务通过老师演示学生动手操作，提高动手能力。小组交流、分享学生小组间讨论，共同完成任务，并分组汇报。 通过小组合作，加强学生组内团结、共同完成任务，通过小组合作，加强学生组内团结、共同完成任务，加强学生组内团结、共同完成任务，通过小组合作，加强学生组内团结、共同完成任务，通过小组合作，加强学生组内团结、共同完成任务，通过小组合作，加强学生组内团结、共同完成任务，培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。加强学生组内团结、共同完成任务，培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。加强学生组内团结、共同完成任务培养学生独立完成练习的能力。
课堂小结 分小组总结归纳，教师补充。 各组汇报总结，其他小组成员做补充。 锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业 (1)Flash动画是怎样构成的 (2)什么是补间动画 如何运用补间动画制作出大小、颜色和位置变化的变幻效果
板书 一、帧与动画的构成1.帧2.动画组成结构3.补间动画二、大小变化的动作动画1.绘制白色光圈元件2.创建补间动画3.测试动画效果三、颜色变化的动作动画1.创建新图层2.设定图片渐显3.图片延时4.设定图片渐隐四、位置变化的动作动画1.创建新图层2.输入文字3.设定起始帧与结束帧画面
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共47张PPT)
信息技术粤高教A版2021
第三节 补间动画让物体动起来
新知导入
Flash动画是怎样构成的呢 先做什么呢 有的同学感到既好奇又兴奋。那么，这节课我们一块来学习动画的制作。
新知讲解
(1)Flash动画是怎样构成的 (2)什么是补间动画 如何运用补间动画制作出大小、颜色和位置变化的变幻效果
问题
新知讲解
运用各种不同变幻效果的动作动画制作一个在闪动的图片下出现的动画标题。动画效果可参照下图
任务
新知讲解
一、帧与动画的构成
1.帧
在 Flash的时间轴上，每一小格就表示一帧。
帧代表着某一时刻的画面，动画是由若干个不同画面的帧组成的，不同动画任务需要不同类型的帧
新知讲解
帧的数量及其播放速度(每秒出现的帧数)决定了动画的播放时间，如图所示。
新知讲解
(1)空白帧
空白帧指没有内容的帧。当播放头到达所有层均为空白帧寸，就会停止放映动画。
关键帧指定义动画内容发生变化的帧。关键帧以实心的黑点表示。
(2)关键帧
新知讲解
(3)空白关键帧
空白关键帧是关键帧的一种，表示动画内容发生变化，但画面是空白的，具体内容暂未定义
空白关键帧以空心的圆点表示，新建Flash文档的第1帧默认为空白关键帧。
新知讲解
2.动画组成结构
Flash动画是由帧一图层→场景→动画逐层构建的，如图所示。
新知讲解
制作动画首先要确定动画的主题
然后构思过程和情节，再根据需要收集素材，准备充足才开始着手制作
这样才会使动画效果连贯、流畅，从下而上逐步搭建起整个动画。
新知讲解
设计和制作可以分别从宏观和微观两个方面来进行规划。
从连续放映上考虑，要跳出局部细节，主要构思动画的场景、画面元素及其变化的先后关系，从上而下，在整体上把握整个动画的动作节奏和风格等。
（1)宏观方面
从下而上，逐帧生成，小到每一个元件、每一帧、每个图层都要仔细检查。
(2)微观方面
新知讲解
3.补间动画
Flash提供了一种新型的动画制作方式，即补间动画
只要确定动画起始与结束这两个关键帧的元件状态， Flash就会自动根据动作变化规律完成中间的变化过程，从而实现动画效果。
补间动画可分为动作动画和形状动画两种制作方式，其中动作动画是动画制作中最基本、最常用的方式。
新知讲解
“运动会.swf＂动画中炫目的闪光灯实际上就是一个白色光圈的大小变化所产生的动画效果。
二、大小变化的动作动画
1.绘制白色光圈元件
(1)新建元件
选择“插入”菜单中的“新建元件”命令，在弹出的对话框选项中选择“图形”，元件命名为“光圈”。
新知讲解
(2)绘制圆形。
然后在图形元件的编辑区中画出一个圆形。
在工具栏中选择“椭圆工具”
笔触颜色设置为无色 ，填充色设置为白色
新知讲解
(3)调整填充色
调整渐变条中的第一个颜色渐变点为白色， Alpha值为100％;第二个颜色渐变点也为白色， Alpha值为0。
选择工具栏中的“颜料桶工具” ，打开“混色器”面板，将“混色样式”选项设为“放射状”
将“颜料桶工具” 在圆形上单击，一个光圈就出现了，如图所示。
新知讲解
(4)返回场景
完成光圈元件的制作后，单击时间轴上的“场景1”按钮。
新知讲解
2.创建补间动画
选中“图层1”的第1帧，将库中的背景图片拖放到场景中间。
当图片四周出现8个控制点时移动鼠标至控制点，拖动鼠标改变图片的大小，使其恰好覆盖整个场景，如图所示。
(1)设置底图
选择工具栏中的“任意变形工具”
新知讲解
点击时间轴下方的“新建层”图标，如图 (a)所示快速创建“图层2”
(2)创建新图层
双击时间轴上的“图层1”，改名为“底图”。用同样的方法将“图层2”改名为“闪光灯”，如图 (b)(c)所示。
(3)图层改名
新知讲解
(4)背景图的延时
鼠标移到“底图”的第30帧，单击鼠标右键，选择“插入帧”命令，如图所示，或按F5键，使背景图延长到第30帧。
新知讲解
选择“闪光灯”的第1帧，将“光圈”元件从库中拖放到场景中。用“任意变形工具”将元件缩小，并放在背景图中的光点位置，如图所示
(5)设定闪光起始帧画面
新知讲解
将鼠标移到第5帧，单击鼠标右键，选择 “插入关键帧”命令，也可按F6键
用”任意变形工具”将元件放大，使其覆盖整个场景，如图所示
(6)设定闪光结束帧画面
新知讲解
鼠标移至“闪光灯”的第1帧与第5帧之间，单击鼠标右键，选择“创建补间动画”命令
(7)创建补间动画
创建动作补间后，在时间轴上将出现个从第1帧指向第5帧的箭头，如图所示。
新知讲解
3.测试动画效果
每制作完成一段动画效果后都应进行测试，检查动画过程中的效果和时间是否适当，以便及时发现问题并进行修改
方法二:选择“控制”菜单中的“测试影片”命令，或按Cr+ Enter键进行测试。
测试动画的方法有两种:
方法一:选择“控制”菜单中的“播放”命令，或将播放头拖放到第1帧处，然后按 Enter键进行播放。
新知讲解
运用大小变化动画，试一试制作夜空中闪烁的星星，如图所示
实践
新知讲解
改变对象的大小时，如何运用“変形”面板，精确地调动画对象的形状变化
实践
新知讲解
在设计动画时，常运用颜色的变化来使两个不同的画面过渡得更加自然，如运动会，swf”在背景图中交错闪现的运动图片就利用了颜色变化，使图片渐显渐隐。
三、颜色变化的动作动画
1.创建新图层
创建“图层3”，并将“图层3”改名为“运动图”。
新知讲解
首先，将鼠标移到“运动图”的第5帧，插入关键帧
将选中的“运动图片1”元件从库中拖放到场景中，调整图片的大小
2.设定图片渐显
然后，右键单击图片选择“转换为元件”命令，如图所示。
(1)设定起始帧画面
新知讲解
选中该图形元件，将属性面板中的颜色 Alpha值调为10％，如图所示
将图形元件的 Alpha值调低，图片就变得半透明了。
(2)设置图片属性
新知讲解
将鼠标移到“运动图”的第10帧，插入关键帧，将该运动图片调大且颜色 Alpha 1值调为100%
鼠标移至“运动图”的第5帧与第10帧之间，单击鼠标右键，选择“创建补间动画”命令，运动图片从底图中渐渐显现的动画效果就实现了。
(3)设定结束帧画面
(4)创建补间动画
新知讲解
在第15帧插入关键帧，使运动图片停留片刻。
3.图片延时
制作原理与设定图片渐显相同，但过程相反。
4.设定图片渐隐
新知讲解
首先，在第20帧插入关键帧，将运动图片再调大且颜色 Alpha值设为0，即图片完全透明
在第15帧与第20帧之间创建补间动画，如图所示。
新知讲解
重复上述步骤，插入多幅运动图片，使不同的运动图片交错出现，可制作出节奏感强的动感效果。
新知讲解
运用大小和颜色变化，试制作在湖心荡的水波，参照下图
实践
新知讲解
观察属性面板中的色栏，除了Alpha外还有哪些选项。尝试改变它们的值，看看会发生什么变化。
探究
新知讲解
在“运动会.swf”中，动画标题从画面左边移到中间，这就是动作动画中最常用的位置变化动画。
四、位置变化的动作动画
1.创建新图层
创建“图层4”，并将“图层4”改名为“标题”。
新知讲解
通过属性面板我们可以修改其字体、字号和字体颜色等如图所示
2.输入文字
选择“标题”的第20帧，然后点击工具栏中的文字工具 ，在场景中输入“学生运动会”
新知讲解
除了 Windows自带的字体外，还可以点击“开始”按钮，打开“控制面板”中的“字体”程序，安装新字体，使文字更美观独特
如图所示，其文字字体就采用了“经典综艺体简”
新知讲解
再设定结束帧，在第25帧插入关键帧，文字移到场景中间，然后在第20帧与第25帧之间创建补间动画
3.设定起始帧与结束帧画面
先设定起始帧，将第20帧中的标题文字移到场景的最右边(如图所示)
新知讲解
最后测试一下动画效果:标题文字从场景右边移到中间。
新知讲解
运用位置变化动画，制作天空中飘动的云朵，参照下图
实践
新知讲解
观察帧属性面板，如图所示，尝试修改“旋转”选项，看动作动画会发生什么变化。
探究
课堂练习
1、（ ）指定义动画内容发生变化的帧。
2、补间动画可分为（ ）和（ )两种制作方式，其中( )是动画制作中最基本、最常用的方式。
3、选择“控制”菜单中的“测试影片”命令，或按( ) )键进行测试。
Ctrl+
关键帧
动作动画
Enter
形状动画
动作动画
课堂小结
总结本节课所学内容
板书设计
一、帧与动画的构成
1.帧
2.动画组成结构
3.补间动画
二、大小变化的动作动画
1.绘制白色光圈元件
2.创建补间动画
3.测试动画效果
三、颜色变化的动作动画
1.创建新图层
2.设定图片渐显
3.图片延时
4.设定图片渐隐
四、位置变化的动作动画
1.创建新图层
2.输入文字
3.设定起始帧与结束帧画面
(1)Flash动画是怎样构成的 (2)什么是补间动画 如何运用补间动画制作出大小、颜色和位置变化的变幻效果
作业布置
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php

展开更多......

收起↑