在photoshop网页设计中，导航菜单的设计是最为基础的，今天我们要讲解的也正好是网页中简单的导航菜单栏的设计制作，下面是详细的导航菜单绘制教程。
ps绘制导航菜单教程：
1、首先双击photoshop打开ps软件，然后点击文件下拉选项中的新建按钮新建一个空白文档并创建画布，如图所示：
2、画布创建完成后，点击ps左侧工具条中的矩形工具，拖动鼠标即可在画布中绘制出我们需要的矩形选区，然后用ps填充工具给矩形选区填充颜色，小编这里填充的是绿色，如图所示：
3、矩形颜色填充完成后双击图层打开图层样式设置面板，勾选渐变叠加选项并对渐变参数进行相应的设置，如图所示：
4、渐变叠加网抽后同样用矩形选框工具创建一个如图所示的小的矩形并给它填充白色背景：
5、小矩形白色背景填充完成后双击图层缩略图调用出图层样式参数设置面板，选择渐变叠加并对相应的参数进行设置，如图所示：
6、到这里我们的背景图层就会绘制的差不多了，接着我们写上我们所需要的导航文字，完成后点击线性工具在两个相邻的导航选项中间绘制一个竖线进行隔开：
7、双击竖线所在图层打开图层样式设置面板，勾选投影选项并进行具体参数的设置，完成后在将图层的不透明度设置为43%即完成竖线图层的绘制：
8、竖线绘制完成后复制多个小竖线均匀分布到导航选项中间位置，完成后合并所有图层，最终我们的导航条效果如下图所示：
以上就是编者给大家带来的ps网页设计：photoshop简单的网页导航菜单绘制的全部内容，希望对大家有帮助，感谢您的阅读，谢谢!