Flash8制作形状补间动画.pptVIP

FLASH8;;5.1 形状补间动画原理 5.2 形状提示点原理 5.3 课后作业;;二、创建形状补间动画 。 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，如图5-2所示，就可创建一个形状补间动画 。;;3、在第20帧处，首先删除“圆”，然后填充树叶，效果如图5-5所示。 ;4、在第40帧处插入关键帧，然后调节树叶的颜色效果如图5-6所示 ;7、使用相同的方法，在第20帧、第40帧两处分别创建形状补间动画。 8、按Ctrl+Enter?快捷键测试??放影片，观看这个由小圆成长为一片绿叶，再枯黄，再凋零的动画。 9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【缓动】为“－100~100”之间不同的值，然后分别测试影片，观看树叶凋落动画的速率变化 。;;1、制作叶片的生长 。 （1）打开教学资源中“素材\第5讲\浪漫的绽放\浪漫的绽放-模板.fla”文件，场景效果如图5-9所示。 （2）在“背景”图层之上新建并重命名图层，直至图层效果如图5-10所示。;（3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#37C030”，在“叶片1”图层上绘制一个宽高为“5px×5px”的矩形，并将其置于花盆的后面，效果如图5-11所示。 （4）在“叶片1”图层的第10帧处插入关键帧，利用【选择】工具调整第10帧处“矩形”的形状如图5-12所示。 （5）在“叶片1”图层的第20帧处插入关键帧，利用【选择】工具调整第20帧处“矩形”的形状如图5-13所示。 ;（6）在第1帧～第10帧之间、第10帧～第20帧之间创建形状补间动画，这样一片叶子的生长过程就制作完成。 （7）使用同样的方法在图层“叶片2”、“叶片3”、“叶片4”、“叶片5”、“叶片6”上分别制作其他5片叶子的生长，完成叶片的生长动画。此时的场景效果如图5-14所示，【时间轴】效果如图5-15所示。 ;;2、制作花梗的生长。 （1）在“叶片6”图层之上新建一个图层并重命名为“花梗”图层。 （2）在“花梗”图层的第65帧处插入关键帧。 （3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#CCE492”，在“花梗”图层的第65帧处绘制一个宽高为“5px×5px”的矩形，而后将其置于花盆的后面，效果如图5-16所示。 （4）利用【选择】工具调整矩形的形状如图5-17所示。 （5）在“花梗”图层的第105帧处插入关键帧，利用【选择】工具调整第105帧处“花梗”的形状如图5-18所示。 （6）在第65帧～第105帧之间创建形状补间动画，这样花梗的生长过程就制作完成了 。;3、制作花瓣的生长 。 （1）在“花梗”图层之上新建并重命名图层，直至图层效果如图5-19所示。 （2）在“花瓣1”图层的第105帧处插入关键帧。 （3）选择【椭圆】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#F997DC”，在“花瓣”图层的第105帧处绘制一个宽高为“1.3px×1.1px”的椭圆，并将其置于花梗顶端花苞的上面，效果如图5-20所示 。;;（7）最终的场景效果如图5-23所示，时间轴效果如图5-24所示 。;;2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中的“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将外部库里的元件和图片复制到当前库中，效果如图5-26所示。 3、将【库】面板中的“背景”位图拖入场景中，设置其宽高为“500px×353px”，并相对舞台居中对齐，效果如图5-27所示。;4、将“背景”图层锁定，在“背景”图层上新建并重命名图层，直到图层效果如图5-28所示，并在所有图层的第20帧处插入帧。 5、选择“红桃2参考”图层，将【库】面板中的“红桃2参考图”图形元件拖入到舞台中，并相对舞台居中对齐。在【属性】面板中设置其【Alpha】参数为“50%”，效果如图5-29所示。;;7、在“花色上”、“花色中”、“花色下”、“数字上”、“数字下”图层的第20帧处按F7?快捷键插入空白关键帧。使用同样的方法绘制花色为“黑桃A”的纸牌，效果如图5-31所示。 8、将“数字下”、“数字上”图层的第1帧和第20帧处的数字打散。 9、分别在“花色上”、“花色中”、“花色下”、“数字上”、“数字下”图层的第1帧～第20帧之间创建“形状补间“动画，时间轴效果如图5-32所示 。;;二、形状提示原理 。 继续添加形状提示点，并调节提示点位置，此时图形变化的过程如图5-35所示 。; 5.2.2 范例解析（一）──使用形状提示点练习 ;;4、使用同样的方法添加3个形状提示点，并分别