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

效果

1, 在PS中新建文件，宽度定义为1000px，实际上我们所要用到的宽度一般在950px-980px之间。为了方便更好的展示网站的整体效果。所以文件的宽度应大于网页实际的宽度。高度自定，但最好要大于整个页面的高度，在没有办法确定页面的高度范围时，我们可以把高度定到大于网页高度。这样，整个页面制作好了。我们可以使用裁切工具。将多余的部分裁切掉。

2, 这个实例，以网站实际宽度为800像素为例进行操作。为了加快制作流程，节省制作的时间成本。我通常的做法是：a,选矩形选框工具;b,定义固定宽度800px,高度无所谓;c,新建图层;D,建立选区，填充任何一种颜色;e,选移动工具[v键]，定方水平居中;f,CTRL+R，打开标尺;g,定义参考线。这样，我们就把页面的实际宽度定义完成。所有的制作，设计部分，都是在这样的区域中进行。然后，把刚建的图层删除。因为建这个层的目的是定议参考线

3, 开始制作导航部分。下面还是使用选框工具。定议高度为60px，并在文件中新建图层，创建一个矩形的选区。填充任意一种颜色。CTRL+D取消选择。对此矩形选用渐变叠加样式。如图所示