【原创】8.2.3创建补间动画-课件

活动三创建补间动画福建省义务教育教科书（2016年修订版）.福建教育出版社《信息技术》八年级下1．了解Flash动画的主要用途。2．了解补间动画的分类、特点和补间动画的基本原理。3．掌握对象打散分离的方法。4．掌握形状补间动画的制作方法。5．掌握动作补间动画的制作方法。6．培养学生自主探索、协作学习的能力。成功从目标开始！学习目标Flash作品欣赏文字形状动画形状补间动画花瓣飘落新课导入太阳升起文字LOVE新课导入(1)逐帧动画每一帧都是进行手工剪辑的关键帧，工作量大，所占用的存储空间大。(2)补间动画只需建立首尾两个关键帧，Flash会自动根据两个关键帧之间的图像差别和普通帧的数量，计算生成过渡的动画效果。制作方法简单，动画的渐变过程更连贯。01图形形状补间动画02文字形状补间动画03发光文字动画04图片展示动画任务目录

05设计和绘制卡通人物图形形状补间动画PART01形状补间动画原理：在起始帧上绘制一个形状，然后，在结束帧上更改该形状，或者绘制另一个形状，flash就根据一定的算法补充完整中间的帧，从而产生动画

。1、实现从一种形状变化到另一种形状的动画2、不只局限于形状上的变化，也可以是大小、颜色、位置上的变化。作品欣赏形状补间要满足的条件1、初始帧和结束帧必须是关键帧2、对元件、组合、位图和文字必须先“打散”(矢量图)PART01图形形状补间动画从圆变成正方形的形状补间动画操作要求：1、新建一个Flash文档，采用默认的文档属性。2、在“图层1”的第1帧处，单击工具箱中的“椭圆工具”，在颜色区中，设置笔触颜色为“无”，填充颜色为“红黑放射状渐变色”按住Shift键，在舞台左边绘制一个无边框的圆，如图3-4所示。3、第30帧处，单击右键，在弹出的快捷菜单中选择“插人空白关键帧”命令。4、单击工具箱中的“矩形工具”，在颜色区中，设置笔触颜色为“无”，填充颜色为“绿黑放射状渐变色”，按住Shift键，在舞台右边绘制一个无边框的正方形。5、在第1帧到第30帧(不包含第30帧)之间单击任意一帧,在属性面板上,选择“补间”下拉框中的“形状”。6、测试动画,保存文件。PART01图形形状补间动画提问:这个动画是否适合用上节课的逐帧动画技术来制作，如果不适合，那么应该使用补间动画中的哪一种技术来实现。演示创作从圆变成正方形的形状补间动画过程。讲解时可以分别制作有边框和没有边框两种情况的动画，让学生观察不同之处。PART01图形形状补间动画文字形状补间动画PART02PART02文字形状补间动画以文字“CHINA”为对象的形状补间动画。让五个英文字母填充不同的颜色，然后从第一个字母“C”开始，变化出第二个字母“H”，再依次变化出字母“I”和“N”，最后变化出字母“A”。1、新建一个Flash文档,采用默认的文档属性。2、单击工具箱中的“文本工具”,设置字体为“Arialblack”,在舞台上输入“CHINA”字样,单击工具箱中的“任意变形工具”,按住Shit键,适当缩放文字的大小,并移到适当的位置。3、单击工具箱中的“箭头工具”,选取文字,按下Ctrl+B快捷键分离文本,将英文单词分离成单个的字母；紧接着再次按下Cltl+B快捷键,将所有的字母都转换成矢量图,再给各个字母填充不同的颜色。4、在时间轴第15帧、第30帧、第45帧和第60帧处分别按F6功能键插入关键帧。然后在第1帧只保留字母“C”,删除其他字母在第15帧只保留字母“H”,删除其他字母；在第30帧只保留字母删除其他字母；在第45帧只保留字母“N”,删除其他字母；在第60帧只保留字母“A”,删除其他字母。5、为了让每个字母变化时能停顿片刻,再在第5帧、第20帧、第35帧、第50帧和第65帧处分别按F6功能键插入关键帧。6、在第5帧到第15帧之间、第20帧到第30帧之间、第35帧到第45帧之间和第50帧到第60帧之间,分别创建形状补间动画。此时的时间轴和舞台状态。7、测试动画,保存文件。PART02文字形状补间动画动作补间动画动作补间动画又叫运动渐变动画，可以实现对象的位置移动、大小变化、颜色变化、透明度变化等效果。构成动作补同动画的元素主要是元件。元件定义元件是可反复取出使用的图形、按钮或一段小动画，元件中的小动画可以独立于主动画进行播放，每个元件可由多个独立的元素组合而成。说的直白些，元件就相当于一个可重复使用的模板，使用一个元件就相当于实例化一个元件实体。使用元件的好处是，可重复利用，缩小文件的存储空间。作用FLASH里面有很多时候需要重复使用素材，这时我们就可以把素材转换成元件，或者干脆新建元件，以方便重复使用或者再次编辑修改。也可以把元件理解为原始的素材，通常存放在元件库中。元件可以进行再次修改，但是在场景里修改元件不会修改元件本身的属性。元件通常有三种形式：图形元件、影片剪辑元件、按钮元件。创建元件的方法方法1：新建一个空白元件，然后在元件编辑状态下穿件元件的内容。选择菜单“插入”—>“新建元件”或者按键盘ctrl+F8也可以新建一个元件。方法2：将场景上的对象转换成元件。选择场景里现有元件，单击鼠标右键，选择转换为元件。方法3：将动画转换为元件。发光文字动画PART03PART03发光文字动画1、新建一个Flash文档，采用默认的文档属性。2、在“图层1”第1帧处，单击工具箱中的“文本工具”，在属性面板中设置字体为“ArialBlack”，大小为“35”，颜色为“红色”。

在舞台中输入文字“Information”。3、单击工具箱中的“箭头工具”，在文字上单击右键，在弹出的快捷菜单中选择“转换为元件”命令，将文字转换为图形元件，元件取名为“text”，如图3-11所示。4、新建图层，在“图层2”的第10帧上插入空白关键帧，按F11功能键打开库面板，将text元件拖到舞台上。5、在“图层2”的第20帧上按F6功能键插入关键帧(元件从库中进入到舞台即叫作实例)用“任意变形工具”放大，通过属性面板的颜色选项改变成透明色(即Alpha值为0%)。6、在“图层2”的第10帧至第20帧之间创建动作补间动画。7、在“图层1”的第20帧处按F5功能键插入普通帧，在第10帧上对齐两个图层上实例的中心点(小圆圈)。这时，时间轴状态及主要参数。8、测试并保存动画。PART03发光文字动画作品赏析、点评图片展示动画PART04制作花朵PART04图片展示动画PART04图片展示动画1、新建一个Fash文档，采用默认的文档属性。2、新建“图片”元件。单出击菜单栏中的“插入”→“新建元件”命令，新建名称为“图片”的图形元件，如图3-13所示。5．转播几位学生的动画测试效果，并给予肯定及评价。在元件编辑状态下，单击菜单栏中的“文件”→“导入”命令，导入一张图片素材作为元件的内容。3、返回到“场景1”，按F11功能键打开库面板，将“图片”元件拖到舞台，并将实例移到舞台的左上角4、在第20帧处，按F6功能键插入关键帧，并将实例移到舞台的右下角。5、在第1帧属性面板上，选择“补间”下拉框中的“动作”，创建动作补间动画。在“旋转”下拉框中选择“顺时针”，在次数框中输入“1”，如图3-14(a)所示。6、在第40帧处，按F6功能键插入关键帧，并将实例移到舞台的中央，单击工具箱中的“任意变形工具”，将实例缩小，同时修改实例的透明度(颜色的Alpha值)为30%，如图3-14(b)所示。在第20帧到第40帧之间创建动作补间动画。7、在第60帧处，按F6功能键插入关键帧，选中实例，在属性面板中选择颜色下拉框中的“无”，即不改变它的透明度。然后单击工具箱中的“任意变形工具”，将实例放大至整个舞台。在第40帧到第60帧之间创建动作补间动画。各个关键帧的舞台状态如图3-15所示。8、测试并保存动画。翻书效果动画PART05制作花朵PART04翻书效果动画动画翻书是我们日常学习、生活中司空见惯的动作，我们来创建一个模拟翻书效果的简单动画。用两个不同颜色的矩形分别代表书本的封面和第一页，让封面从与第一页合上的状态慢慢翻起来，最后成水平展开状态。PART04翻书效果动画1、新建一个Flash文档，采用默认的文档属性。2、将“图层1”重命名为“第一页”，然后插入一个新图层，并将其命名为“封面”。3、在“封面”图层第1帧绘制一个无边的蓝色矩形，然后转换成图形元件，元件取名为“cover”4、在“第一页”图层第1帧绘制一个无边的红色矩形，然后转换成图形元件，元件取名为page5、调整两个元件的大小和位置，让它们完全重合6、在“第一页”图层的第70帧处按F5功能键插入普通帧。7、在“封面”图层第1帧处,单击工具箱中的“任意变形工具”调整“cover”实例中心点到左边线上。8、在“封面”图层第10帧处按F6功能键插入关键帧,再单击工具箱中的“任意变形工具”,改变“cover”实例的形状