PS设计教程网欢迎你!

Photoshop打造一款酷黑的导航条效果

文章来源于 ps真功夫,感谢作者 ps真功夫 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2009-12-03
教程主要用Photoshop打造酷黑的而且质感非常好的网页导航条效果,学习网页美工的朋友可以一起来学习,教程中主要和大家介绍如何用图层样式来表现导航条的质感。

想在您的网站上添加一款酷黑的导航条吗?这篇教程将教您快速而有效的制作一款导航条并添加到您的网站中。

先预览下最终效果吧!很酷哦!

Photoshop打造一款酷黑的导航条效果

第一步:基本要领

创建新的psd文档,宽度700px,高度160px,背景色以黑灰色(#2b2b2b)填充。

新建图层,图层属性为“导航条”,选择圆角矩形工具,设置前景色为黑色(#000000)如下图一样画一矩形条(长度和宽度可自行处理)。

Photoshop打造一款酷黑的导航条效果

第二步:设置图层样式

双击“导航条”图层或者选择“导航条”图层,点击右键,在下拉菜单中选择混合选项菜单,将出现“图层样式对话框”。

点击左边复选框中的“外发光”,并且如下图进行设置:

Photoshop打造一款酷黑的导航条效果

再点击左边复选框中的“斜面和浮雕”,并且如下图进行设置:

Photoshop打造一款酷黑的导航条效果

最后,点击左边复选框中的“渐变叠加”,如下图进行设置:

Photoshop打造一款酷黑的导航条效果

完成以上步骤后,你的导航条将会是这个样子:

Photoshop打造一款酷黑的导航条效果

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa