0-003-003形状补间动画课件9月20日概论.ppt

* * 2、制作花梗的生长。 （1）在“叶片6”图层之上新建一个图层并重命名为“花梗”图层。 （2）在“花梗”图层的第65帧处插入关键帧。 （3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#CCE492”，在“花梗”图层的第65帧处绘制一个宽高为“5px×5px”的矩形，而后将其置于花盆的后面，效果如图5-16所示。 （4）利用【选择】工具调整矩形的形状如图5-17所示。 （5）在“花梗”图层的第105帧处插入关键帧，利用【选择】工具调整第105帧处“花梗”的形状如图5-18所示。 （6）在第65帧～第105帧之间创建形状补间动画，这样花梗的生长过程就制作完成了 。 花梗 图5-16 原始矩形 图5-17 花梗的原始形状 图5-18 第105帧花梗形状 3、制作花瓣的生长 。 （1）在“花梗”图层之上新建并重命名图层，直至图层效果如图5-19所示。 （2）在“花瓣1”图层的第105帧处插入关键帧。 （3）选择【椭圆】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#F997DC”，在“花瓣”图层的第105帧处绘制一个宽高为“1.3px×1.1px”的椭圆，并将其置于花梗顶端花苞的上面，效果如图5-20所示 。 椭圆 图5-19 图层效果 图5-20 第105帧花瓣形状 在绘制花瓣的原始形状时，需要将其放置在花苞上并适当调整位置，使得花开得更自然，也达到掩盖花苞的目的 。 （4）在“花瓣1”图层的第135帧处插入关键帧，利用【选择】工具调整第135帧处“花瓣”的形状如图5-21所示。 （5）在第105帧～第135帧之间创建形状补间动画，这样一片花瓣的生长过程就制作完成。 （6）使用同样的方法在图层“花瓣2”、“花瓣3”、“花瓣4”、“花瓣5”、“花瓣6”上分别制作其他5片花瓣的生长，完成花瓣的生长动画，效果如图5-22所示。 图5-21 第135帧花瓣形状 花瓣4 花瓣5 花瓣6 花瓣3 花瓣1 花瓣2 图5-22 完成制作 （7）最终的场景效果如图5-23所示，时间轴效果如图5-24所示 。 图5-23 最终场景效果 图5-24 制作完成后的【时间轴】效果 （8）保存测试影片，一株美丽的花儿浪漫绽放的动画效果制作完成 。 5.1.4 课堂练习──制作“魔幻扑克” 请同学们自己动手制作一个扑克变幻的动画，其效果如图5-25所示 。 1、新建一个Flash文档，设置文档【尺寸】为“500px×353px”，文档其他属性使用默认参数 。 图5-25 魔幻扑克效果 2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中的“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将外部库里的元件和图片复制到当前库中，效果如图5-26所示。 3、将【库】面板中的“背景”位图拖入场景中，设置其宽高为“500px×353px”，并相对舞台居中对齐，效果如图5-27所示。 图5-26 【库】面板 图5-27 导入背景图片 4、将“背景”图层锁定，在“背景”图层上新建并重命名图层，直到图层效果如图5-28所示，并在所有图层的第20帧处插入帧。 5、选择“红桃2参考”图层，将【库】面板中的“红桃2参考图”图形元件拖入到舞台中，并相对舞台居中对齐。在【属性】面板中设置其【Alpha】参数为“50%”，效果如图5-29所示。 图5-28 设置大小和位置 图5-29 拖入“红桃2参考图” 6、根据参考图在各个图层上绘制花色为“红桃2”纸牌各个部分的形状，如图5-30所示。 图5-30 绘制红桃2 其中【字体】为“Bookman Old Style”（读者可以设置为自己喜欢的字体或者自行购买外部字体库）。 7、在“花色上”、“花色中”、“花色下”、“数字上”、“数字下”图层的第20帧处按F7?快捷键插入空白关键帧。使用同样的方法绘制花色为“黑桃A”的纸牌，效果如图5-31所示。 8、将“数字下”、“数字上”图层的第1帧和第20帧处的数字打散。 9、分别在“花色上”、“花色中”、“花色下”、“数字上”、“数字下”图层的第1帧～第20帧之间创建“形状补间“动画，时间轴效果如图5-32所示 。 图5-31 绘制黑桃A 图5-32 绘制倾斜为45°的线条 10、保存测试影片，一个简单而又神奇的扑克变幻动画制作完成 。 5.2 形状提示点原理 当用形状补间动画制作一些较为复杂的变形动画时，常常会使画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形状提示点来进行控制。 5.2.1 知识点讲解 一、添加形状提示。 单击形状补间动画的开始帧，执