7.4.3 制作金属质感风格的网页导航.pptVIP

7.4.3 制作金属质感风格的网页导航 网页导航为网页的访问者提供一定的途径，使其可以方便地访问到所需的内容，网页导航表现为网页的栏目菜单设置、辅助菜单、其他在线帮助等形式。 第一步：在Photoshop中新建980px*60px大小的文档，新建一个图层，选择矩形选框工具，定义宽度970px，高度为50px，创建一个矩形的选区，填充任意一种颜色。 第二步：CTRL+D取消选区，双击鼠标左键打开图层样式，勾选渐变叠加，如图所示。 第三步：在头部导航的底部，建立两条直线。高度为1px的一条黑色线和一条白色线，将两条件合并，使用图层样式中的“叠加”就产生了如图所示的效果。 第四步：打开图层样式，勾选内发光，参数选默认。 第五步：新建一个图层，用矩形选框工具建立一个宽度100px*高度50px的选区，用白色填充，然后选择直线工具在选区两面分别建方两条灰色垂直线。 第六步：绘制按钮分割线，以100px为宽度，用灰色直线分割导航条，第一个按钮位置为当前页面位置。 第七步：在导航条上输入菜单名称，调整后保存为jpg格式文件，然后打开用切片分割按钮。 第九步：鼠标滑过复制过度效果背景层，点菜单图像调整曲线，加深导航背景图层颜色，然后保存成jpg文件。 第十步：导航按钮制作基本完成，为了衬托导航，新建一个图层，选择直线工具，在导航下面画一个粗细为6像素的直线，然后将直线和新建的图层合并，最后分割出直线。 * * 第八步：制作其他按钮当前位置，用移动工具移动第五步建立的图层正好能遮盖其他一个按钮背景。 第十一步：对保存的文件切片分割，分离出按钮，7.4.5章节讲切片操作案例。