05 flash逐帧动画练习.doc

逐帧动画 逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、 头发及衣服的飘动、走路、说话以及精致的3D效果等等。 利用逐帧动画制作林中散步的女孩学习目的本节你将学习掌握以下知识： u 逐帧动画的制作方法 u 【绘图纸外观】按钮的使用方法 u 【编辑多个帧】按钮的使用方法 u 【修改绘图纸标记】按钮的使用方法 u 【对齐面板】的使用方法 u 插入帧与删除帧 学习方法本节要学习的是将几张静态图片连续导入到Flash中，并利用【绘图纸】功能及【对齐面板】将图像对齐，最后建立一段林中散步女孩的逐帧动画。 对于初学者来说，将图片导入到Flash中非常容易做到，但是同时编辑所有导入的图片，并且将它们对齐放在合适的位置，在这点上初学者可能就会一知半解了。本节主要教给你一种同时编辑多个对象的简单方法，并且通过本节的讲解，初学者可以照葫芦画瓢的制作出精彩的课后练习，来加强学习成果，提高学习兴趣。课前热身（1）创建影片文档 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档。在【文档属性】对话框中进行设置：文件大小为550480像素，【背景色】为白色，如图5-1-1所示。图5-1-1 设置文档属性（2）修改图层名称 双击 【图层1】的图层名称，将其图层名称修改为【背景】，如图5-1-2所示。图5-1-2 修改图层名称专家提示：及时修改图层名称让其与内容相对应，可以更准确快速的找到每个图层中的内容，方便编辑与修改，所以养成一个良好的图层命名习惯是必要的。（3）导入背景图片及人物图片 单击【背景】层第一帧，执行【文件】|【导入】|【导入到舞台】命令，将素材包1中的“背景.bmp”图片导入到场景中，选择第16帧，按下F5插入帧，使帧的内容延续到第16帧，如图5-1-3所示。图5-1-3 导入背景图片新建一个图层，命名为【人物】。单击此层第1帧，执行【文件】|【导入】|【导入到舞台】命令，弹出。将素材包1中的走路系列图片导入（只需选中走路1.gif导入即可）。此时会弹出一个对话框，如图5-1-4所示。图5-1-4 系列图片导入选择【是】按钮，Flash会自动把gif中的图片序列按序号以逐帧形式导入到场景中，如图5-1-5所示。图5-1-5 导入的gif动画在场景的上方形成帧帧动画如下图5-1-6所示是导入后的动画序列，它们被Flash自动分配在8个关键帧中。图5-1-6 导入的8张图片（4）多帧编辑调整对象大小 虽然图片已经导入进来了，但是导入的序列图片大小已经超出了场景范围。我们可以一帧帧来调整图片大小：先将一幅图缩小，将其位图的宽高值记下，再把其它图片设置成相同坐标值。但是这种作法非常浪费时间，Flash软件已经为大家准备好了【编辑多个帧】按钮，下面就一起来进行多帧编辑。专家提示：缺省状况下，导入的对象被放在场景坐标“0，0”处，而且大小有可能与场景内容不符，所以我们必须调整其大小并移动它们。 单击【背景】图层在【时间轴】面板小黄锁下方的黑点，对此图层进行加锁，如图5-1-7所示。图5-1-7 锁定背景层专家提示：在进行多帧编辑时，编辑的是场景中全部对象，为了避免误操作，所以要将一些不需要编辑的图层进行锁定。 单击【时间轴】面板下方的【编辑多个帧】按钮，再单击【修改绘图纸标记】按钮，在弹出的菜单中选择【绘制全部】命令，如图5-1-8所示。 图5-1-8 选择显示全部选项最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图5-1-9所示。图5-1-9 选取多帧编辑在【属性】面板上单击黑锁按钮将长宽比例锁定，设置宽为120，按下【回车】键后所有选中的图像变小，如图5-1-10所示。图5-1-10 调整位图大小利用【工具箱】中的【选择工具】将所有图片拖放到场景中央，执行【窗口】|【设置面板】|【对齐】命令（快捷键Ctrl+K），在弹出的【对齐】面板中单击【上对齐】按钮，将所有的图像上方对齐，如图5-1-11所示。图5-1-11 上对齐位图单击【编辑多个帧】按钮，取消编辑多个帧。再单击一下【绘图纸外观】按钮，用鼠标选中每一帧上的位图，利用键盘上的左右方向键移动位图，使所有位图重叠在一起，如图5-1-12所示。图5-1-12 移动图像使其重叠单击【绘图纸外观】按钮取消其多帧查看效果。（5） 插入帧与删除多余的帧 现在可以按“Ctrl+Enter”测试一下动画效果，会发现，一帧一个动作对于人物走动来说速度过于太快，所以在【人物】图层的各帧上按一下F5（插入一帧），如图5-1-13所示。图5-1-13 将【人物】层各帧延长一帧指点迷津插入帧的其它两种方法是：在【时间轴】要插入帧的地方右击，在弹出的快捷菜单中选择【插入帧】命令。执行【插入】|【时间轴】|【帧】命令。 选中17帧至24帧，在时间轴上右击，在弹出的快捷菜单中选择【删除帧】命令，将多余的帧删除，如图5-1-14所示。图5-1-14 删除帧（6） 测试存盘 执行【控制】|【测试影片】命令（快捷键Ctrl+Enter），观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“走路.fla”文件，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令。 至此，一个在林中散步的漂亮女孩逐帧动画就制作完成了。 课后练习1利用导入静态图片建立逐帧动画法制作骏马飞奔的动画。2利用文字逐帧动画制作文字跳跃、旋转特效。3利用导入的7.gif动画图片制作小鸟飞的逐帧动画。4利用sucai.fla制作