2.1.2 绘制开始游戏按钮
本节介绍开始游戏按钮的绘制。首先使用矩形工具绘制按钮的轮廓，接着在此基础上添加层次，如阴影、高光等，丰富按钮的表现效果。最后输入文字。为了增加文字的立体感还添加了投影。
■绘制轮廓
01 启动Photoshop应用程序，执行“文件”|“新建”命令，打开“新建文档”对话框。设置参数后单击“创建”按钮，新建文件。
02 在工具箱中选择矩形工具
，设置填充色为蓝色（#1674e0），在属性面板中设置圆角半径，拖曳光标绘制圆角矩形，结果如图2-4所示。
图2‑4
03 新建一个图层，重命名为“渐变”。选择渐变工具
，指定渐变类型为“从前景色到透明渐变”，双击
下拉按钮，打开“渐变编辑器”对话框，颜色参数设置如图2-5所示。
图2‑5
04 选择径向渐变工具
，拖曳光标创建渐变，效果如图2-6所示。
05 选择“渐变”图层，使用Alt+Ctrl+G组合键创建剪贴蒙版，并修改混合模式与不透明度，如图2-7所示。
图2‑6
图2‑7
06 执行上述操作后，图形的显示效果如图2-8所示。
07 选择圆角矩形，使用Ctrl+J组合键复制。更改复制矩形的颜色为白色，并向上移动矩形，如图2-9所示。
图2‑8
图2‑9
提示
径向渐变更改图层混合模式与不透明度后，显示效果并不明显。因为这只是为圆角矩形添加了局部效果，后续还要再添加其他类型的样式，最终得到一个效果丰富的按钮图形。
08 双击白色圆角矩形，打开“图层样式”对话框，添加“渐变叠加”“投影”样式，参数设置如图2-10所示。
图2‑10
图2‑10（续）
09 单击“确定”按钮，观察添加样式后矩形的显示效果，如图2-11所示。
图2‑11
10 向上复制圆角矩形，删除图层样式，更改填充颜色为青色（#60d3f0），如图2-12所示。
图2‑12
11 选择在上一步骤中复制的青色圆角矩形，使用Ctrl+J组合键复制，为其添加黑色描边，并向上移动矩形，如图2-13所示。
图2‑13
12 按住Ctrl键，单击“圆角矩形3拷贝”图层的缩览图，创建选区，如图2-14所示。
图2‑14
提示
为圆角矩形添加黑色描边，是为了方便识别。
13 选择“圆角矩形3”图层，右击，在弹出的快捷菜单中选择“栅格化图层”选项。按Delete键删除选区内容，并关闭“圆角矩形3拷贝”图层，如图2-15所示。
图2‑15
14 更改图层的混合模式与填充值，图形的显示效果如图2-16所示。
图2‑16
15 将前景色设置为黑色。选择渐变工具
，为“圆角矩形3”图层添加图层蒙版，在蒙版中绘制线性渐变，创造渐隐效果，如图2-17所示。
图2‑17
16 按住Ctrl键单击“圆角矩形2”的缩览图，创建选区，如图2-18所示。
图2‑18
17 新建一个图层，重命名为“质感”。选择渐变工具
，设置填充类型为“从前景色到透明”，在“渐变编辑器”对话框中设置参数，如图2-19所示。
图2‑19
18 在选区的下方创建线性渐变，并调整图层的不透明度，操作效果如图2-20所示。
图2‑20
■添加光影
01 选择钢笔工具
，在图形的左上角绘制路径，如图2-21所示。
图2‑21
02 使用Ctrl+Enter组合键转换为选区，新建一个图层，重命名为“高光”，填充白色，如图2-22所示。
图2‑22
03 为“高光”图层添加一个图层蒙版。选择渐变工具，设置前景色为黑色，指定渐变类型为“从前景色到透明”，在蒙版中绘制渐变，创建渐隐效果，如图2-23所示。
04 使用Ctrl+U组合键，打开“色相/饱和度”对话框，调整参数如图2-24所示。
图2‑23
图2‑24
05 单击“确定”按钮关闭对话框，图形的显示效果如图2-25所示。
图2‑25
■最终结果
01 选择横排文字工具
，选择合适的字体与字号，输入白色文字，如图2-26所示。
图2‑26
02 双击文字，打开“图层样式”对话框，添加“投影”样式，参数设置如图2-27所示。
03 单击“确定”按钮关闭对话框，按钮的最终效果如图2-28所示。
图2‑27
图2‑28