揭露flash动画制作的6招
第12章 合成动画
12.1 基本知识
12.1.1 动画原理
动画是通过迅速而连续地呈现一系列图像(形)来获得,由于这些图像在相邻帧之间有较小的变化(包括方向、位置、形状等变化),所以会形成动态效果。实际上,我们在舞台上看到的每一帧都是静止的画面,只有在播放头以一定速度沿各帧移动时,才能从舞台上看到动画。
12.1.2 关键帧
关键帧就是用来定义动画变化的帧,在时间轴中关键帧显示为实心圆。当制作逐帧(Frame by Frame)动画时,每一帧都是关键帧;而制作关键帧动画时,只要在发生变化的画面定义关键帧,而中间帧的内容Flash会自动完成,这时关键帧之间有箭头相连,如图12-1所示。

图12-1 关键帧及相关动画
1.要创建关键帧可执行下列操作之一:
l 在时间轴上选取一帧,再按F6。
l 在时间轴上选取一帧,然后执行【插入】(Insert)>【时间轴】(Timeline)>【关键帧】(Keyframe)。
l 在时间轴上的某帧上点鼠标右键,在弹出的菜单中选择【插入关键帧】(Insert Keyframe)。
2.当给层添加新的关键帧时,前面关键帧中的内容自动出现在舞台。如果在新关键帧中不希望前面关键帧中的内容,那就插入空关键帧,可选如下任一方法:
l 在时间轴上选取一帧,再按【F7】。
l 在时间轴上选取一帧,然后执行【插入】(Insert)>【时间轴】(Timeline)>【空白关键帧】(Blank Keyframe)。
l 在时间轴上的一帧上点鼠标右键,在弹出的菜单中选择【插入空白关键帧】(Insert Blank Keyframe)。
提示:每个新文件的第1帧自动成为空关键帧;在多帧动画中新增层也会生成多个空帧。当我们不想要这些帧时,可以将其选中,然后用右键点击,从弹出的菜单中选【删除帧】(Remove Keyframe),就可删除它们。
12.1.3 延伸帧
在我们为动画制作背景的时候,通常会需要制作一幅跨越许多帧的静止图像,这就要在这个层中将帧延伸,新添加的帧中会包含前面关键帧中的图像。下面是将一帧静止图像延伸到其他帧的步骤。
步骤1首先在第1关键帧
制作一幅图像。
步骤2选择下面的任何一种方法:
l 选中右边的某一帧,执行【插入】(Insert)>【时间轴】(Timeline)>【帧】(Frame),或按【F5】,也可在新帧点右键,从弹出的菜单中选择【插入帧】(Insert Frame),则会将图像延伸到新帧的位置
。
l 按住【Shift】键拖拽帧到右边的一帧上,则灵活地延伸帧的范围。
提示:执行【插入关键帧】,也能将像延伸,但会多产生一个关键帧
。
12.1.4 帧速率
帧速率(Frame Rate)是设置Flash动画快慢的关键,标准的动态图像是24 fps(帧/秒),由于网络下载速度较慢,为了动画有最佳表现,可选择每秒钟播放12帧。
创建一个Flash文档,选择【修改】(Modify )> 【文档】(Document),或者按快捷键【Ctrl+J】,会打开文档属性对话框,可用它对电影的帧速率进行设置,如图12-2所示
图12-2 在【帧频】项可改变帧速率
提示:在时间轴下方的状态栏会显示当前电影的帧速率
12.1.5 洋葱皮
一般情况下,我们只能在舞台上看到动画序列中某一帧的画面。为了更好地定位和编辑连续帧动画,可以启动【绘图纸外观】动能,就能一次看到多帧画面,其中播放头所指帧中的画面显示为全彩色,为可编辑画面,而周围帧中的画面的却是灰暗的,其中显示为灰暗色的帧是不能够编辑的。就如同在传统的动画绘制工艺中,每一帧都是用半透明的洋葱皮纸绘制的,所有的绘图“纸”一张一张相互叠放在一起。如图12-3所示。
图12-3 绘图纸外观的产生
洋葱皮的使用:
l 点击
【绘图纸外观】(Onion Skin)按钮,所有位于开始和结束【绘图纸外观】标志(位于时间轴上边)之间的帧添加到电影窗口中,如图12-3所示。
l 要将“洋葱皮”帧显示为轮廓线,点击【绘图纸外观轮廓】(Onion Skin Outlines)按钮
,效果如图12-4所示。
l 一般“洋葱皮”只允许编辑当前帧,要想令“洋葱皮”标志之间的所有帧都可编辑,而不管是否为当前帧,可点击
按钮(Edit Multiple Frames),如图12-5所示。

图12-4 绘图纸外观轮廓 图12-5 在舞台上编辑多个关键帧中的对象
l 点【编辑多个帧】(Edit Multiple Frames)按钮
,弹出下列菜单项:
【总是显示标记】(Always Show Markers):不论“洋葱皮”是否开启都显示其标志。当“洋葱皮”未开启时,虽然显示其范围标志,但画面不会显示“洋葱皮”效果。
【锚定绘图纸】(Anchor Onion):将“洋葱皮”标志锚定在当前的位置上。正常情况下,“洋葱皮”的范围跟随指针的移动。将“洋葱皮”标志锚定后,其位置及范围将不再改变。
【绘图纸2】(Onion 2):会显示当前帧两边各两帧的内容。
【绘图纸5】(Onion 5):会显示当前帧两边各五帧的内容。
【绘制全部】(Onion All):显示当前帧两边所有帧的内容。
l 要更方便地改变“洋葱皮”的范围,可拖拽“洋葱皮”两端的标志到新位置,如图12-6所示。

图12-6 拖大显示“洋葱皮”的范围
提示:被锁层是不能显示“洋葱皮”效果,为避免图像众多而造成混乱,可以锁定或隐藏那些不想被“洋葱皮”显示的图层。
12.2 帧动画
帧动画就是指舞台上每一帧的画面都发生变化,这和传统的视频动画相同,因而文件尺寸较大。
12.2.1 制作帧动画
在舞台一帧一帧地绘制或修改图形,用这种方法也可制作卡通动画。
步骤1:用铅笔等工具在舞台绘出图形,作为开始帧,如图12-7所示。
步骤2:点击第二帧,并选择【插入】(Insert)>【时间轴】(Timeline)>【空白关键帧】(Blank Keyframe),或按【F7】,插入空白关键帧,然后在舞台绘图,如图12-8所示。

图12-7 开始帧 图12-8 加入第二帧
步骤3:用同样的方法插入第三、第四、第五、第六帧,并分别在舞台上绘制新的关键帧的内容,如图12-9所示。

图12-9 加入更多的连续帧产生花开效果
12.2. 2 直接导入
就是通过导入图片组以自动产生帧动画。
步骤1:选择菜单中的【文件】(File)>【导入】(Import) >【导入到舞台】(Import to Stage),在出现的导入对话框中找到存放连续图片的文件夹,如图12-10所示。

图12-10 导入图片对话框
步骤3:在对话框文件列表中的“飞禽0001.bmp~飞禽0005.bmp”是一组反映鸟类飞行的图片组,选中第一张“飞禽0001.bmp”,点“打开”按钮,这时Flash弹出一个窗口,提示是否导入所有图片组文件,点按钮【是】确认,一组共五张图片自动导入连续的帧中,如图12-11所示。

图12-11 由导入图片组产生的连续帧动画
提示:被导入的图片应是以有序数字结尾的一组文件,另外,导入GIF动画,也会以产生连续帧。
本文选自《Flash 完全手册》