photoshop教程：创建清新、色彩生动的网页布局

核心提示： 第十一步：编辑导航菜单选取字体工具（T），并在导航栏上编辑菜单，photoshop教程：创建清新、色彩生动的网页布局(4)，这里我应用的字体是Adobe仿宋体，然后双击字体图层，点击键盘上的方向键，向右移动1px，按下图一样设置图层样式，第十二步：创建分隔线现在我们将在菜单栏中创建分隔线

第十一步：编辑导航菜单

选取字体工具（T），并在导航栏上编辑菜单，这里我应用的字体是Adobe仿宋体，然后双击字体图层，按下图一样设置图层样式。

第十二步：创建分隔线

现在我们将在菜单栏中创建分隔线，新建图层，选取单列选框工具，并在菜单的布局上点击一下，选取矩形选框工具（M），并在选项栏上选择“交叉选区。

对新的选区以白色填充，最后按ctrl+d，取消选框。最终结果如下图：

第十三步：双击上步新建的图层，命名为“竖线1”，并进行如下图层样式的设置。

第十四步：按ctrl+j复制图层“竖线1”，重命名为“竖线2”。选取移动工具（V），点击键盘上的方向键，向右移动1px，并更改“渐变叠加”的设置。如下所示：