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

天涯的博客

如果你是我眼中的一滴泪,那我永远也不会哭!

 
 
 

日志

 
 
 
 

Vista的风格按钮绘制教程  

2010-12-21 17:08:48|  分类: Java web开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
第1步

填充了由浅灰色径向渐变为暗灰色的背景。 浅灰色:#3e3d3d。 暗灰色:#151515。

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
第2步

创建一个新图层(图层>“新建>”图层),并使用圆角矩形工具做一个高50像素宽300像素的形状。

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 

右击形状,然后按一下作出选择(右击形状>建立选区)。

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
选择渐变工具,并设置样式为对称渐变。 设置前景颜色为#1c3f47和背景颜色为#2a6976。点击鼠标左键选择渐变并移动到选区中间开始进行渐变。
 
Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
第3步

现在我们将要加入一些图层样式,使我们的按钮变绚丽。

图层>“图层样式”>外发光

 

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客

 图层>“图层样式”>内发光

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 

 图层>“图层样式”>渐变叠加

 
Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
 
 现在,您的按钮应该是这样:

 

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
第4步

现在,我们要为按钮增加一个倒映。Ctrl +单击层,并新建一个图层,填写与白色(#ffffff)的选择。

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客

 

接着用移动矩形选框工具移动到下面的按钮下来。

 

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
进入“编辑>变换>斜切”并拖动朝着正确的右下角框时按住Shift键(这拉对方也因此保持了它偶数)。
Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
添加一个图层蒙版,然后从白到黑的渐变内的反射(图层样式里面的渐变叠加) - 这将淡出出来。
 
Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
 
设置图层混合模式为柔光,不透明度降低到6%(这个参数要看效果来调节)。
 
Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
 
第5步

首先我们将最后一个被加入一些文字。 选择一种清晰,干净的字体。

 

Vista的风格按钮绘制教程 - jiaquanluo - 天涯的博客
  评论这张
 
阅读(942)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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