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

啊尼哈谁呦

啊尼哈谁呦

2016-02-16 19:36

图老师小编精心整理的Flash CS4 3D工具打造滚动的照片立方体希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

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

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

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

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

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

图1

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

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

图2

图片3利用3d旋转工具

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

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

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

图3

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

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

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

图4

图片5利用3d旋转工具

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

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

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

Flash CS4 3D工具打造滚动的照片立方体,PS教程,图老师教程网

图5

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

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

效果图:

 

展开更多 50%)
分享

猜你喜欢

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

FLASH flash教程 autocad教程
Flash CS4 3D工具打造滚动的照片立方体

利用CSS制作3D立方体

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
利用CSS制作3D立方体

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

FLASH flash教程 autocad教程
Flash CS4中的3d工具,deco工具和骨骼工具

CSS教程:CSS制作3D立方体

Web开发
CSS教程:CSS制作3D立方体

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop3D工具制作旋转的立方体

PS PS基础
Photoshop3D工具制作旋转的立方体

Flash CS4教程:立体梦幻星空旋转3D地球

FLASH flash教程 autocad教程
Flash CS4教程:立体梦幻星空旋转3D地球

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator制作精美照片日历

Illustrator制作精美照片日历

Flash CS4制作漂亮的星光四射效果

Flash CS4制作漂亮的星光四射效果
下拉加载更多内容 ↓