第3章制作逐帧动画3.1Flash动画的组成3.2使用图层3.3使用帧3.4创建逐帧动画3.5实例——跳动的球新路中学李军3.1Flash动画的组成在Flash动画中,帧就是某个时间点上的图像,不同帧中对象的变化就产生了动画效果。因此,任何动画都是由一个个帧连接而成的,帧是动画的最小单位。实际上,最基本的一类动画就叫做逐帧动画,它是通过在不同帧上设置不同内容获得的。除了帧以外,Flash动画中的图层也是组织电影的重要元素。图层的特性是透明并且可以层层叠加,在制作动画时对当前图层进行编辑不会影响其他图层。3.2使用图层3.2.1图层的概念图层就像一摞透明的纸,每一张都保持独立,它们的内容相互没有影响,可以进行独立的操作,同时又可以合成一个完整的电影。使用图层的好处就是能够轻松地控制复杂动画中的多个对象,使它们不会互相干扰。图3-2图层示例图3-3时间轴中的图层区3.2.2创建图层和图层文件夹在文档窗口时间轴左侧单击“插入图层”按钮,即可在活动图层上方插入一个新图层,此时新图层变为活动图层,新图层按照插入顺序生成了一个普通名称,用户可以双击图层名称来为新添加的图层指定一个有实际意义的名称。图3-4使用图层和图层文件夹组织动画内容3.2.3组织图层和图层文件夹可以在时间轴中重新安排图层和图层文件夹,从而组织文档。图3-5移动图层3.2.4编辑图层和图层文件夹1.选择图层或图层文件夹2.锁定或解锁图层或图层文件夹3.复制图层或图层文件夹4.删除图层或图层文件夹3.2.5查看图层和图层文件夹1.显示或隐藏图层或图层文件夹图3-6显示与隐藏图层2.使用彩色轮廓显示图层中的对象图3-7使用轮廓显示图层内容3.2.6把对象分配到不同的图层制作动画时,为了使各个对象之间不相互影响,应该将不同的对象分别放置在不同的图层。用户既可以先创建图层,然后将对象直接放置到图层中,也可以先创建多个对象,然后把它们分散到多个图层中。3.2.7设置图层的属性图3-10“图层属性”对话框3.3使用帧3.3.1帧的类型图3-11空白关键帧、关键帧与相同帧图3-12动作补间帧图3-13补间形状帧图3-14不完整的补间帧图3-15声音帧与动作帧图3-16设置帧标签图3-17标签帧3.3.2对帧的操作1.插入帧或关键帧图3-18帧操作快捷菜单2.选择帧或关键帧图3-19选择同一列上的多个帧3.删除和修改帧或关键帧图3-20移动帧4.帧操作小结从以上叙述可以看出,对帧进行操作最简便的方式是利用鼠标右键快捷菜单。对于习惯于使用键盘的用户来说,还可以使用键盘快捷键来提高操作速度。3.4创建逐帧动画3.4.1什么是逐帧动画逐帧动画是最基本的一类动画,它按照时间顺序描绘每一帧的变化,因此能够表现变化细腻的动画效果。逐帧动画更改每一帧中的舞台内容,它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。3.4.2制作逐帧动画要创建逐帧动画,需要将每个帧都定义为关键帧,然后为每个关键帧创建或修改不同的图像。3.4.3使用洋葱皮通常情况下,Flash舞台一次只显示动画序列中的一个帧。为了帮助用户定位和编辑逐帧动画,用户可以使用洋葱皮功能在舞台中同时查看两个或多个帧。洋葱皮使时间轴中的帧像隔着一层透明绘图纸一样重叠显示,播放头下面的帧正常显示,表示可以编辑,而其余帧是暗淡显示,只是作为对比用。3.4.4修改动画播放速度如果要修改动画的播放速度,通常有两种方法,一是修改动画的帧频,另一种是延长单个关键帧的播放时间。所谓帧频是指动画播放的速率,计量单位是fps,即每秒多少帧,默认值是12fps。图3-27“文档属性”对话框图3-28修改动画播放速度的时间轴3.5实例——跳动的球此实例实现第1章提到的橡皮球的弹起和落下的效果,以展示Flash逐帧动画如何应用“慢入慢出”、“弧形动作”和“挤压和伸展”等动画的基本原理。此实例的效果如图3-29所示(用洋葱皮方式显示),制作步骤如下。图3-29橡皮球弹起和下落效果(1)在Flash中创建3个图层,分别命名为“背景”、“球”和“临时”。其中“背景”层放置“地面”,在第12帧上插入一帧,使内容延续到第12帧;“球”层放置“球”(将“球”组合以方便操作);“临时”层放置绘制的两条曲线(用线条工具绘制直线,然后用选择工具拖拽变形,注意为避免单调,两条线不要完全对称),以表示“球”运动的弧形轨迹,同样也使内容延续到第12帧,如图3-30所示。图3-30初始画面(2)在“球”层的第2帧单击右键,选择“插入关键帧”命令,此时第一帧中的内容自动被复制到此帧。单击“绘图纸外观”按钮打开洋葱皮显示,调整第2帧中“球”的位置(注意使其变形点位于“临时”层的曲线上),使其与第1帧稍微有些偏移,表示“球”开始运动,如图3-31所示。操作过程中为避免修改了“临时”层和“背景”层,可将它们锁定。图3-31制作第2帧(3)在“球”层第3帧插入关键帧,调整“球”的位置,并使用任意变形工具将其调整为椭圆,以产生由于重力而导致的球的变形,如图3-32所示。图3-32制作第3帧(4)继续制作第4、5、6帧,注意在对“球”的变形过程中,使其“体积”保持不变,如图3-33所示。图3-33继续制作第4、5、6帧(5)在第7帧中插入关键帧,保持其内容不变,产生“球”落地后稍微停顿的效果。(6)使用“复制帧”和“粘贴帧”的方式将第5帧中的内容复制到第8帧,然后执行“修改”菜单“变形”子菜单的“垂直翻转”命令。如果必要,用任意变形工具调整其形状。用选择工具调整其位置,使其变形点位于右边曲线上。(7)用同样的方法制作后面的关键帧,直到完成动画,此时的舞台和时间轴如图3-34所示。图3-34动画基本完成时的舞台和时间轴(8)将“临时”层删除,按“Ctrl+Enter”键测试动画。