2.2.2 绘制图标式导航
本节介绍图标式导航的绘制方法。简单的图标可以通过图形组合得到，再为其更改颜色、添加样式，得到比较理想的表现效果。复杂的图标绘制完成后可以存储至计算机中，方便后续工作过程中随时调用。
■绘制形状
01 启动Photoshop应用程序，执行“文件”|“新建”命令，打开“新建文档”对话框。设置参数后单击“创建”按钮，新建文件。
02 选择矩形工具
，设置填充色为深蓝色（#00374c），描边为无，调整矩形左下角与右下角的圆角半径值，拖曳光标绘制矩形，如图2-76所示。
图2‑76
03 继续绘制矩形，更改填充色为青色（#00b8c8），设置左上角与右上角的圆角半径值，绘制结果如图2-77所示。
图2‑77
04 使用Ctrl+J组合键向下复制青色矩形，更改填充色为灰色（#c5c5c5），利用键盘中的↑键向上移动矩形，如图2-78所示。
图2‑78
05 选择椭圆工具
，设置填充色为无，描边为白色，按住Shift键绘制正圆，如图2-79所示。
06 选择横排文字工具
，选择合适的字体与字号，输入+，如图2-80所示。
图2‑79
图2‑80
07 选择圆形与加号，使用Ctrl+G组合键创建组。双击组，打开“图层样式”对话框，添加“投影”样式，参数设置如图2-81所示。
08 单击“确定”按钮关闭对话框，图形的显示效果如图2-82所示。
图2‑81
图2‑82
09 选择钢笔工具
，设置填充色为青色（#2c9099），描边为无，在青色矩形上绘制如图2-83所示的图形，重命名为“光影”。
图2‑83
10 使用Alt+Ctrl+G组合键，创建剪贴蒙版，隐藏图形的多余部分，结果如图2-84所示。
图2‑84
■添加按钮
01 选择矩形工具
，设置填充色为无，描边为白色，拖曳光标绘制如图2-85所示的图形。
图2‑85
02 选择直线工具
，设置填充色为白色，描边为无，按住Shift键绘制水平线段，如图2-86所示。
图2‑86
03 选择绘制完毕的矩形与直线，使用Ctrl+G组合键创建组，重命名为“便签”。双击组，在“图层样式”对话框中添加“投影”样式，参数设置如图2-87所示。
图2‑87
04 单击“确定”按钮关闭对话框，为图形添加投影的效果如图2-88所示。
图2‑88
05 选择椭圆工具
，设置填充色为无，描边为白色，按住Shift键绘制正圆，如图2-89所示。
图2‑89
06 选择矩形工具
，设置填充色为白色，描边为无，绘制矩形并旋转45°，如图2-90所示。选择绘制完毕的圆形与矩形，使用Ctrl+G组合键创建组，重命名为“放大镜”。
图2‑90
07 选择矩形工具
，设置填充色为无，描边为白色，拖曳光标绘制矩形，如图2-91所示。
图2‑91
08 选择钢笔工具
，设置填充色为无，描边为白色，在矩形内绘制线段，如图2-92所示。选择绘制完毕的矩形与线段，使用Ctrl+G组合键创建组，重命名为“邮箱”。
图2‑92
09 选择便签组中的“投影”样式，按住Alt键不放拖曳至放大镜组、邮箱组，复制样式的效果如图2-93所示。
图2‑93
10 添加投影样式后图形的显示效果如图2-94所示。
11 选择钢笔工具
，设置填充色为无，描边为白色，绘制如图2-95所示的形状。
图2‑94
图2‑95
12 选择多边形工具
，设置填充为白色，描边为无，边数为3，按住Shift键绘制三角形，如图2-96所示。
13 选择矩形工具
，设置填充色为白色，描边为无，绘制矩形与三角形相连，如图2-97所示。
图2‑96
图2‑97
14 选择绘制完毕的形状、三角形与矩形，使用Ctrl+G组合键创建组，重命名为“云下载”。双击组，在“图层样式”对话框中添加“渐变叠加”“投影”样式，参数设置如图2-98所示。
图2‑98
15 单击“确定”按钮关闭对话框，图形的显示效果如图2-99所示。
图2‑99
16 图标式导航栏的最终效果如图2-100所示。
图2‑100