本文格式为Word版，下载可任意编辑网页导航条制作教程 效果 1, 在PS中新建文件，宽度定义为1000px，实际上我们所要用到的宽度一般在950px-980px之间为了便当更好的表示网站的整体效果所以文件的宽度应大于网页实际的宽度高度自定，但最好要大于整个页面的高度，在没有手段确定页面的高度范围时，我们可以把高度定到大于网页高度这样，整个页面制作好了我们可以使用裁切工具将多余的片面裁切掉 2, 这个实例，以网站实际宽度为800像素为例举行操作为了加快制作流程，节省制作的时间本金我通常的做法是：a,选矩形选框工具;b,定义固定宽度800px,高度无所谓;c,新建图层;D,建立选区，填充任何一种颜色;e,选移出工具[v键]，定方水平居中;f,CTRL+R，开启标尺;g,定义参考线这样，我们就把页面的实际宽度定义完成全体的制作，设计片面，都是在这样的区域中举行然后，把刚建的图层删除由于建这个层的目的是定议参考线 3, 开头制作导航片面下面还是使用选框工具定议高度为60px，并在文件中新建图层，创造一个矩形的选区填充任意一种颜色CTRL+D取消选择对此矩形选用渐变叠加样式。
如下图 4, 在头部导航的底部，建立两条直线高度为1px.一条黑色线，一条白色线将两条件合并，使用图层样式中的"叠加'就产生了如下图的效果 5, 下面制作鼠标经过导航文字的变化片面简朴的操作方式是，直接把刚建方的矩形复制图层再CTRL+T自由变换将其缩小宽度，并对渐变图层样式举行一些小小的改动如图效果所示 6, 在小矩形的两边分别建方两条垂直线线为灰色一个导航点击已制作完成下面开头复制这个导航点击状态时的效果为了使导航与背景之间不要太过于融合我在导航下面再建立一层，并使用一种颜色比较强列的渐变效果如下图 7, 简朴的制作一个logo.输入文字shop,并对其添加图层样式，如图设置 8, 单独新建一个文件，文件大小为3px 3px;背景为通明在这个3px 3px文件中，画上三个1px 1px的黑色矩形，如下图;然后，CTRL+A，全选，在编辑菜单中选择定义图案再回到之前的文件中，按CTRL键，点击shop文字层，调出文字选区，再选择编辑菜单中的填充图案要选择方才定义的图案) 9, 为了使整个页面更加的有质感我们选择背景层，使用滤镜杂色添加染色 如下图，完成头部的设计 — 2 —。