第6课 灯笼变文字 课件

课件45张PPT。第6课 灯笼变文字 掌握形状补间动画的原理和创建方法 。 使用形状补间动画表现事物变化的过程 。 掌握形状提示点的原理和使用方法 。 使用形状提示点动画表现舌头摆动效果的方法 。 6.1 形状补间动画原理 6.2 形状提示点原理 6.3 课后作业本章大纲6.1 形状补间动画原理 6.1.1 知识点讲解 形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。 一、形状补间动画的原理。 形状补间动画可以实现两个矢量图形之间颜色、形状、位置的变化，如图6-1所示 。 图6-1 形状补间动画原理 二、创建形状补间动画 。 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，如图6-2所示，就可创建一个形状补间动画 。图6-2 创建形状补间动画 三、认识形状补间动画的属性面板。 Flash 8的【属性】面板随选定的对象不同而发生相应的变化。当建立了一个形状补间动画后，单击时间轴，其【属性】面板如6-2所示。 其中经常使用的选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化 。（2）【混合】选项 。在【混合】选项中包含“角形”和“分布式”两个参数。 6.1.2 范例解析（一）———创建形状补间动画练习 请同学们在老师的带领下对形状补间动画的创建方法和原理进行进一步的熟悉，并跟随以下要求进行操作训练 。1、新建一个Flash文档，然后利用【椭圆】工具在舞台上绘制一个圆形，并在【属性】面板中设置圆的颜色为“#00FF00”，宽高为“7px×7px”，如图6-3所示 。 2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图6-4所示。图6-3 绘制圆形 图6-4 绘制树叶 3、在第20帧处，首先删除“圆”，然后填充树叶，效果如图6-5所示。 #FFFFFF#339900【颜色】面板 树叶效果 图6-5 填充树叶4、在第40帧处插入关键帧，然后调节树叶的颜色效果如图5-6所示 【颜色】面板 树叶效果 #FFFFFF#CC99005、在第60帧处将树叶移出舞台。 6、选中第1帧，然后在【属性】面板的【补间】下拉列表中选择“形状”选项，如图6-7所示。则创建出第1帧～第20帧之间的形状补间动画 。图6-7 创建补间动画 7、使用相同的方法，在第20帧、第40帧两处分别创建形状补间动画。 8、按Ctrl+Enter?快捷键测试播放影片，观看这个由小圆成长为一片绿叶，再枯黄，再凋零的动画。 9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【缓动】为“－100~100”之间不同的值，然后分别测试影片，观看树叶凋落动画的速率变化 。6.1.3 范例解析（二）———制作“浪漫绽放” 花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图6-8所示 。图6-8 制作思路及效果 1、制作叶片的生长 。 （1）打开资源中“素材浪漫的绽放浪漫的绽放-模板.fla”文件，场景效果如图6-9所示。 （2）在“背景”图层之上新建并重命名图层，直至图层效果如图6-10所示。图6-9 模板场景 图6-10 图层效果 （3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#37C030”，在“叶片1”图层上绘制一个宽高为“5px×5px”的矩形，并将其置于花盆的后面，效果如图6-11所示。 （4）在“叶片1”图层的第10帧处插入关键帧，利用【选择】工具调整第10帧处“矩形”的形状如图6-12所示。 （5）在“叶片1”图层的第20帧处插入关键帧，利用【选择】工具调整第20帧处“矩形”的形状如图6-13所示。 矩形图6-11 第1帧叶片形状 图6-12 第10帧叶片形状 图6-13 第20帧叶片形 ... ...