PS简单5步做出网站炫酷导航条效果图

对于一些网页设计者来说，总会想着把自己的网页做的既美观又一目了然，当然网站导航是一个很重要的部分。那怎样做才能简约而又不简单呢？下面这篇教程就教大家一项新技能，只需5步就能做出炫酷的效果。小伙伴们赶紧收藏起来吧！

最终效果：

步骤1：新建一个600*150px的文件，背景颜色设置为黑色。用“圆角矩形工具”画一个一样的填充黑色圆角矩形，选择“添加图层样式>斜面浮雕>描边”：

得到效果如下：

步骤2：对高光区进行制作。新建一个图层，用钢笔工具绘出一个方框，如下图：

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

黑色的圆角矩形框载入选区按住ctrl键，同时左击图层，选择白色图层，反选>删除，删除多余的部分。

添加由（#4a4a49）到（#d5d5d5）的渐变叠加：

得到如下效果：

步骤3：导航文字颜色分别输入：#ffffff & #d9ff3f；

步骤4：输入“虚线”后旋转90°作分割线，添加白色正方形小方框；

步骤5：软键盘输入“¬“就大功告成了。

总结：看完是不是很简单呢？教程中主要用到的是矩形工具、钢笔工具和颜色渐变功能，没有太复杂的东西。