在前面的章节中对FlashCS5进行了比较详细的讲解。通过适当的案例分析和制作，相信读者已经对FlashCS5整体有了充分的认识和了解。在本章中，将以案例讲解为主，从实战的角度来提升读者对FlashCS5的综合运用的能力。
学习目标：
掌握片头动画的制作思路和方法
掌握电子相册的制作思路和方法
掌握Flash游戏的制作思路和方法
掌握Flash网站的制作思路和方法
9.1动感片头制作-生命在于运动
Flash动画的运用领域非常的强大，本例将介绍Flash在片头动画中的运用。在动画演示过程中，经过一个绚丽的开场进入主题-生命在于运动，先是表现生命与运动的内在关系，然后过渡到运动阶段，最后进入片尾总结。动画的制作过程中声音与动画的完美结合、绚丽的特效和合理的过渡，使整个动画给人一种震撼的动感。设计思路包括制作开场动画、制作标题动画、制作生命与运动的联系、制作运动的表现部分、制作片尾。设计效果如图9-1所示效果。
具体的制作步骤如下。
1．制作开场动画
（1）新建一个Flash文档，设置文档尺寸为“600×450”像素，背景颜色为“黑色”，帧频为“24”，其他属性使用默认参数。
（2）将默认的“图层1”重新命名为“开场动画”层，选择“矩形工具”，在舞台中绘制一个矩形，如图9-2所示，笔触颜色和填充颜色都为“白色”，笔触高度为“1”。在第8帧处插入关键帧然后调整其形状如图9-3所示，并把填充颜色改为“666666”，然后创建补间形状动画。
（3）在第10帧处插入一个关键帧，然后在第16帧插入关键帧并调整其形状如图9-4所示，调整其填充颜色为“白色”，然后创建补间形状动画。
（4）分别在第17帧和第18帧插入关键帧，然后在第18帧处矩形的宽度调大一点，效果如图9-5所示。
（5）同样在第20帧处插入关键帧并调大矩形的宽度，并把第19帧转换为空白关键帧。
（6）在第22帧插入关键帧，调整矩形的宽如图9-6所示，并把第21帧转换为空白关键帧。
（7）在第24帧插入关键帧，把第23帧转换为空白关键帧。第26帧插入关键帧，把第25帧转换为空白关键帧。
（8）在第29帧插入关键帧并调整矩形的填充颜色为“999999”，在第26帧和第29帧之间创建补间形状动画。
（9）在第30帧和第33帧插入关键帧并调整第33帧处矩形的高如图9-7所示，创建补间形状动画。然后在第750帧处插入帧，此时【时间轴】面板状态如图9-8所示。
（10）新建图层并重命名为“music”层，选择【文件】→【导入】→【导入库】菜单命令，将素材“第9章\生命在于运动\music”文件夹中所有的声音文件导入到【库】面板中，并在第1帧插入声音“sound01.mp3”，在第19帧插入空白关键帧并插入声音“sound02.mp3”，然后在第55帧处插入空白关键帧，此时的【时间轴】面板状态如图9-9所示。
2．制作标题动画
（1）新建一个图层，使用绘图工具在第35帧处插入关键帧并设计如图9-10所示的标题，“生命在于”的填充颜色为“白色”，“运动”的填充颜色为“FFFF00”。
（2）选择标题文字，连续按Ctel+B键两次，将文字打散。然后用鼠标右键单击打散的文字，在弹出的快捷键菜单中选择【分散到图层】命令，将每一个文字都分散到一个单独的图层上面，此时的【时间轴】面板状态如图9-11所示。
（3）把“运动”两个字合到一个图层上面，并在该图层的下面新建图层并重命名为“运动背景”层，使用绘图工具设计如图9-12所示的背景，设置背景的边框颜色为“FF9900”，内部填充的颜色为“FF9900”且其【Alpha】值为“50%”。
（4）把“生”的关键帧拖曳到第35帧处，并在第38帧处插入关键帧。然后选中第35帧处的“生”字，打开【变形】面板，将其长和宽都调整为“300%”，舞台效果如图9-13所示，并创建补间形状动画。
（5）在“生”层的下面新建图层并重命名为“生扩散”层，将“生”层的第38层帧复制到“生扩散”层的第38帧，并在第41帧处插入关键帧。
（6）选中“生扩散”层的第41帧处的“生”字，打开【变形】面板将长和宽都调整为“160%”，并调整其填充颜色的【Alpha】值为“0%”，然后在第38帧和第41帧之间创建补间形状动画。
（7）在“生”层的第38帧处插入声音“sound3.mp3”，此时的【时间轴】状态如图9-14所示。
（8）用同样的方法分别在第43帧处制作“命”的动画效果，在第54帧制作“在”的动画效果，在第59帧处制作“于”的动画效果，在第68帧制作“运动”的动画效果，此时的【时间轴】状态如图9-15所示。
（9）在“运动”层的上面新建图层并重命名为“自行车”层，在第93帧处插入一个空白关键帧，选择【文件】→【导入】→【打开外部库】菜单命令，打开素材“第9章\生命在于运动\生命在于运动.fla”文件，把【库-生命在于运动.fla】面板中的“自行车”文件夹里面名为“自行车”的影片剪辑元件拖曳到舞台中并调整其位置，效果如图9-16所示。
（10）在第125帧处插入关键帧，调整自行车的位置如图9-17所示，并在第93帧到125帧之间创建补间动画。
（11）分别在“生”层、“命”层、“在”层、“于”层、“运动”层和“运动背景”层第117帧插入关键帧，分别调整第140帧处它们的位置，如图9-18所示，并分别在第117帧到第140帧之间创建形状补间动画。最后在图层“自行车”到图层“生扩散”的第141帧插入空白关键帧。
3．制作生命与运动的联系
（1）分别在“开场动画”层的第141帧和第151帧插入关键帧，在第151帧调整矩形的大小如图9-19所示，将填充颜色改为“白色”，并创建补间形状动画。
（2）在第153帧插入关键帧并调整其填充颜色为“黑色”，在第155帧插入关键帧并调整其填充颜色为“白色”，在第165帧插入关键帧并调整其形状如图9-20所示，并将填充颜色改为“999999”，然后分别给关键帧之间创建补间形状动画。
（3）在“music”层的第141帧插入声音“sound01.mp3”，在第151帧插入声音“sound02.mp3”，在第178帧插入声音“bgsound.mp3”。此时的【时间轴】面板状态如图9-21所示。
（4）在“自行车”层的上面新建图层并重命名为“背景”层，在第165帧处插入关键帧并将素材“第9章\生命在于运动\image”文件夹中的“婴儿.jpg”文件导入到舞台中并与舞台居中对齐，效果如图9-22所示，然后将图片转换为影片剪辑元件。
（5）新建图层并重命名为“范围限制”层，将“开场动画”层的第165帧复制到“范围限制”层的第165帧，把矩形的边框删除只留下填充部分，并把“范围限制”层变成遮罩层，此时的舞台效果如图9-23所示。
（6）在“背景”层的第177帧、181帧和230帧插入关键帧，把第165帧的元件【Alpha】
值设置为“0%”，第230帧的元件向上移动5像素，并在第165帧到第177帧之间，第181帧到第230帧之间创建补间动画，从而创建动态的背景效果。
（7）新建图层并重命名为“生命的产生”层，在第178帧的舞台中输入文字“生命的产生在于运动”，并把文字转换为影片剪辑元件。
（8）选中文字，打开【滤镜】面板，为文字添加发光效果，如图9-24所示，其发光颜色为“FFCC00”，最终的文字效果如图9-25所示。
（9）在第186帧插入关键帧，选中第178帧的文字元件，将其“Alpha”值设置为“0%”，并把文字元件向下移动一定的距离，然后在第178帧到186帧之间创建补间动画。
（10）分别在第231帧和第237帧插入关键帧，把第237帧的文字元件的“Aplha”值设置为“0%”，并在第231帧到第237之间创建补间动画，使文字产生渐渐消失的效果。
（11）用同样的方法，可制作“生命的存在在于运动”，和“生命的发展在于运动”效果如图9-26和图9-27所示。
（12）完成后的【时间轴】面板状态如图9-28所示。
4．制作运动的表现部分
（1）在“生命的发展”层上面新建图层并重命名为“过度”层。复制“开场动画”层的第165帧到“过渡”层的第414帧，并分别在第418帧、第420帧和第424帧插入关键帧。
（2）分别调整第414帧的矩形填充颜色为“白色”且其【Alpha】值为“0%”，在第418帧的矩形填充颜色为“333333”，在第420帧的矩形填充颜色为“333333”，第424帧矩形的填充颜色为“白色”且其【Alpha】值为“0%”，并将第419帧和第425帧转换空白关键帧，然后在关键帧之间创建补间动画，此时的【时间轴】面板状态如图9-29所示（3）在“过渡”层的下面新建图层并重命名为“动态背景”层，在第420帧插入关键帧，选择【文件】→【导入】→【打开外部库】菜单命令，打开素材“第9章\生命在于运动\生命在于运动.fla”文件，把【库-生命在于运动.fla】面板中【运动的体现】文件夹中的名为“动态背景”的影片剪辑元件拖曳到舞台中，调整它的大小并与舞台居中对齐，效果如图9-30所示。
（4）在“过渡”层上面新建图层并重命名为“运动形式”层，并在第424帧插入空白关键帧。新建一个名为“运动形式”的影片剪辑元件，选中第424帧，把它从【库】面板中拖曳到舞台中。
（5）双击舞台上的“运动形式”元件，进入元件编辑状态，把【库-生命在于运动.fla】面板中的【运动的体现】文件夹中的所有图形元件拖曳到当前文档的【库】面板中。
（6）把默认的“图层1”重命名为“photo1”层，把【库】面板中名为“sport1”的图形元件拖曳到舞台中，在第1帧处插入帧，并在第4帧插入关键帧，然后调整第1帧的“sport1”
元件的【Alpha】值为“0%”，并在第1帧到第4帧之间创建补间动画，此时的场景如图9-31所示。
（7）在第7帧插入一个空白关键帧，然后拖入元件“sport2”，在第10帧插入一个关键帧，调整第7帧元件的【Alpha】值为“0%”，并在第7帧到第10帧之间创建补间动画。
（8）用同样的方法，一次制作“sport4”、“sport1”、“sport2”和“sport3”元件的渐显动画，此时的【时间轴】面板状态如图9-32所示。
（9）新建一个名为“photo-1”层，复制“photo1”层的第37帧到“photo1-1”层的第38帧，并在第46帧插入关键帧，打开【变形】面板，将其长和宽都设置为“160%”，同时调整其【Alpha】值为“0%”，然后在第38帧到第46帧之间创建补间形状动画，从而实现向外扩散的效果。
（10）新建图层并重命名为“sport5”层，在第51帧插入一个空白关键帧，把“sport5”
元件帧拖曳到舞台中，效果如图9-33所示。在第60帧插入一个关键帧，然后调整第51帧的元件的长和宽为“32%”，【Alpha】值为“15%”，并在第51帧到第60帧之间创建补间动画。
（11）分别在第64帧和第72帧插入关键帧，调整第72帧元件的“Alpha”值为“0%”，并在第64帧到第72帧之间创建补间动画。
（12）新建图层并重命名为“sport5-1”层，复制“sport5”层的第51帧至第60帧到“sport5-1”的第56帧至第64帧，实现重影效果，如图9-34所示。
（13）新建图层并重命名为“sport6”层，在第65帧插入一个空白关键帧，将“sport6”
拖曳到舞台中，效果如图9-35所示。分别在第74帧、第77帧和第84帧插入关键帧，分别调整第65帧和第84帧上元件的【Alpha】值为“0%”，并在第65帧到第74帧之间，第77帧到第84帧之间创建补间动画。
（14）新建图层并重命名为“sport6-1”层，复制“sport6”层的第74帧到“sport6-1”层的第69帧，然后在第76帧插入一个关键帧。调整第69帧元件，使其向左移动一段距离，效果如图9-36所示。最后调整第69帧元件的【Alpha】值为“0%”，并创建补间动画。
（15）新建图层并重命名为“sport-2”层，复制“sport6-1”层的第69帧至第76帧到“sport6-2”的第70帧至第77帧，从而实现图9-37所示的重影的效果，此时的【时间轴】
面板状态如图9-38所示。
（16）用同样的方法依次制作“sport7”、“sport8”和“sport9”的运动效果，分别如图9-39、图9-40和图9-41所示。
（17）新建图层并重命名为“photo2”层，按照“photo1”层的制作方法，依次制作“photo10”
至“photo15”的渐显效果，其中“sport15”和“sport10”的效果如图9-42和图9-43所示。
（18）退出元件编辑，返回主场景。
5．制作片尾
（1）新建图层并重命名为“冲刺的人01”层，在第645帧插入空白关键帧，打开【库-生命在于运动.fla】面板，将【人物】文件夹中的名为“冲刺的人01”的影片剪辑元件拖曳到舞台，效果如图9-44所示。在第669帧调整元件的位置如图9-45所示，然后在第645帧到第669帧之间创建补间动画。
（2）新建图层并重命名为“冲刺的人02”层，在第670帧插入一个空白关键帧，将【库-生命在于运动.fla】中名为“冲刺的人02”的影片剪辑元件拖曳到舞台中，效果如图9-46所示。
在第700帧调整元件的位置如图9-47所示，然后在第670帧到第700帧之间创建补间动画。
（3）在第688帧插入一个关键帧，然后分别调整第670帧和第700帧的【Alpha】值为“0％”。
（4）按照上面制作过渡效果的方法，在“开场动画”层的第707帧制作图9-48所示的过场效果。
（5）在“开场动画”下面新建图层并重命名为“片尾动画”层，在第724帧插入一个空白关键帧，将【库-生命在于运动.fla】中的【片尾】文件夹中命名为“片尾画面”的影片剪辑元件拖曳到舞台中。效果如图9-49所示，并将“开场动画”层第729帧上的矩形的填充颜色的【Alpha】值设置为“0％”。此时的【时间轴】面板状态如图9-50所示。
注意：片尾画面中使用的一些文字特效和人物扫光特效，与前面的特效制作具有相似性，这里不再逐一介绍，读者可参阅前面章节内容的讲解。
（6）在最上面新建图层并重命名为“代码控制”，在第1帧驶入脚本“fscommand（“fullscreen”，true）；”，最后1帧输入脚本“stop；”。
最后保存测试影片，完成动画制作
通过本例的学习，读者可以掌握片头动画的制作方法，并从中学会通过基础知识的综合运用来制作更加复杂、绚丽的动画作品，让作品上一个层次。
