FlashCS6中文版基础教程：第11章 创建逐帧动画

1我们已经知道，帧在Flash动画中的意义，而Flash中所谓的逐帧动画跟传统动画相似，同样需要绘制动画的每一帧。逐帧动画的每一帧都需要我们单独手动的创建、操控和处理，可以想象，逐帧动画的工作量是非常大的，也是最花费时间的动画类型。但是逐帧动画给予了对SWF的所有外观和感觉的完全控制，并且在花费一些时间来学习动画技巧后，大家就可以用它创建一些不错的效果。所以，学习逐帧动画知识是值得的。第11章创建逐帧动画211.1认识逐帧动画插入关键帧的方法如下。(1)单击一个图层名称使之成为活动图层，然后在该图层中选择一个帧作为开始播放动画的帧，如图11-1所示。311.1认识逐帧动画(2)如果该帧还不是关键帧，可以选择【插入】|【时间轴】|【关键帧】菜单命令，如图11-2所示；或直接右击，在弹出的快捷菜单中选择【插入关键帧】命令，如图11-3所示。(4)制作完成后，若要测试动画序列，可选择【控制】|【播放】菜单命令或直接按Enter键。411.2人物动画人物在动画片中的出镜率是最高的。一定程度上，人物动作的好坏与否，将直接影响整个动画的效果。因此，掌握人物动作的基本制作规律是非常必要的。511.2.1Flash人物动画的制作技巧1.人物走路动作的基本规律(1)人在走路中的基本规律是：左右两脚交替向前，为了求得平衡，当左脚向前迈步时左手向后摆动；右脚向前迈步时右手向后摆动。(2)人的脚在走路时应遵循以下规律：脚跟着地——踏平——脚跟抬起——脚尖离开悬空运动——脚跟着地。(3)同样，人在走路时，手部也有规律可循：首先手掌的指头要放松，做前后摆动运动，当手运动到前方时腕部会相应地提高，并稍向内弯曲。一般情况下走得越慢，步子越小，离地悬空过程不高，手的前后摆动幅度也不会太大；相反，当走得快时手脚的运动幅度要相应加大，抬的高度也都要略微提高。2.人走路的速度节奏变化611.2.2人物走路动画制作了解了人物走路的一般规律以后，接下来，我们将通过逐帧动画来完成人物跑步的动画。其制作方法如下。(1)启动FlashCS6，选择【文件】|【新建】菜单命令，建立一个Flash文档。(2)选择【文件】|【保存】菜单命令，将文件保存为“人跑步.fla”，如图11-4所示。(3)选择【文件】|【导入】|【导入到库】菜单命令，打开【导入到库】对话框，选择“背景.jpg”，如图11-5所示。711.2.2人物走路动画制作(4)单击【打开】按钮，图形被导入到【库】面板中，选择【窗口】|【库】命令，打开【库】面板，通过鼠标拖曳的方式将图像拖曳到舞台中。(5)在图像外任意一处单击，打开【属性】检查器面板(如果【属性】检查器面板还没有打开，可以通过选择【窗口】|【属性】菜单命令，打开【属性】检查器面板)，如图11-6所示。(6)单击【大小】选项后的【编辑文档属性】按钮，出现【文档设置】对话框，设置图像的【尺寸】为“1440(宽)×900(高)”像素，如图11-7所示。单击【确定】按钮，可以看到此时图像和舞台完全整合。811.2.2人物走路动画制作(7)在【时间轴】面板的【图层1】上双击，修改图层名称为“背景”，如图11-8所示。(8)单击【时间轴】面板左下侧的【新建图层】按钮，新建图层【人物】。(9)选择【文件】|【导入】|【导入到库】菜单命令，打开【导入到库】对话框，选择序列图片1.png～12.png，如图11-9所示。(10)将图片导入到【库】中，【库】显示如图11-10。911.2.2人物走路动画制作(11)将【背景】图层延长至20帧。然后选择【人物】图层，选择第1帧作为逐帧动画的开始帧，右击，在弹出的快捷菜单中选择【插入关键帧】命令，或按F6键添加关键帧，如图11-11所示。(12)然后将位图1拖曳到舞台中，并调整相应位置，如图11-12所示。1011.2.2人物走路动画制作(13)在当前关键帧的下一帧上按以上方法再新建一个关键帧，可以发现新建帧的内容跟上一帧的内容相同，可以在将位图2拖入舞台并调整好位置后，再将第2帧中的位图１删除；或按F7键插入空白关键帧，直接将位图2拖曳到舞台中，再调整其位置。(14)重复以上两个步骤，以完成整个逐帧动画的所有变化。如图11-13所示的图片是对应的【人物】图层上的第2帧至第12帧。(15)完成后，按Ctrl+Enter组合键，预览动画。1111.3掌握绘图纸功能下面我们将向大家详细讲解绘图纸功能的具体操作方法。(1)在舞台上同时查看动画的多个帧。(2)控制绘图纸外观的显示。(3)若要编辑绘图纸外观标记之间的所有帧。(4)更改绘图纸外观标记的显示。1211.4上机实践操作本范例完成文件：\11\逐帧动画.fla、逐帧动画.swf。多媒体教学路径：光盘→多媒体教学→第11章。1311.4.1实例介绍和展示本例通过运用【矩形工具】、【椭圆工具】、【铅笔工具】、【钢笔工具】、【选择工具】、【文字工具】、【属性】面板、【颜色】面板、【联合】命令、【转换为元件】命令、【分离】命令以及编辑关键帧等方法制作逐帧动画效果。动画效果如图11-18所示。1411.4.2创建新文档启动FlashCS6，选择【文件】|【新建】菜单命令，创建一个新空白文档，文档大小为550300像素。1511.4.3绘制背景(1)绘制渐变背景。(2)绘制背景中的月亮。(3)在【颜色】面板中取消笔触颜色，设置填充颜色类型为【径向渐变】，如图11-22所示。(4)在【工具】面板中选择【铅笔工具】并按住鼠标，单击【工具】面板中的【铅笔模式】按钮，在弹出的下拉菜单中，选择【平滑】命令。在舞台上绘制一条曲线作为树枝，如图11-23所示。1611.4.3绘制背景(5)有了树枝，接下来我们绘制树叶。在【工具】面板中选择【矩形工具】，在舞台上绘制一个矩形，取消笔触颜色，填充颜色类型设置为【线性渐变】，如图11-24所示。(6)在【工具】面板中单击【钢笔工具】并按住鼠标，然后从弹出的快捷菜单中选择【转换锚点工具】，如图11-25所示。(7)在舞台上将矩形调整成树叶形状，如图11-26所示。1711.4.3绘制背景(8)多复制几个并调整其位置形状，最终效果如图11-27所示。(9)下面将这条树枝结成组。分别将【背景】、【月亮】图层锁定，全选【树枝】、【树叶】，选择【修改】|【合并对象】|【联合】菜单命令，将对象结组，并将其复制三个，调整其位置、形状，最终效果如图11-28所示。(10)接着绘制草丛。选择【矩形工具】，然后在打开的矩形工具【属性】检查器面板中进行设置，如图11-29所示。1811.4.3绘制背景(11)在【颜色】面板中取消笔触颜色，填充颜色类型为【线性渐变】，设置如图11-30所示。(12)直接在矩形上右击，弹出如图11-31所示的快捷菜单，选择【转换为元件】命令。弹出如图11-32所示的【转换为元件】对话框，将其转换为图形元件，并将其命名为“草1”，单击【确定】按钮即可。1911.4.3绘制背景(13)在舞台上将矩形调整为草的形状，如图11-33所示。(14)用同样的制作方法，分别创建图形元件【草2】、【草3】，分别如图11-34和图11-35所示。(15)编辑主场景。可在舞台上单击【编辑场景】按钮，在弹出的下拉菜单中选择主场景；或者直接在舞台上方单击【场景1】按钮回到主场景。2011.4.3绘制背景(16)在舞台中调整草丛形状，如图11-36所示。至此，整个背景就绘制完成了。2111.4.4输入文字(1)单击时间轴上的【新建图层】按钮，建立一个新图层，图层命名为“文字”。同时把我们刚才制作装饰的图层分别重命名为“背景”、“月亮”、“树叶”、“草丛”，以便于我们区分和编辑。建立好新图层并修改图层名称后，时间轴如图11-37所示。(2)单击【文字】图层上的第1帧，然后在【工具】面板中选择【文字工具】，在舞台上输入诗句：“思乡梦断夜雨稀，寄情无月归无期。”取消笔触颜色，填充色为“#ECEC02”，字体“黑体”，字号为“30”。效果如图11-38所示。当然，大家可以自行决定想要输入的文字、字体颜色和字体。2211.4.4输入文字(3)再复制一行这个文字，颜色填充为“#169ED8”。放置在黄色字的下面，露出一点，制造出阴影的效果，选中舞台上所有文字，按3次Ctrl+B组合键进行分离，这时文字已经变成矢量图了，如图11-39所示。(4)最后我们将文字进行组合。选择【修改】|【合并对象】|【联合】命令，将文字组合，如图11-40所示。2311.4.4输入文字(5)为了方便制作文字部分，我们把除背景图层以外的其他图层隐藏，用鼠标选中其他图层，单击图层上的【显示/隐藏所有图层】按钮，图层就隐藏了，舞台上就看不到这个图层里的内容了，如图11-41所示。(6)按3次Ctrl+B组合键进行分离，这时文字已经变成矢量图了，然后将文字进行部分组合，如图11-42所示。2411.4.5设置多个图层(1)选中舞台上所有的字块(它们已是矢量图，而不是文字)，复制。隐藏文字图层。(2)新建图层，图层名叫作“思”。选择【思】图层，使其处于编辑状态，按Ctrl+Shift+V组合键，在舞台上粘贴刚才复制的一行字块，除了“思”字块保留，其他字块都删除，如图11-43所示。随即把【思】图层隐藏。2511.4.5设置多个图层(3)新建图层，图层名叫作“乡”，按Ctrl+Shift+V组合键，在舞台上再粘贴刚才复制的一行字块，保留“乡”字块，其他字块都删除，如图11-44所示。随即隐藏该图层。(4)用同样的方法，把诗句中16个字分别建立16个图层，删除文字图层，现在图层如图11-45所示。2611.4.6编辑图层(1)编辑【乡】图层。单击关键帧，此时关键帧黑色块显示，表示此关键帧被选中。单击鼠标按住该关键帧不放，向后拖曳一帧，也就是把这一关键帧放在【思】图层的关键帧之后(第2帧的位置上)，如图11-46所示。(2)编辑【梦】图层。单击关键帧，将此关键帧向后拖曳一帧，把这一关键帧放在【乡】图层的关键帧之后(第3帧的位置上)，如图11-47所示。2711.4.6编辑图层(3)用同样的方法，把每一图层的关键帧都放置在上个图层关键帧之后，效果如图11-48所示。(4)选择【控制】|【测试影片】命令，测试播放