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

jinrl100的博客

 
 
 

日志

 
 

用PS制作动画—“扩展的方框-2”  

2013-08-23 13:17:06|  分类: 用ps制作动画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

看一下这个动画,在一个立方体的内部,同时看到了五个表面,各表面上的方框在慢慢地扩展。

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

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

但是纹理怎样动起来呢?还是在纹理上想办法,做若干张方框的纹理,一张一张方框的图案渐渐地向外扩展,做好后同一张方框的纹理贴到立方体的五个表面上,每贴好一张纹理就形成一张动画帧,然后依次换一张纹理再贴再做动画帧,当这些动画帧全部做好,动画也就好做了。

这样看来制作方框的纹理是个关键。其实方框的纹理我们在以前已经做好了,请看上一篇文章(用PS制作动画—“扩展的方框-1”)。当时曾经储存过五张“方框纹理”的图片,在这里可以用了。

五张“方框纹理”:

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

具体步骤如下:

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

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

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

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

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

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

3 下面对各个表面“载入纹理”,第一次对打开的五个表面均载入 “方框纹理1”。

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

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

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

4 关闭当前盖印获得的图层,打开3D(场景)面板,对打开的五个表面均载入 “方框纹理2”。如此反复进行直到完成五张动画帧。

5下面来制作动画:打开动画面板,把图层1—图层5五个图层全部打开。这时动画面板上的第一帧自然形成,图案为图层面板中打开的最高层图层1的图案。

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  6按“复制所选帧”按钮,关闭图层1,这时第二帧的图案为最高层图层2的图案。

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

7 再用同样的方法制作三个帧,分别为图层3、4、5的图案。

8 设置每一帧时间为0.1秒,循环方式为“永远”,播放动画,即可看到我们创建的动画了。

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

  

9 完成后,

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

 

也可以把动画做成有一点倾斜的:

用PS制作动画—“扩展的方框-2” - jinrl100 - jinrl100的博客

 

  评论这张
 
阅读(278)| 评论(54)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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