FLASH CS3实例动画短片设计.docx

1、FLASH CS3 实例 动画短片设计FLASH CS3 实例 动画短片设计好的动画短片，除了具有吸引观者的故事情节外，还需要根据画面意境配以适当的背景音乐。例如本案例根据男孩与女孩这两个角色，制作两个人相遇、相识的动画过程，如图11-54所示。在制作具有一定剧情的动画时，需要考虑角色与场景。而动画中角色的动作以及表情是的制作是该动画的重点。图11-54 动画短片制作动画短片背景该动画短片的背景包括静止的蓝天与草地，以及运动的小草和花朵。所以在制作过程中，要为每一个元素建立元件，以便于操作。（1）新建宽度和高度为720576像素的空白文档。单击“图层 1”第1帧，选择【矩形工具】绘制如图11-

2、55所示大小的矩形，在该图层第1135帧处插入帧。图11-55 绘制矩形（2）绘制远处小树以及白云，在影片剪辑“小树”中创建图形元件“白云和小树”，如图11-56所示。图11-56 绘制远处小树及白云（3）返回场景。新建“白云和小树”图层，创建白云和小树由无到有，由上到下运动的动画，如图11-57所示。图11-57 白云和小树（4）创建“蒲公英”图形元件，然后制作蒲公英由无到有，由上至下运动的动画。如图11-58所示。图11-58 创建蒲公英运动的动画（5）参考以上方法，制作草地由有到无，由上到下与其他元件同步运动的运画，如图11-59所示。图11-59 创建草地运动的动画（6）为了使背景更加

3、丰富，继续制作小草由有到无，由上至下与以上其他动画同步运动的效果。如图11-60所示。图11-60 创建小草运动的动画（7）为了使背景内容丰富。新建“纸纹纹理”，将背景添加纸张纹理，并设置“纸纹”的Alpha数值为20%，如图11-61所示。图11-61 添加纸张纹理（8）新建“黑色矩形”图层，在其上绘制镂空的黑色矩形，如图11-62所示。图11-62 绘制黑色矩形制作动画角色（1）新建“行走的男孩和女孩”影片剪辑。然后在创建“行走的小女孩”影片剪辑中，使用“第2章 动画绘制基本技法”中“绘制女孩”的女孩，将“小女孩”身体的各个部位转换为元件，分别放置在不同的图层中，制作女孩行走的动画，如图1

4、1-63所示。图11-63 创建小女孩身体的元件（2）以女孩身体中的各个部位为单位，创建女孩行走的动画。如图11-64所示。图11-64 制作小女孩行走的动画（3）根据元件“女孩”中的动画制作原理，创建影片剪辑元件“行走的男孩和女孩”中男孩的各种动作，如图11-65所示。图11-65 制作小男孩行走的动画（4）创建男孩起飞过程的动画，如图11-66所示。图11-66 创建男孩起飞过程的动画（5）继续制作男孩起飞动作时的翅膀动画，如图11-67所示。图11-67 制作小男孩起飞时翅膀的动画（6）参考以上步骤，制作男孩起飞的动画，如图11-68所示。图11-68 制作男孩起飞动画（7）新建“动作”

5、图层，在第30帧处插入空白关键帧，按F9键打开【动作-帧】面板，输入如图11-69所示代码。图11-69 输入停止代码（8）继续创建男孩摘取蒲公英的动画，如图11-70所示。图11-70 创建男孩摘取蒲公英的动画（9）制作男孩摔倒在地的动画，如图11-71所示。图11-71 男孩摔倒在地的动画（10）为蒲公英添加引导层动画，制作男孩手举蒲公英的动画。如图11-72所示。图11-72 制作男孩手举蒲公英的动画（11）新建“女孩哭”影片剪辑，制作女孩哭的表情动画，如图11-73所示。图11-73 女孩哭（12）新建“男孩笑”影片剪辑，制作男孩笑的表情动画，如图11-74所示。图11-74 男孩笑（

6、13）新建“男孩跑”影片剪辑，在该工作区内创建男孩驾云跑时的动作，如图11-75所示。图11-75 制作男孩驾云跑的动作（14）根据男孩驾云跑的动画，创建并制作女孩跑时的动作。如图11-76所示。图11-76 制作女孩驾云跑的动作动画制作当背景与动画角色制作完成后，就可以将两者结合，在场景中制作短片故事。在制作过程中，要随时根据需要建立其它动画元素。（1）使用【库】面板中的女孩和男孩元件，制作男孩拉女孩手在路上行走的动画，如图11-77所示。图11-77 制作男孩拉女孩在路上行走的动画（2）继续制作男孩飞向蒲公英的动画，过程如图11-78所示。图11-78 制作男孩飞向蒲公英的动画（3）制作男孩摘取蒲公英后假装摔倒在地的动画，过程如图11-79所示。图11-79 男孩摘取蒲公英的动画（4）制作男孩假装死去，女孩为此而哭的故事情景动画，如图11-80所示。图11-80 制作男孩假装死去的故事情景（5）制作女孩生气而追打男孩的动画，过程如图11-81所示。图11-81 制作女孩追打男孩的动画（6）最后在所有图层上方新建“背景音乐”图层，为该动画添加音乐。保存文档后，测试影片效果如图11-54所示。