无为清净楼资源网 Design By www.qnjia.com
首先建立背景
  
Photoshop 轻松绘制黑色风格导航条文字


  然后用圆角矩形 圆角5px 尺寸和颜色图片有说明
  
Photoshop 轻松绘制黑色风格导航条文字


  这里使用软画笔提亮背景,笔触300像素大小
  
Photoshop 轻松绘制黑色风格导航条文字



  原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化
  
Photoshop 轻松绘制黑色风格导航条文字


  
Photoshop 轻松绘制黑色风格导航条文字


  拉渐变,可以直接用矩形选框,距离外框10px即可,然后渐变图层透明度为5%
  
Photoshop 轻松绘制黑色风格导航条文字



  写上目录,选自己喜欢的颜色和字体
  
Photoshop 轻松绘制黑色风格导航条文字


  然后是加分割线和调整点击时候的色彩
  这是我的最终效果,字体有些模糊,但是我觉得跟整个质感匹配~
  只不过放网页上的话,字有些不清晰
  
Photoshop 轻松绘制黑色风格导航条文字


  这个是老外的最终效果,文字使用的是无样式
  
Photoshop 轻松绘制黑色风格导航条文字


  分享完毕~
  挺简单的导航制作,半小时左右就可以完成,甚至更快……有兴趣可以试试哈
标签:
导航条,文字

无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com