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

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

《FLASH CS3实例动画短片设计.docx》由会员分享，可在线阅读，更多相关《FLASH CS3实例动画短片设计.docx（14页珍藏版）》请在冰豆网上搜索。

FLASHCS3实例动画短片设计

FLASHCS3实例动画短片设计

好的动画短片，除了具有吸引观者的故事情节外，还需要根据画面意境配以适当的背景音乐。

例如本案例根据男孩与女孩这两个角色，制作两个人相遇、相识的动画过程，如图11-54所示。

在制作具有一定剧情的动画时，需要考虑角色与场景。

而动画中角色的动作以及表情是的制作是该动画的重点。

图11-54动画短片

制作动画短片背景

该动画短片的背景包括静止的蓝天与草地，以及运动的小草和花朵。

所以在制作过程中，要为每一个元素建立元件，以便于操作。

（1）新建宽度和高度为720×576像素的空白文档。

单击“图层1”第1帧，选择【矩形工具】

绘制如图11-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）为了使背景更加丰富，继续制作小草由有到无，由上至下与以上其他动画同步运动的效果。

如图11-60所示。

图11-60创建小草运动的动画

（7）为了使背景内容丰富。

新建“纸纹纹理”，将背景添加纸张纹理，并设置“纸纹”的Alpha数值为20%，如图11-61所示。

图11-61添加纸张纹理

（8）新建“黑色矩形”图层，在其上绘制镂空的黑色矩形，如图11-62所示。

图11-62绘制黑色矩形

制作动画角色

（1）新建“行走的男孩和女孩”影片剪辑。

然后在创建“行走的小女孩”影片剪辑中，使用“第2章动画绘制基本技法”中“绘制女孩”的女孩，将“小女孩”身体的各个部位转换为元件，分别放置在不同的图层中，制作女孩行走的动画，如图11-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）新建“动作”图层，在第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男孩笑

（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所示。