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

在绘制花瓣的原始形状时，需要将其放置在花苞上并适当调整位置，使得花开得更自然，也达到掩盖花苞的目的 。 （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 知识点讲解 一、添加形状提示。 单击形状补间动画的开始帧，执行【修改】/【形状】/【添加形状提示】菜单命令。这样在形状上就会增加一个带字母的红色圆圈，相应地在结束帧的形状上也会增加形状提示符，如图5-33所示。 分别将这两个形状提示符安放到适当的位置时，起始关键帧上的形状提示点为黄色，结束关键帧的形状提示点为绿色，如图5-34所示 第1帧 第10帧 显示为黄色 显示为绿色 图5-33 未调节 图5-34 调节成功 二、形状提示原理 。 继续添加形状提示点，并调节提示点位置，此时图形变化的过程如图5-35所示 。 图5-35 使用形状提示 图5-36所示为未添加形状提示点的变化过程，经过观察可以清楚的了解形状提示的功能和原理，即形状提示点用于识别起始形状和结束形状中相对应的点，并用字母a到z来表示 。 图5-36 未使用形状提示 5.2.2 范例解析（一）──使用形状提示点练习 请同学们在老师的带领下对形状提示点的创建方法和原理进行进一步的熟悉，并跟随以下要求进行操作训练。 1、打开教学资源中“素材\第5讲\形状提示点练习\飞翔的蝙蝠.fla”文件。 2、分别在第1帧～第10帧之间，第11帧～第20帧之间，第21帧～第30帧之间，第31帧～第40帧之间创建形状补间动画，拖动时间轴观察图形的渐变效果，如图5-3