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

jinrl100的博客

 
 
 

日志

 
 

用PS制作动画---连轴转  

2013-09-21 13:39:44|  分类: 学习PS的3D功能 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

网上看到一个动画做得相当好,通过反复的思考和实际试做,现在基本上做好了,先请观赏一下:

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客
 
  

这个动画基本上就是中心一个球体,在它的外围分布了11个“瓜片”,从里到外瓜片的直径逐步增大,颜色逐一变化,分布的位置依次展开。球体和各个瓜片一起环绕中心的轴线转动而形成动画。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

要制作这个动画就要用到PS的3D功能,用它来制作球体和瓜片。其中比较麻烦的是瓜片的制作,瓜片实际上就是从一个球体中切出来的六分之一。制作一个球体表面需要有一个表面的贴图,而切割出来六分之一,又需要用到不透明度的贴图。用不透明贴图中的黑色来控制被切掉的部分,而白色用来控制球体表面中存在的部分。

先看一下贴图:

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

用3D功能把一个白色的图层制作成球体,点击图层图标右下角的小立方体,调出3D场景面板,里面有一个“全局环境色”按钮可以来调整球体表面的光照亮度(可以选择RGB:168 168 168的灰色)。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

球体调亮后,点击球体材料,得到3D(材料)面板,点击表面贴图按钮,选择“载入纹理”命令,出现对话框后选择想载入的贴图文件(这里用颜色-2.jpg)。

注:开始时瓜片在背面,要看到它需要旋转过来。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

点击不透明度按钮,载入不透明度贴图(透明.jpg)。球体的其余部分都变成透明了,仅仅出现一片“瓜片”的图案。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

PS处理图形的一个主要方法是图层,这里一个球体和11个瓜片各需要一个图层,这些图层应该如何排列呢?球体和11个瓜片的直径从小到大,一层遮盖一层,看来应该是大的在上面,小的在下面依次排列。

但是要说明的是PS的3D功能实际上并不是真正意义上的3D造型,无法做到从里到外真正的嵌套关系。先看下图:现在有一个球体和二个瓜片,一个转到了球体的前面,一个转到了球体的后面,真实的情况应该如图中所示,小的瓜片在最前面而大的瓜片在最后面。这样从图层的排列次序上讲,与上面的讲法就有矛盾。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

如果按从大到小的次序来排列图层应该得到下面的结果:

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

怎样来解决这个问题呢?PS是这样来考虑问题的:一个球体,可以把它分为前半个和后半个;一个瓜片是球体的一部分,在转动时它可能转到前半个球面上,也可能在后半个球面上,或者二者兼而有之。在材料的面板上有一个“双面”的选择框来确定前后二个半球是否可见。上图中勾选“双面”,则不论瓜片在哪个半球上均可见;而下图不勾选“双面”,只有瓜片在前半球上才可见。因为现在瓜片转到了后半球所以就看不见了。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

那么怎样来看见转到球体后面的那个瓜片呢?我们还得在球体图层的下面添加一个瓜片图层10的副本,并且把它勾选为“双面”才行。同样也要添加一个小瓜片的图层3副本在球体图层的下面,当它转到后面的时候也要让它露出一部分。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

  

上面先讲介了本动画中有关的二个基本顾念,下面再来简述一下制作的基本步骤:

1 建立一个400X400的绘图文件,背景填充深色,再建立二个新图层:图层1、图层2。

2 下图为用于制作球体和瓜片的贴图:

(说明:这一些贴图预先做好,其中“颜色.jpg”用于制作中心小球体,“透明.jpg”用于制作瓜片的不透明贴图,其余贴图用于制作11个瓜片。)

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客
 
 

对图层1执行:3D(D)—从图层新建形状—球体  命令。

点击表面贴图按钮,选择“载入纹理”命令,载入“颜色-1.jpg”贴图。

用选用“缩放3D对象”按钮,把X、Y、Z方向的数值均改为0.4。

用选用“旋转3D对象”按钮,把Z方向的角度填入180。

完成了一个中心球体。

 

对图层2执行:3D(D)—从图层新建形状—球体  命令。

点击表面贴图按钮,选择“载入纹理”命令,载入“颜色-2.jpg”贴图。

点击不透明度按钮,载入不透明度贴图“透明.jpg”。

在“材料面板”中不勾选“双面”。

用选用“缩放3D对象”按钮,把X、Y、Z方向的数值均改为0.5。

用选用“旋转3D对象”按钮,把Z方向的角度填入200。

完成了一个瓜片的制作。

 

3 把图层2复制一层,改名为图层3。

点击表面贴图按钮,选择“载入纹理”命令,载入“颜色-3.jpg”贴图。

用选用“缩放3D对象”按钮,把X、Y、Z方向的数值均改为0.6。

用选用“旋转3D对象”按钮,把Z方向的角度填入220。

反复进行这一些操作,每一次图层名称加1,改变一个贴图,缩放的数值增加0.1,角度增加20。

直到制成图层12。这一些图层在“材料面板”中,均不勾选“双面”。目前背景层在底层,图层1—图层12,从下到上依次排列。

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客
 

在图中仅看到一小块,另外是6个瓜片,其余的瓜片为什么看不见呢,就是因为它们都转到了后面去了,目前只看前半个球体表面所以看不见。

 

4接着先设置动画,再建立各图层的副本。

动画设置的参数就是一个,绕Z轴转动的角度。在制作瓜片时,每一片的起始角都不同,相互间隔为20度,所以它们沿园周方向均匀排开。旋转的周期是每一个循环转一圈,但因为起始角不同,动画的设置先要把它转到360度(即0度),再转到起始角,完成一圈。转一圈的时间设为1.5秒,每秒钟设置24个帧,1.5秒就是36个帧。这样每一帧转角为10度。

根据这些关系下面列出一个表格,用于动画的设置:

 
用PS制作动画---连轴转 - jinrl100 - jinrl100的博客
 

请根据这些数据,仔细设置好动画。

 

5 建立各瓜片图层的副本:

对每一个瓜片的图层建立一个副本,并在图层面板中把副本依次拖到图层1的下面,次序为从上到下排列图层2副本—图层12副本。

勾选每一个副本在材料的面板上的“双面”选择框,使得各图层副本均为双面可见。完成后的情况如下:

 
用PS制作动画---连轴转 - jinrl100 - jinrl100的博客
 
  

如果一切正常的话,现在就可以观看动画了,但是要注意到这个动画在渲染的过程中时间非常长,可能要等待十来分钟。正好也休息一下放松放松。

 

用PS制作动画---连轴转 - jinrl100 - jinrl100的博客

 

 

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

 

  评论这张
 
阅读(463)| 评论(60)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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