网页导航设计

网页导航设计

Photoshop是网页设计师的首选工具，网页导航设计是网页设计的主要组成部分。

新建一个空白文件，使用工具箱中 “圆角矩形”工具在属性栏中设置参数，半径为5像素颜色红色RGB为（255.0.0）如图所示。点击鼠标左键拖动绘制红色圆角矩形路径效果如图所示。

设置激活按钮状态，使用工具箱中半径为5像素的“圆角矩形”工具，点击鼠标左键拖动绘制圆角矩形形状，如图所示。

单击图层“圆角矩形2”，确定它为当前图层，单击图层面板中的 “添加图层样式”按钮。分别设置投影效果，弹出“图层样式”对话框，图所示进行设置，效果如图所示。

添加按钮间的分割线，使用 “矩形选框工具”绘制与导航条同样到的矩形条、羽化值为：2px，创建一个新图层“图层1”，填充纯白色。如图所示。

按快捷键将“图层1”复制4次如图所示，使用 “移动工具”将白色分割线的位置排列在每个按钮的位置如图所示。

最终效果如图所示。