Photoshop设计制作网页头部导航条(2)

4, 在头部导航的底部，建立两条直线。高度为1px.一条黑色线，一条白色线。将两条件合并，使用图层样式中的“叠加”就产生了如图所示的效果

5, 下面制作鼠标经过导航文字的变化部分。简单的操作方式是，直接把刚建方的矩形复制图层。再CTRL+T自由变换。将其缩小宽度，并对渐变图层样式进行一些小小的改动。如图效果所示

6, 在小矩形的两边。分别建方两条垂直线。线为灰色。一个导航点击已制作完成。下面开始复制这个导航点击状态时的效果。为了使导航与背景之间不要太过于融合。我在导航下面再建立一层，并使用一种颜色对比强列的渐变效果。如图所示

7, 简单的制作一个logo.输入文字"shop",并对其添加图层样式，如图设置