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

jinrl100的博客

 
 
 

日志

 
 

用PS制作动画—“转动的园环”  

2013-06-15 13:22:07|  分类: 用ps制作动画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

请看下面的一个动画“转动的园环”:

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

看后分析一下这个动画应该怎样来做呢?动画由大小四个园环组成,一圈隔一圈相向转动。每圈有三十条斑马线,制作的关键是画出这些斑马线。

1 用PS新建一个600X600像素,背景为白色的文档。

按下图拉出辅助线,先画出图层1的直径为500像素的园。再复制四个图层1,分别用自由变换工具把它们缩小为79%、58%、37%和16% 并分别填入不同的颜色,组成四个同心圆环,用于确定各园环的范围。

 

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

 

2 放大外层园环的顶部,用钢笔工具画出一条斑马线的外形。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

  

3 调整合适后把路径转换成选区。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

  

4新建图层2,在选区中填充入黑色。再把图层2复制一层。

用下拉菜单: 编辑--自由变换  命令,得到变换框后,用鼠标按住变换框的中心点,把它移至大园环的中心位置。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

  

在自由变换工具的选项栏的角度框中填入12度。当图层2副本转动到如下位置后按“回车”键。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

  

5 第二条斑马线画好后,反复同时按下ctrl+alt+shift+T 四个键,让软件一次又一次做出相应的自由变换结果。直到30条斑马线全部画好。  再反复同时按下ctrl+E 二键,让图层一层一层向下合并,直到30条斑马线全部合并为图层2,得到外层的园环。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

  

6 新建图层3,继续用钢笔工具画出第二圈园环的斑马线形状。用同样的方法制作出第二圈园环的斑马线,以及第三圈、第四圈园环。

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客

 

用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

7 把图层5和图层3合并为图层3;图层4和图层2合并为图层2。关闭图层1 以及其所有副本。

 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

8 至此图形的绘制工作完成,下面开始为动画做准备。园环转动一格为12度,为了使动作比较连续,我们把12度分成六步,每一步转动2度。一组园环顺时针转,而另一组园环逆时针转。

用盖印命令,同时按下ctrl+alt+shift+E 四个键,制成动画用的第一个图形。(图层4)

 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

9 关闭图层4,

击活图层2,用下拉菜单: 编辑—自由变换命令,将图层2的二个园环转动 -2 度后,按“回车”键。

击活图层3,用下拉菜单: 编辑—自由变换命令,将图层3的二个园环转动2度后,按“回车”键。

再用盖印命令,同时按下ctrl+alt+shift+E 四个键,制成动画用的第二个图形。(图层5)

 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

10 用同样的方法每2度制作一个图层,一共6 个图层,共转动了12度,相当于转过一格。

 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

11 仅保留图层4—图层9 六个图层,其余图层全部删除。

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

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

 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 
 
用PS制作动画—“转动的园环” - jinrl100 - jinrl100的博客
 

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

 

  评论这张
 
阅读(533)| 评论(64)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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