导航栏是网页设计的核心，今天让我们学习如何制作简洁而漂亮的网页导航条的制作方法。效果图如下：
工具/原料
PHOTOSHOP
方法/步骤
1
新建一个520×300的白色背景图
2
改变背景颜色为黑色，在“视图”新建水平参考线输入：120px,再新建一个水平参考线：160px
3
按住CTRL+SHIFT+N新图层，命名为navigation_back；前景色设为# cccccc的浅灰色；再“用矩形工具”选水平参考线之间的选区后效果如下：
4
设置图层的混合选项：投影（角度：90、距离：2、大小：1像素）；内发光（颜色：白色（#FFFFFF））、大小：2 px ;渐变叠加（样式：线性、颜色1：#cccccc、颜色2：#FFFFFF）
5
按住CTRL+SHIFT+N新建图层，命名为shine
6
选中上半部分，并用白色填充，设置图层“混合模式”为柔光，设置“不透明度”为75%
7
添加导航文字：宋体 14 pt,复制每个频道图层，向下移动1px设置嵌入效果
8
新建一个分组，命名为“分隔条”，新建按CTRL+SHIT+N新建一个图层；选择“圆角矩形”工具，在圆角矩形的固定属性设置：宽度：1px 高度：30px ;放大图像至 800%；在主页和学历间画“线“；添加”渐变叠加的效果”（颜色1：#cccccc ,颜色2：#cccccc）,然后复制分隔条的图层到其它栏目之间就完成了导航条的制作了。