flash教学形状补间动画.docVIP

第五课 形状补间动画 形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 　 图3-3-1 形状补间动画在时间帧面板上的标记 　（4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。 图3-3-2 形状补间动画【属性】面板 　 形状补间动画的【属性】面板上只有二个参数： （1）“简单”选项 在“0”边有个滑动拉杆按钮 ?，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。 1.在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 2.在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 3.默认情况下，补间帧之间的变化速率是不变的。 （2）“混合”选项 “混合”选项中有二项供选择： 1. “角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 2. “分布式”选项：创建的动画中间形状比较平滑和不规则。 至此，“形状补间动画”的相关知识大家都已经有所了解，下面动手制作一个实例，体会一下形状补间动画的奇妙。 实例:庆祝国庆 实例简介 ??? 国庆的夜空绚丽多彩，朵朵礼花在天空中绽放，远处传来礼炮的轰鸣声，让我们来给这美丽的夜晚增加点喜庆，挂几个大红灯笼来庆祝祖国的生日吧。实例播放效果如图 3-3-4所示。 图3-3-4 庆祝国庆实例画面 　 知识提要 1. 创建矢量图形 2. 创建形状补间动画 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所示设置混色器面板的各项参数。 　 图3-3-7 混色器面板设置之一 　 选择工具栏上的椭圆工具 ，去掉边线 ，在场景中画一个椭圆做灯笼的主体，大小为65*40象素。 接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8设置参数。 图3-3-8 混色器面板设置之二 　 选择工具栏上的矩形工具 ，去掉边线，画一个矩形，大小为30*10象素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7*10象素，作为灯笼上面的提手。 最后用直线工具 ?在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。 　 图3-3-9 画好的灯笼 　 4、 复制粘贴四个灯笼 复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致的排列在场景中。