1）执行菜单【文件】→【新建】命令（快捷键<Ctrl+N>），弹出【新建】对话框，设置【名称】为【导航条】，【宽度】为【600像素】，【高度】为【140像素】，【分辨率】为【72像素/英寸】，【颜色模式】为【RGB颜色】、【8位】，【背景内容】为【白色】，如图3-49所示，设置完毕后单击【确定】按钮。

2）在图层面板上单击【创建新图层】按钮，新建一个图层，在工具箱选择【圆角矩形】工具，在工作区拖出一个圆角矩形，如图3-50所示。

3）右击图层面板中的图层1，选择混合选项，进入到图层样式，勾选【内发光】选项，设置图层样式各项的值，参考如图3-51所示的设置值。

图3-50 绘制圆角矩形

图3-49 新建文件

图3-51 添加内发光样式对话框

4）勾选【渐变叠加】选项，设置图层样式各项的值，参考如图3-52所示的设置值。

5）勾选【描边】选项，设置图层样式各项的值，参考如图3-53所示的设置值，效果如图3-54所示。

6）在导航栏上输入文字，单击工具箱中的【文本工具】，选择【字体】为【黑体】，设置【大小】为【14点】，【颜色】为白色（#ffffff），如图3-55所示，效果如图3-56所示。

图3-52 添加【渐变叠加】样式对话框

图3-53 添加【描边】样式对话框

图3-54 添加完样式效果图

图3-55 文本输入设置

图3-56 输入文本效果图

7）给文本添加应用层效果，右击文本图层，在弹出的对话框中选择混合选项，勾选【描边】选项，设置描边颜色为#1f558d，设置如图3-57所示。

图3-57 添加【描边】样式对话框

8）创建一个图层，在工具箱中选择【选框工具】，绘制1像素宽度的线条并用白色（#ffffff）填充，如图3-58所示。

图3-58 绘制白色线条

9）在每个链接之间复制添加线条，然后选择所有线条的底部，然后单击菜单【选择】→【修改】→【羽化】命令，在弹出的对话框中设置羽化半径为5像素，单击【确定】按钮，如图3-59所示。利用同样方式处理上部的线条，效果如图3-60所示。

(www.daowen.com)

图3-59 绘制白色线条

图3-60 线条绘制效果

10）将线条图层的混合模式改为柔光，效果如图3-61所示。

图3-61 柔光后线条效果

11）在图层面板中新建图层，单击工具箱中的【选框工具】，选择链接文本区域，然后填充想要的颜色，如图3-62所示。

图3-62 在链接文本区域填充颜色

12）在新绘制的颜色图层混合选项中勾选【渐变叠加】，设置为如图3-63所示，效果如图3-64所示。

图3-63 渐变叠加样式设置

图3-64 调整后效果

13）选择工具箱中的【矩形工具】，在属性栏中设置半径为2px，绘制一个矩形，并填充为白色，如图3-65所示。

图3-65 绘制白色输入框

14）在新建矩形图层的混合选项中，勾选【内阴影】、【内发光】，然后勾选【渐变叠加】、【描边】，设置如图3-66所示。

15）在新建矩形中输入“搜索”，文本设置如图3-67所示，最终效果如图3-68所示。

图3-66 样式设置

a）内阴影 b）内发光

图3-66 样式设置（续）

c）渐变叠加 d）描边

图3-67 文本设置

图3-68 导航条最终效果