当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS绘制精致的黑色风格网站导航条

Photoshop
Photoshop CS2灭点工具试用体验
Photoshop CS2新增的变形转换体验
Photoshop CS2污点修复画笔体验
Photoshop CS2 降噪滤镜试用体验
Photoshop CS2智能对象新鲜体验
十大照片优化秘籍(1)
十大照片优化秘籍(2)
十大照片优化秘籍(3)
十大照片优化秘籍(4)
十大照片优化秘籍(5)
十大照片优化秘籍(6)
十大照片优化秘籍(7)
十大照片优化秘籍(9)
与中国功夫一样厉害的“动作”(1)
与中国功夫一样厉害的“动作”(2)
与中国功夫一样厉害的“动作”(3)
与中国功夫一样厉害的“动作”(4)
三言两语解通道之谜(1)
三言两语解通道之谜(2)
Photoshop创意壁纸教程(1)

Photoshop 中的 PS绘制精致的黑色风格网站导航条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-26   浏览: 194 ::
收藏到网摘: n/a

最终效果:
  


   1.新建一个600*150的文件,背景填充黑色。选择“圆角矩形工具”画一个同样填充黑色的圆角矩形,
    选择“添加图层样式—斜面浮雕—描边”:
  

   


 


   得到如下效果:


   2.制作高光区。新建图层,选择钢笔工具,绘出一个方框如下:


      右键单击钢笔路径转换成选取并填充白色。


      黑色的圆角矩形框载入选区--ctrl+左击图层,选择白色图层,反选—删除,删除多余的部分。


      添加由(#4a4a49)到(#d5d5d5)的渐变叠加:
    

 


   得到如下效果:
  


   3.输入导航文字颜色分别为:#ffffff & #d9ff3f;
  


   4.输入“-----”旋转90°作分割线,添加白色正方形小方框;


   5.软键盘输入“¬“;完成。