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

jinrl100的博客

 
 
 

日志

 
 

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

2013-08-22 07:21:32|  分类: 用ps制作动画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

先看动画:

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

 

 

方块中一层套一层的方框,渐渐地向外扩展。这个动画应该怎样来制作呢?首先想到的是制作黑白相间的条纹图案。然后把条纹图案复制成四幅,分别布置为四个方向,每个图案仅取其中的一部分,构成了方框形。再设法把它扩展开来形成动画。

1新建一个白色的500X500像素的绘图文件,新建图层1,在图层1上绘制自下而上的宽度和间隔均为10像素的黑色条纹。注意尺寸一定要画得精确。

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

 2 把图层1复制三层,并另外三层分别旋转,使得四个图层的方位分别为东南西北四个方向,并注意每一层图案的第一条黑色条纹要与边缘对齐。 

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

 

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

  

3 新建图层2,通过辅助线精确地绘制一个底边向下的等腰直角三角形,填充某种颜色。在以后裁剪图形时有用。

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

  4 对图层1建立蒙版,按ctrl键并点击图层2的图标,建立三角形的选区。

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

  

经选区的反向后,把黑颜色填充到图层1的蒙版内。关闭图层2以后,看到了图层1的一个四分之一的裁剪区域。

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

  

 5 每次把图层2环绕画布的中心逆时针90度,用上述相同的方法分别对图层1的三个副本,制作三角形的蒙版。关闭图层2后,下面四个图层构成了一幅框形的图案。

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

  

6 得到一幅图案后,击活图层1副本3,同时按ctrl+shift+alt+E键,盖印获得图层3。图层3即为“扩展的方框”动画中的一帧画面。

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

  

7 下面制作动画中的其余各帧,目的是要把方框的每一条边向外扩展。现在每一个条纹图案上有一个蒙版,图案和蒙版是连接在一起的,可以看到图层的图标和蒙版的图标之间有一个连接的标志。我们希望蒙版的位置不要动,而仅仅是移动条纹图案。所以先点击每一个连接标志把它断开,使得条纹图案移动时蒙版不动。

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

  

8 接着关闭图层3,操作下面四个有蒙版的图层,击活图层1的图层图标,选择移动工具用上下左右键轻轻地向下移动4个像素。(条纹的宽度和间距各为10像素,每次4个像素要移动5次为一个循环)

  请细看图形中的变化:

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

  

9 分别击活图层1各副本的图层图标,用移动工具各向需要的方向移动4个像素。四个图层均移动后,再用盖印命令获得图层4,又得到动画中的一帧画面。

   请细看图形中的变化:

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

10 反复进行上面8、9二项操作,每一次获得动画中的一帧画面。直到图层7的出现,从图层3到图层7 一共五个图层,操作告一个段落。 

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

  

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

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

  

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

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

  

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

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

  

14 设置每帧停留时间为0.1秒,循环方式为“永远”,按“播放”按钮播放。调试完成后,用下拉菜单:文件—储存为Web和设备所用格式(D)…   命令把动画储存为GIF格式。

 

15 还可以进一步把这个动画从平面图形发展成立体图形。为此在这里先把图层3至图层7五个图层储存为文件名为“方框纹理1.jpg”--“方框纹理5.jpg”。在看了下一篇文章(用PS制作动画—“扩展的方框-2”)后来制作如下的动画:

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

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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