当前位置:首页设计教程Flash CS4 3D工具打造滚动的照片立方体
Flash CS4 3D工具打造滚动的照片立方体
°
  • 素材类型: 资源-素材
  • 上传时间:

Flash CS4没有3dmax等3d软件强大的建模工具,但是提供了一个z轴的概念,开发环境从原来的2维环境拓展到一个有限的3维环境。

Flash CS4在工具菜单中添加了Flash CS4 3D工具打造滚动的照片立方体3d工具,还针对mc添加了一个动画编辑器。下面我们利用Flash CS4的3d工具制作一个照片的立方体模型。

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

我们用先6张同样尺寸的图片来构建一个正方体。

首先从外部导入6张图片到Flash中,分辨率为100dpi:

Flash CS4 3D工具打造滚动的照片立方体

图1

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

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

Flash CS4 3D工具打造滚动的照片立方体

图2

图片3利用3d旋转工具

Flash CS4 3D工具打造滚动的照片立方体

将其Y轴旋转90度设置成(0,0,0),如图:

Flash CS4 3D工具打造滚动的照片立方体

图3

同样图片4利用3d旋转工具

Flash CS4 3D工具打造滚动的照片立方体

将其Y轴旋转90度设置为(100,0,0):

Flash CS4 3D工具打造滚动的照片立方体

图4

图片5利用3d旋转工具

Flash CS4 3D工具打造滚动的照片立方体

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

Flash CS4 3D工具打造滚动的照片立方体

图5

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

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

效果图:

进入论坛参与讨论: http://www.missyuan.com/viewthread.php?tid=421787

温馨提示:

文章标题:Flash CS4 3D工具打造滚动的照片立方体

文章链接:https://www.4tu.cn/design/47999.html

更新时间:2024年09月06日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
设计教程

Fireworks实例教程:绘制清新翠绿的竹子

2024-9-6 11:08:24

设计教程

美图秀秀新版动画场景体验

2024-9-6 11:08:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧