flash教程3d工具,deco工具和骨骼工具

2015-01-26 11:24 114 1 收藏

上次图老师带来的Flash小技巧,不知道大家学的怎么样了,这次小编又给大家带来一个有趣的Flash小技巧,不要说难,小编分享的教程都是步骤详细,很容学会的,需要的就是耐心和细心,掌握小技巧,不用再去求别人。

【 tulaoshi.com - flash 】

  Flash Cs4在界面上与其上一个版本cs3总体来说并没有特别大的区别,下面就让我们来介绍一下CS4中的工具吧.在工具菜单中

Flashtools-cs3

  添加了Flash3d工具Flashdeco工具Flash骨骼工具. 针对mc添加了一个动画编辑器. 脚本语言没有变化. 主要针对新版本中的3d功能以及骨骼工具做了相对的试用下面是具体的示例.

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

一、3d工具的使用以实例

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

  cs4没有3dmax等3d软件强大的建模工具,但是在cs4中提供了一个z轴的概念,那么在flash这个开发环境下就从原来的2维环境拓展到一个有限的3维环境.说到有限是有原因的,因为虽然有z轴但是所有的结构还是建立在图层这个基础之上的.那么就存在上下层的关系.而图层本身是基于2维.这里就遇到一个问题.当一个3d模型转动的时候他原有的上下层关系发生变化,而cs4并没有建模工具.所谓的模型也是用几个面拼凑出来的.这样的话逻辑关系就出现了问题.原本应该是在下的面却依然显示在最上一层(图层原因).

  下面我们用6张同样尺寸的图片来构建一个正方体,首先从外部导入6张图片尺寸为100dpi:

Flash CS4中的3d工具,deco工具和骨骼工具

  将这6张图片放入一个mc当中命名为”box”.每一张图片都是这个”box” 立方体的一个面,将每张图片单独创建成一个mc,然后分别进行其坐标设置(x,y,z)轴.

  将图片1的设置成(0,0,0),图片2为(0,0,100)如图:

Flash CS4中的3d工具,deco工具和骨骼工具

  图片3利用3d旋转工具将其Y轴旋转90度设置成(0,0,0),.如图:

Flash CS4中的3d工具,deco工具和骨骼工具

  同样图片4利用3d旋转工具将其Y轴旋转90度设置为(100,0,0) :

Flash CS4中的3d工具,deco工具和骨骼工具

  图片5利用3d旋转工具将其X轴旋转90度成(0,0,0),

  图片6利用3d旋转工具将其X轴旋转90度成(0,100,0),如图

Flash CS4中的3d工具,deco工具和骨骼工具

  这样一个简单的立方体模型就算做好了

  将”box”这个mc拖入主场景时间轴中第一桢在时间轴的第50桢插入桢并且创建补件动画,点选最后一桢也就是50桢在动画编辑器里面调整对应的属性就可以得到想要的效果,这里调整Y轴的旋转角度为360度即旋转一周得到下面的动画3d-box

二、骨骼工具

  首先制作一个简单的火柴人 每个能够活动的关节要单独作成mc如图:

Flash CS4中的3d工具,deco工具和骨骼工具

  cs4立面的骨骼工具同3dmax一样是反向动力学 所以骨骼的绑定也要遵循这个原则 将头.四肢绑定到人的躯干上

使用骨骼工具点选头部这个mc直接连接到所对应的躯干上 所点选mc的重心是可以调节的 使用任意变形工具调整即可

Flash CS4中的3d工具,deco工具和骨骼工具

  同样的按照方向动力学的原理将身体的其他部分连接起来

Flash CS4中的3d工具,deco工具和骨骼工具

  这样骨骼的绑定就算完成了。

  然后在时间轴上创建关键桢调整出你想要做的动作 因为骨骼已经绑定所以可以直接拖拉火柴人身体进行全身的动作调整 骨骼连接的中心点可以通过任意变形工具进行细节调整 最后得到这样的动画效果骨骼小人。

来源:http://www.tulaoshi.com/n/20150126/136661.html

延伸阅读
本教程制作需要CS5版本中的3D工具,这也是CS5新建的功能,可以把图形或文字等转为想要的立体效果。操作的时候也比较简单,先用路径等工具做出想要的图形,然后转为3D效果,再修饰好细节即可。 最终效果 1、创建一个新文档,宽度600,高度340。如下所示设置渐变工具。 2、创建一个新层,使用矩形选区填充你喜欢的颜色,如果你对...
标签: flash教程
二、Static Text (静态文本)的特殊属性 Static Text (静态文本)主要是显示各项不能更改的信息。与 flash 5 相比,mx 增加了些新的功能,如文本可以垂直排列,甚至还可以旋转等等,这下制作文本垂直排列时不用再象以前那样拼命的敲回车符了,只要轻点一下就可以实现了。  1.  Change direction of t...
主要是想大家熟悉一下PS中3D功能。废话不多说,有问题下载PSD,还是不行来问我。 先看看效果图 新建文档。 打上字,随意点,不是这个字体也行,但是一定要粗大,你懂的 3D-从所选图层新建3D凸出,然后数值在下面 对照一下就好。 3D-渲染(作者原图是这么做的,但是我发现不渲染其实差别不大,而且竟然渲染提...
Flash CS4 在工具菜单中添加了 3d工具 ,还针对mc添加了一个动画编辑器。下面我们利用Flash CS4的3d工具制作一个照片的立方体模型。 Flash CS4没有3dmax等3d软件强大的建模工具,但是提供了一个z轴的概念,开发环境从原来的2维环境拓展到一个有限的3维环境。之所以说有限是因为虽然有z轴但是所有的结构还是建立在图层这个基础之上的,那么就...
来源:站酷 作者:GodardAsui 用图层样式制作阴影使最快的,不过层次感远没有用3D工具好。3D工具制作的阴影更加真实和有立体感,不过需要的PS版本相应要高一点。 最终效果 1、打开PS,新建文档,大小设置成2880 * 1800像素。之后用文字工具打上你想要应用阴影的文字,如下图。 2、执行菜单:3D 从所选图层新建3D模型。然后选择这个3D...

经验教程

454

收藏

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