"/>

Flash的骨骼工具制作皮影动画技巧

来源:网页教学时间:2012-03-29

  本例将使用Flash CS4新增的“骨骼工具”来创建反向运动,该工具可以在短时间里制作出复杂而自然的动画效果,这种制作方式很适合运用在皮影动画中。

  本例思路

  导入素材,然后分割好图形的各部分元素。

  使用“骨骼工具”为老人添加好骨骼,然后为老人制作出行走动画。

  使用“骨骼工具”为小狗添加好骨骼,然后为小狗制作出跳跃动画。

  Part 1   分割图形

  (1)按Ctrl+R组合键导入素材/皮影.ai文件,如图6-1所示。

Flash的骨骼工具制作皮影动画技巧

图6-1   导入素材

  (2)将老人的各肢体转换为影片剪辑,因为皮影戏的角色只做平面运动,然后将角色的关节简化为10段6个连接点,如图6-2所示。

Flash的骨骼工具制作皮影动画技巧

图6-2   连接点

  (3)按连接点切割好人物的各部分,然后每个部分转换为影片剪辑,如图6-3所示。

Flash的骨骼工具制作皮影动画技巧

图6-3   切割素材

  (4)将各部分的影片剪辑放置好,然后选中所有元件,再将其转换为影片剪辑(名称为“老人”),如图6-4所示。

Flash的骨骼工具制作皮影动画技巧

  Part 2   制作老人行走动画

  (1)单击“工具箱”中的“骨骼工具”按钮 ,然后在左手上创建好骨骼,如图6-5所示。

Flash的骨骼工具制作皮影动画技巧

图6-5   创建左手骨骼

  技巧提示:

  使用“骨骼工具”连接两个轴点时,要注意关节的活动部分,可以配合“选择工具”和Ctrl健来进行调整。

  (2)采用相同的方法创建出头部、身体、左手、右手、左脚与右脚的骨骼,如图6-6所示。

Flash的骨骼工具制作皮影动画技巧

图6-6 创建其他骨骼

  (3)人物的行走动画使用35帧完成,因此在各图层的第35帧插入帧,如图6-7所示。

Flash的骨骼工具制作皮影动画技巧

图6-7   插入帧

  (4)调整好第10帧、18帧和第27帧上的动作,使角色在原地行走,然后创建出“担子”在行走时起伏运动的传统补间动画,如图6-8所示。

Flash的骨骼工具制作皮影动画技巧

图6-8   调整行走动作

  (5)返回到主场景,然后创建出“老人”影片剪辑的补间动画,使其向前移动一段距离,如图6-9所示。

Flash的骨骼工具制作皮影动画技巧

图6-9    创建补间动画

  (6)按Ctrl+Enter组合键发布动画,效果如图6-10所示。

Flash的骨骼工具制作皮影动画技巧

图6-10   行走动画

  Part 3   制作小狗跳跃动画

  (1)使用“骨骼工具”为小狗添加骨骼,小狗的骨骼和老人的骨骼不同,小狗只使用一副骨骼,如图6-11所示。

Flash的骨骼工具制作皮影动画技巧

图6-11   创建骨骼

  技巧提示:

  小狗的右前脚和右后脚在身体的背面,被身体挡住了,所以不能直接关联对象,如图6-180所示,这时可以将右脚拉出来关联骨骼后,然后按住Ctrl键的同时使用“选择工具”将其放回原位,如图6-13所示。

Flash的骨骼工具制作皮影动画技巧

图6-12    禁止关联对象

Flash的骨骼工具制作皮影动画技巧

图6-13    关联调整对象


  (2)调整小狗跳跃的各种姿势,如图6-14所示。

Flash的骨骼工具制作皮影动画技巧

图6-14   调整跳跃姿势

  (3)按Ctrl+Enter组合键发布动画,效果如图6-15所示。

Flash的骨骼工具制作皮影动画技巧

图6-15    跳跃动画

  (4)返回到主场景,然后为小狗添加补间动画,如图6-16所示。

Flash的骨骼工具制作皮影动画技巧

图6-16    创建补间动画

  (5)按Ctrl+Enter组合键发布动画。


[展开全部↓]

相关攻略

查看更多
发表评论

最新评论(共15条)

2345市网友

感觉没救了,做了三节课。。。

2016-05-19 0

回复@2345网友:

  • 取消

2345市网友

这正是我想学习的东西,如果能下载素材就更好了。

2014-03-31 2

回复@2345网友:

  • 取消

2345市网友

求素材下载地址

2013-12-27 4

回复@2345网友:

  • 取消

2345市网友

##下载试试,感觉不错##

2013-11-03 0

回复@2345网友:

  • 取消

2345市网友

链接电视怎么弄的?

2013-05-15 0

回复@2345网友:

  • 取消

2345市网友

谢谢你因为你我还被老师夸奖了!

2013-05-07 0

回复@2345网友:

  • 取消

2345市网友

感谢分享 这正是我想找的教程...

2013-04-17 1

回复@2345网友:

  • 取消

2345市网友

谢谢谢,长了知识

2013-03-29 0

回复@2345网友:

  • 取消

2345市网友

牛啊 帮了我大

2013-01-23 0

回复@2345网友:

  • 取消

2345市网友

用的是哪个版本的flash?

2013-01-12 0

回复@2345网友:

  • 取消

2345市网友

关键是没有素材啊??素材哪里找??

2012-10-16 0

回复@2345网友:

  • 取消

2345市网友

还行 就是有点复杂 看的不太懂

2012-06-13 0

回复@2345网友:

  • 取消

2345市网友

不错     不错

2012-02-02 1

回复@2345网友:

  • 取消

2345市网友

不错!可惜,我的版本不能用骨骼工具

2012-01-20 0

回复@2345网友:

  • 取消

2345市网友

不错啊,能不能再详细点

2011-10-23 0

回复@2345网友:

  • 取消