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

幽谷清风 通辽

科尔沁之声

 
 
 

日志

 
 
关于我

★我是一只小鸟:飞向蓝天是我的追求,栖息大地是我的渴望 ★我是一缕清风:没有人感到我的存在,也没人感到我的不在

网易考拉推荐

【转载】Photoshop制作雷达显示屏转动动画  

2014-08-10 10:14:16|  分类: 【PS·教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文章出处:百度贴吧 作者:佚名

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

新建个250*200的画布。填充灰色做背景……用椭圆工具画个#bacce5的正圆。 

图层样式

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

现在看起来像个椭圆的饼饼

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

咬下去吧!画个颜色是#00387d的蓝色圆圆,要比刚刚的那个饼小一圈……

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

继续图层样式……

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

 

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

 

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

 

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

 

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

把清除了图层样式的那个圆的填充设置为0    

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

图层样式……现在看起来是这样……

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

现在画个这个形状像上面白色的东东

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

不要问我怎么画,自己想办法……把那个白色的东东设置填充为0%,图层样式……………………

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

 

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

画横竖两根黑线

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

     再画俩黑圈

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

横竖线和黑圈都添加相同的图层样式……又是图层样式…………

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

 把黑线和黑圈的填充改成50%。画个白圆

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

   ,别忘了新建图层之后再画白圆。把圆的填充改成0%,设置图层样式,图层样式…………………………

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

……现在看来又是这样的,嗯,主体已经做好了

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

打开时间轴窗口,或者动画窗口,或者IR。复制2次帧:

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

然后选中第2帧,把那个一会儿会一直转一直转的图层的图层样式改成:

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客

  选中第1帧,按过渡按钮 这样过渡

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客在过渡完之后,选中最后一帧再过渡…………这次是这样过渡………………
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 把播放次数改成永远………………

最后储存为Web所用格式就好了。

Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
Photoshop制作雷达显示屏转动动画 - 飞雪 - 895205875的博客
 

    

  评论这张
 
阅读(144)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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