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

品味人生博客

网页及博客素材,软件教程,网赚教程,技术知识总汇

 
 
 

日志

 
 

PhotoShop制作简洁黑色网页按钮  

2014-08-11 09:04:26|  分类: ps文字特效 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

本教程主要用Photoshop制作漂亮的黑色按钮效果,此类效果广泛运用在网页美工设计中,本文让我们一起来学

习网页按钮的技巧,练习的过程中自由发挥,多改变下参数的设置,你会得到更多意想不到的效果哈.
效果图:

ps教程-品味人生-品味人生博客

1:新建一个600*600的文件

ps教程-品味人生-品味人生博客

2:把背景层填充为灰色,在新建一层,画一个矩形的选区,填充为黑色:

ps教程-品味人生-品味人生博客

3:给矩形层添加图层样式(内发光),参数如图:

ps教程-品味人生-品味人生博客

4:继续添加图层样式(渐变叠加)这里看看渐变条的设置:

ps教程-品味人生-品味人生博客

5:渐变叠加的参数:

ps教程-品味人生-品味人生博客

6:继续添加图层样式(描边),参数如图:

ps教程-品味人生-品味人生博客

7:得到的效果如图:

ps教程-品味人生-品味人生博客

     

8:在新建一层,按CTRL+刚刚的矩形层,载入选区,在新的图层上面拉一个透明到白色的渐变:

ps教程-品味人生-品味人生博客

9:把渐变层图层模式改成柔光:

ps教程-品味人生-品味人生博客

10:做到这里的效果如图:

ps教程-品味人生-品味人生博客

11:在新建一层,画一个圆用白色填充,这里放大文件好操作些哈:

ps教程-品味人生-品味人生博客

12:给圆层添加图层样式(渐变叠加),这里是渐变条的设置:

ps教程-品味人生-品味人生博客

13:渐变叠加参数:

ps教程-品味人生-品味人生博客

14:继续添加图层样式(描边):

ps教程-品味人生-品味人生博客

15:效果如图:

ps教程-品味人生-品味人生博客

       

16:放大图层,新建一层,在画如图的一个圆并填充为白色:

ps教程-品味人生-品味人生博客

17:给内部的这个小圆添加图层样式(投影):

ps教程-品味人生-品味人生博客

18:继续添加图层样式(内阴影):

ps教程-品味人生-品味人生博客

19:继续添加图层样式(内发光):

ps教程-品味人生-品味人生博客

20:再继续添加图层样式(渐变叠加):

ps教程-品味人生-品味人生博客

21:效果如图:

ps教程-品味人生-品味人生博客

       

22:放大图层,新建一层,还椭圆工具画出选区,并填充白色:

ps教程-品味人生-品味人生博客

23:降低图层的不透明度50%

ps教程-品味人生-品味人生博客

24:效果如图:

ps教程-品味人生-品味人生博客

25:把第一步到这里的这些图层添加到一个新组呢:

ps教程-品味人生-品味人生博客

26:在复制4个组,排序并命名好:

ps教程-品味人生-品味人生博客

27:再进每个组改变下渐变叠加的颜色:

ps教程-品味人生-品味人生博客

28:加上文字层,得到最终效果:

ps教程-品味人生-品味人生博客

      
  Flash教程  U5教程  html技巧  Ps教程
2014年05月17日 - 品味人生 -        品味人生的博客
  电脑技巧  现代人物  古韵人物  gif图片
  flash动画  png免抠图  动植物图  背景素材  顶栏图片  博客制作  模块代码  音画边框
  评论这张
 
阅读(182)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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