下面为大家分享PS制作简洁漂亮的网站快速导航工具方法，教程很简单，介绍的很详细，推荐过来，希望大家喜欢!

　　步骤

　　打开PS软件，创建一个大小为“ 300*300 ”的画布[画布（canvas）用于绘制油画的布，通常为黄褐色亚麻布，也有用棉布和化纤布的。]

　　调整前景色[前景色：前景色是插入，绘制的图形图片的颜色 。]为“ #deffd5 ”，新建“ 图层[通俗地讲，图层就像是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。]1 ”，按“ Alt+Del” 填充前景色

　　选中“ 图层1 ”，点击[用 Tablet 笔触摸某项后迅速抬起笔。]“ 滤镜 ”→“ 杂色 ”→“ 添加[添加，指增加。]杂色 ”

　　选择“ 圆角[圆角是用一段与角的两边相切的圆弧替换原来的角，圆角的大小用圆弧的半径表示。]矩形[至少有三个内角都是直角的四边形是矩形，有一个内角是直角的平行四边形是矩形，对角线相等的平行四边形是矩形。]工具 ”，选中“ 图层1 ”，在点击“ 画布 ”，创建圆角矩形

　　双击“ 圆角矩形1 ”，打开其“ 图层样式 ”

　　添加“ 描边 ”，描边颜色为“ #007d3a ”。

　　选择“ 渐变工具 ”

　　打开“ 渐变编辑器 ”，如下图所示。

　　按住Ctrl点击“ 圆角矩形1 ”，新建“ 图层2” 选中它。

　　按着Shift，拖动鼠标从左往右滑动。

　　选中“ 图层2 ”，按下[按下是汉语词汇，拼音是àn xià，意思是搁置，放下。]Ctrl+j，复制出“ 图层3 ”和“ 图层4 ”加深画布中矩形的颜色。

　　载入“圆角矩形1”的选区[　　 选 区 xuǎnqū 　　[precinct] 为了进行 选举而按 规定 划分的 区域。]，选择“ 矩形选框工具 ”，设置“ 从选区减去 ”，绘制出下图的矩形选区。

　　新建“图 层5 ”，使用“ 渐变工具 ”上色，给“图层5”添加“ 矢量蒙板 ”。

　　复制“ 图层5 ”，按下“ Ctrl+t ”，鼠标右键点击“ 垂直翻转 ”

　　按方向键[方向键是指键盘上的“←”，“→”，“↑”，“↓” 左右上下四个键称为方向键，是为了用户控制光标方向而设计的。]调整变换后图层的位置，达到下图的效果。

　　选中“ 图层5” 和“ 图层5副本 ”，按下“ Ctrl+Alt+E ”合并并新建出一个图层

　　“ 图层5副本(合并)”

　　复制并调整“ 图层5副本(合并)”， 并调整他们的位置，调成下图中的样式。

　　最后，使用“ 文字工具 ”添加文字就可以了。

　　注意事项

　　Photoshop CC版本中，可以直接把图层转换为CSS文件——以便直接使用。

　　以上就是PS制作简洁漂亮的网站快速导航工具方法介绍，操作很简单的，大家学会了吗?希望能对大家有所帮助!