注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

jinrl100的博客

 
 
 

日志

 
 

用PS制作动画—“立体闪图”  

2013-09-08 07:31:55|  分类: 用ps制作动画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

看一下这个动画,在一个立方体的内部,同时看到了五个表面,各表面上的斑马线在慢慢地移动。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客
 

  

为了制作这个动画我们想到了用PS的3D功能,先做一个立方体,把一个表面去掉,其余各个表面贴上斑马线的纹理。相机对正立方体拍摄,就能够得到这样一个图案。

但是纹理怎样动起来呢?还是在纹理上想办法,做若干组纹理,各组纹理之间相互移动个位置,依次粘贴到表面上,每贴好一组纹理就形成一张关键帧,当这些关键帧全部做好,动画也就好做了。

这样看来制作纹理是个关键。先制作第一组纹理:

文件名分别为“纹理0a”和“纹理0b”,文件大小为600X600像素。一组共二个纹理,方向相反,分别称为正纹理和反纹理。

纹理为45度倾斜的黑白相间条纹,水平方向相邻二条纹之间的距离为60像素。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

  

从第二组纹理开始,每一组条纹的位置比前一组的位置移动了10像素,正纹理向右而反纹理向左。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

  

六组纹理全部制作好以后,就可以开始用PS的3D功能来制作立方体了。

新建一个600X600的图形文件,把背景图层复制一层,用下拉菜单:  3D(D)—从图层新建形状—立方体  命令建立一个立方体。

打开3D(场景)面板,把“右侧”表面改为不可见,把全局环境色改为白色。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

 

 

用“3D比例工具”,把选项栏的X方向数值填入6,使得立方体有一定的深度。

选择“3D环绕工具”,把选项栏的X方向数值填入-90;把选项栏的Z方向数值填入-90,并使用“3D平移视图工具”,使得相机的方向对正立方体的中心。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

 

  

下面对各个表面“载入纹理”,其中:左侧材料、底部材料、背部材料为正纹理;而顶部材料、前部材料为反纹理,右侧材料不用:

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

  

完成一组纹理的粘贴后,用“盖印”命令生成一张关键帧:

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

  

接着进行下一组纹理的载入,反复进行直到完成六张关键帧。

仅保留图层1—图层6 六个图层,其余图层全部删除。

打开动画面板,调整为帧动画,点击“从图层建立帧”命令,这样在动画面板中就出现了六个帧。

设置每一帧时间为0.1秒,播放动画,即可看到我们创建的动画了。

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

  

完成后,

用下拉菜单: 文件—储存为Web和设备所用格式(D)…   命令把动画储存为GIF格式。

 

图形的方向适当换一下也不错哦:

用PS制作动画—“立体闪图” - jinrl100 - jinrl100的博客

 

  评论这张
 
阅读(777)| 评论(48)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017