Flash CS4教程:骨骼工具在皮影中的应用

2016-02-16 19:38 13 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Flash CS4教程:骨骼工具在皮影中的应用的教程,热爱设计的朋友们快点看过来吧!

【 tulaoshi.com - FLASH 】

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

本例思路

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

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

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

Part 1 分割图形

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

(1)按Ctrl+R组合键导入本书配套光盘中的Chapter06/素材/皮影.ai文件,如图6-1所示。

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-1 导入素材

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-2 连接点

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-3 切割素材

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-4 放置各元件

Part 2 制作老人行走动画

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-5 创建左手骨骼

技巧提示:

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

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-6 创建其他骨骼

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-7 插入帧

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-8 调整行走动作

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-9 创建补间动画

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-10 行走动画

Part 3 制作小狗跳跃动画

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-11 创建骨骼

技巧提示:

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-12 禁止关联对象

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-13 关联调整对象

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-14 调整跳跃姿势

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-15 跳跃动画

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

Flash CS4教程:骨骼工具在皮影中的应用,PS教程,图老师教程网

图6-16 创建补间动画

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

来源:http://www.tulaoshi.com/n/20160216/1572650.html

延伸阅读
本例主要在前面所学编程知识的基础上进一步掌握元件类扩展类的编写,通过编写get 和 set 存取器函数,为创建的元件类提供易于使用的编程接口,使得元件类的属性在可以被访问的基础上进行良好的隐藏和封装。本例还配合使用三角函数知识创建丰富特效,通过本例的制作,读者可以掌握如何为元件类提供易于使用的编程接口,以及加深对三角函数知识的...
本例主要在前面所学基础3维编程知识的基础上进一步巩固和熟悉rotation与Z轴的使用,以及它们的结合使用。通过本例的制作,来加强前面所学知识的的理解,并学习如何配合使用达到更好效果,用简单的方法创作很酷的三维效果,在结合创作中加深理解应用。 本例思路: 1 创建实例背景。 2 绘制牌的正面和反面并转换为...
本例通过程序读取外部MP3文件,通过声音对象的控制来制作播放器,这种方式适用于Flash交互开发时使用。 本例思路: 1 导入素材制作按钮。 2 制作示波图模拟动画。 3 编写程序。 实例步骤: (1) 先导入按钮素材,使用菜单文件/导入/导入到舞台,如图所示。 提示:图片在光盘中,光盘目录/案例源文件/第十六章/...
Flash CS4 在工具菜单中添加了 3d工具 ,还针对mc添加了一个动画编辑器。下面我们利用Flash CS4的3d工具制作一个照片的立方体模型。 Flash CS4没有3dmax等3d软件强大的建模工具,但是提供了一个z轴的概念,开发环境从原来的2维环境拓展到一个有限的3维环境。之所以说有限是因为虽然有z轴但是所有的结构还是建立在图层这个基础之上的,那么就...
本例主要是在上一个实例的基础上进行扩展,计算鼠标跟随对象来产生具有一定规律的星火特效。 本例思路 导入背景素材,然后制作出星火特效。 创建文档类,产生鼠标跟随的多角星形特效;创建元件类的扩展类,产生随机大小的火花效果。 Part 1 制作星火特效 (1)新建一个大小为500×300像素,帧频为30fps的...

经验教程

650

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部