FLASH CS3实例动画短片设计.docx
《FLASH CS3实例动画短片设计.docx》由会员分享,可在线阅读,更多相关《FLASH CS3实例动画短片设计.docx(14页珍藏版)》请在冰豆网上搜索。
![FLASH CS3实例动画短片设计.docx](https://file1.bdocx.com/fileroot1/2023-4/20/8314e735-1f78-41d1-87ae-b33b2d5a4342/8314e735-1f78-41d1-87ae-b33b2d5a43421.gif)
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所示。