第3课随心变幻讲述.pptx

第3课 随心变幻 黑龙江教育出版社信息技术八年级上册 密山市实验中学 杨炜光 掌握形状补间动画的原理和创建方法 。 使用形状补间动画表现事物变化的过程 。 掌握形状提示点的原理和使用方法 。 教学目标 1 2 3 4 6 5 形状补间动画原理 形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。 形状补间动画可以实现两个矢量图形之间颜色、形状、位置的变化。 绿色渐变 红色渐变 舞台左边 舞台右边 小苹果 大苹果 颜色补间 位置补间 形状补间 形状补间动画原理 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，如图所示，就可创建一个形状补间动画 。 创建形状补间动画 创建形状补间动画 Flash 8的【属性】面板随选定的对象不同而发生相应的变化。当建立了一个形状补间动画后，单击时间轴，其【属性】面板 其中经常使用的选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化 。 （2）【混合】选项 。在【混合】选项中包含“角形”和“分布式”两个参数。 认识形状补间动画的属性面板 范例解析（一）──创建形状补间动画练习 1、新建一个Flash文档，然后利用【椭圆】工具在舞台上绘制一个圆形，并在【属性】面板中设置圆的颜色为“#00FF00”，宽高为“7px×7px”，如图5-3所示 。 2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图5-4所示。 图5-3 绘制圆形 图5-4 绘制树叶 3、在第20帧处，首先删除“圆”，然后填充树叶，效果 如图5-5所示。 #FFFFFF #339900 【颜色】面板 树叶效果 图5-5 填充树叶 4、在第40帧处插入关键帧，然后调节树叶的颜色效果如图5-6所示 树叶效果 #FFFFFF #CC9900 【颜色】面板 5、在第60帧处将树叶移出舞台。 6、选中第1帧，然后在【属性】面板的【补间】下拉列表中选择“形状”选项，如图5-7所示。则创建出第1帧～第20帧之间的形状补间动画 。 图5-7 创建补间动画 7、使用相同的方法，在第20帧、第40帧两处分别创建形状补间动画。 8、按Ctrl+Enter?快捷键测试播放影片，观看这个由小圆成长为一片绿叶，再枯黄，再凋零的动画。 9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【缓动】为“－100~100”之间不同的值，然后分别测试影片，观看树叶凋落动画的速率变化 。 范例解析（二）──制作“浪漫绽放” 花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图1所示 。 图1 制作思路及效果 1、制作叶片的生长 。 （1）打开教学资源中“素材\第5讲\浪漫的绽放\浪漫的绽放-模板.fla”文件，场景效果如图2所示。 （2）在“背景”图层之上新建并重命名图层，直至图层效果如图3所示。 图2 模板场景 图3 图层效果 （3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#37C030”，在“叶片1”图层上绘制一个宽高为“5px×5px”的矩形，并将其置于花盆的后面，效果如图4所示。 （4）在“叶片1”图层的第10帧处插入关键帧，利用【选择】工具调整第10帧处“矩形”的形状如图5所示。 （5）在“叶片1”图层的第20帧处插入关键帧，利用【选择】工具调整第20帧处“矩形”的形状如图6所示。 矩形 图4 第1帧叶片形状 图5 第10帧叶片形状 图6 第20帧叶片形状 （6）在第1帧～第10帧之间、第10帧～第20帧之间创建形状补间动画，这样一片叶子的生长过程就制作完成。 （7）使用同样的方法在图层“叶片2”、“叶片3”、“叶片4”、“叶片5”、“叶片6”上分别制作其他5片叶子的生长，完成叶片的生长动画。此时的场景效果如图7所示，【时间轴】效果如图8所示。 图7 完成叶片制作 在制作叶片生长动画效果时，注意调整叶片生长的先后顺序，尽量使叶片生长看起来贴近自然。每个叶片的生长时间也可根据叶片大小有所不同。建议将制作完成的图层进行锁定，以免产生误操作。 图8 【时间轴】效果一 2、制作花梗的生长。 （1）在“叶片6”图层之上新建一个图层为“花梗”图层。 （2）在“花梗”图层的第65帧处插入关键帧。 （3）选择【矩形】