弟5课形状补间动画庆祝国庆.docVIP

本节的知识点:本节从形状补间动画基本概念入手,认识形状补间动画在时间帧上的表现，了解补间动画的创建方法及应用形状提示让图形的形变自然流畅。 图3-3-1 形状补间动画在时间帧面板上的标记 　 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。 图3-3-2 形状补间动画【属性】面板 　 形状补间动画的【属性】面板上只有二个参数： （1）“简单”选项 在“0”边有个滑动拉杆按钮?，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 图3-3-4 庆祝国庆实例画面　 创建矢量图形 创建形状补间动画 将文字转变为形状 用混色器设置颜色 　 1、 创建新文档执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】 选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*330 象素，【背景色】为白色，如图3-3-5所示。 　 图3-3-5 文档属性　 2、 创建背景图层 执行【文件】|【导入到场景】命令，将本实例中名为“节日夜空.jpg”图片导入到场景中，在第80帧处按下F5，加普通帧。如图3-3-6所示。 图3-3-6 插入背景图片　 3、 创建灯笼形状 　图3-3-7 混色器面板设置之一　 选择工具栏上的椭圆工具，去掉边线，在场景中画一个椭圆做灯笼的主体，大小为65*40象素。 接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8设置参数。 图3-3-8 混色器面板设置之二　 选择工具栏上的矩形工具，去掉边线，画一个矩形，大小为30*10象素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7*10象素，作为灯笼上面的提手。 最后用直线工具?在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。 　 图3-3-9 画好的灯笼　 4、 复制粘贴四个灯笼 在第20、40帧处为各图层添加关键帧，如图3-3-10所示。 图3-3-10 错落有致的灯笼及时间轴面板　 选取第一个灯笼，在第40帧处用文字“庆”取代灯笼，文字的的【属性】面板上的参数：【文本类型】为静态文本，【字体】为隶书，【字体大小】为60，【颜色】为红色。对“庆”字执行【修改】|【分散】命令，把文字转为形状。如图 3-3-11上半部分所示。 依照以上步骤，在第40帧处的相应图层上依次用“祝”、“国”、“庆”三个字取代另外三个灯笼，并执行【分散】操作，其结果如图 3-3-11下半部分所示。 图3-3-11 用文字形状取代灯笼形状及文字打散　 6、 设置文字形状到灯笼形状的转变。 在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。 具体办法可以分别选择第20帧中的“灯笼”图形，再一个个“粘贴”进第80帧中，当然，你先应该清除第80帧处4个“灯笼”图层中的内容哦！ 7、 创建形状补间动画。 在“灯笼”各图层的第20、60帧处单击帧，在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】，建立形状补间动画，如图3-3-12所示。 　 图3-3-12 创建形状补间动画　 8、 测试存盘 使用形状提示 形状补间动画看似简单，实则不然，Flash在“计算”2个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。 在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。 　图3-3-3 添加形状提示后各帧的变化 　 “形状提示”可以连续添加，最多能添加26个。确保“形状提示”是符合逻辑的。例如，前后关键帧中有2个三角形，我们使用3个“形状提示”，那么2个三角形中的“形状提示”顺序必须是一致的，而不能第一个形状是 abc，而