如果你经常浏览网页，或者你本身就是一名设计师，你一定会在网站的导航栏看到类似这样的竖线：这样的竖线把菜单分开，会显的非常有条理。一开始我也尝试着做这个东西，发现要做的那么美观，还没那么容易，现在我找到了一个好方法，分享给大家！
工具/原料
一台装有Photoshop的电脑。
方法/步骤
1
我们可以观察到，那条分割线其实是非常细的，仅仅占两个像素那样的宽度。明线一个像素宽度，暗线一个像素的宽度。我们新建一个600X300的图像文件，新建一个图层，拉出来一个蓝色渐变。
2
用矩形选框工具，设定它为固定大小，宽1个像素，高为150个像素。（高度超过导航栏的高度即可）在导航栏图层上操作，选中导航栏1个像素宽度。
3
Ctrl+J复制，然后Ctrl+M调整曲线，把它调亮。再次Ctrl+J复制，然后往右移动一个像素，然后再次Ctrl+M调整曲线，把它调暗。（一明一暗，懂了吧。）
4
把亮部和暗部所在的图层合并，添加图层蒙版，在蒙版上拉一个黑白渐变。蒙版的作用是使分割线从中间向两边渐隐。（具体操作见图）
5
OK，大功告成，看看效果。
注意事项
总结一下，4个步骤吧，复制，调亮，调暗，蒙版。其实很简单，做成教程就复杂化了。
上一篇：几何画板如何制作黄金分割线段