第七章Flash动画制作与案例A.pptVIP

二维动画设计与制作 --邓文达 人民邮电出版社 第七章 Flash动画制作与案例 Flash主要有两种创建动画的方法：补间动画和逐帧动画。在补间动画中，用户可以创建起始帧和结束帧，让Flash创建中间帧。而在逐帧动画中，每一帧的图像必须一张一张地画出来，和传统动画类似。本章主要介绍逐帧动画、补间动画、沿路径运动动画的制作方法，以及结合传统动画技法制作Flash动画的技法。在制作动画之前，首先要了解Flash动画类型，这样才能够根据其特点制作出高品质的动画。 （1）逐帧动画 Flash的逐帧动画借鉴了传统动画的创作技法，采用了给原画加中间画的画法进行制作。不过在Flash中，原画与中间画经常由一个人来担任。图7-1所示，小兔子转面就是采用逐帧动画的方式制作的，每一个关键帧对应着一张不同的图形元素。逐帧动画在时间轴上表现为一个一个的关键帧，如图7-2所示。 图7-1 小兔子逐帧动画 图7-2 Flash逐帧动画 图7-3 补间动画过程 （2）补间动画 在创建补间动画之前，首先要弄明白“补间”是什么？术语“补间”来自于传统动画领域。高级动画师（原画人员）负责描绘人物的开始和结束姿势，即动画的关键帧。然后初级动画师（动画人员）加入进来，绘制中间的帧或做中间工作。因此，“补间”是指关键帧之间的平滑过渡。简单地说，所谓“补间”就是补足开始和结束两个关键帧的内容，中间的帧由电脑计算出来，如图7-3所示。 开始关键帧是补间动画播放前显示的帧，是补间动画的首关键帧，是动作开始。 结束关键帧是补间动画播放结束后显示帧，是补间动画的尾关键帧，是动作的末尾。 补间帧是计算机根据补间动作，自动生成的从开始关键帧变化到结束关键帧整过过程的中间画。补间帧越多，则表示描述补间动作的过程越精细。 在时间轴上，带有黑色箭头和谈紫色背景的起始关键帧处的黑色圆点表示补间动画，如图 7-4所示。而虚线表示补间动画是断开或不完整的，如图7-5所示为最后的关键帧已丢失的情况。 图7-4 完整的补间动画 图7-5 不完整的补间动画 （3）补间形状 补间形状是“形状”之间的切换动画，即一个“形状”逐渐过渡到别一个“形状”。在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧绘制另一个形状。然后，Flash将内插中间帧的中间形状，创建一个形状变形为另一个形状的动画，如图7-6所示。补间帧中的内容是依靠两个关键帧上的形状进行计算得到的。在时间轴上，带有黑色箭头和淡绿色背景的起始关键帧处的黑色圆点表示补间形状，如图7-7所示。 图7-6 形状补间过程 图7-7 Flash形状补间动画 项目一 创建逐帧动画 任务1 掌握逐帧动画的设计 1. 任务分析 逐帧动画能够使动画内容表现细腻，动作细节描述较好，容易表现出动画复杂的动作过程，但制作起来也是比较困难，需要创作者有比较好的美术功底，因此需要多加练习，才能熟能生巧。 2. 桃花朵朵开动画创作步骤 步骤一：打开素材文件夹里“一支桃花.fla”，如图7-8所示，该文件包含下面首先来制作花开的逐帧动画。 步骤二：新建图形元件。按“Ctrl+F8”组合键，打开“创建新元件”对话框，设置“名称”为“花开”，“类型”为“图形”，如图7-9所示。单击“确定”按钮，进入该元件的编辑界面。 步骤三：绘制原画。将图层1命名为“草稿”，分别在时间轴第9、13、17、21、25和29帧按“F7”键插入空白关键帧，在舞台上逐帧画出桃花开的原画草图，如图7-10所示。 　　 步骤四：插入动画帧。打开“洋葱皮”功能，然后参照前一关键帧和后一关键帧的形状，绘制中间过渡形状，即中间画，如图7-11所示。完成后时间轴如图7-12所示。 图7-8 打开源文件 图7-9 新建元件 图7-10 绘制各帧草图 图7-11 绘制各帧过渡形状 图7-12 相关时间轴内容 步骤五：检查动画。动作的草稿画好以后，还需要对所画动作进行检查，查看到动作连续运动的效果。如果不满意，则需要进一步修改，直到达到满意的效果。在Flash中直接按“Enter”键，即可在舞台上查看动画效果。动作满意后，就可进行描线与上色了。 步骤六：描线。新建一层命名为“线稿”，使用“铅笔工具”参照“草稿”，逐帧将桃花的轮廓描绘出来，如图7-13所示。 图7-13 轮廓描绘 步骤七：上色。删除“草稿”图层，并为线稿上色。将花瓣填充为由粉白色（#FFECFF）到粉红色（#DE38BE）的线性渐变，并删除轮廓线。然后新建一层添加花蕊，如图7-14所示。这样，一朵桃花开的逐帧动画就完成了。 图7-14 上色 步骤八：延长帧。按“C