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所示。
升级会员 