5.4.3 边讲边练——制作水晶按钮
本实例通过使用圆角矩形工具和图层样式功能，制作网页和界面设计中常用的水晶按钮。
文件路径：源文件\第5章\5.4.3
视频文件：视频\第5章\5.4.3.MP4
01 新建一个空白文件，设置参数如图5-73所示。
02 选择圆角矩形工具
，在工具选项栏中选择“形状”选项，设置填充色为灰绿（R176，G193，B185），“半径”为25像素，在画布中绘制一个圆角矩形。
03 右键单击图层，在弹出的快捷菜单中选择“混合选项”选项，在弹出的“图层样式”对话框中选择“斜面和浮雕”，设置深度100%，大小为6像素，角度127。单击“投影”，设置距离为5像素，扩展为0，大小为5，如图5-74所示。
04 运用同样的方法绘制第二层，填充深绿色（R12，G99，B0），右键单击图层，在弹出的快捷菜单中选择“混合选项”选项，在弹出的“图层样式”对话框中选择“斜面和浮雕”，设置样式为“外斜面”，深度为260%，大小6像素。单击“描边”选项，设置大小为30像素，颜色为黑色。再绘制一个圆角矩形，填充颜色设置为绿色（R102，G192，B90），完成后效果如图5-75所示。
图5-73 新建文件参数
图5-74 斜面浮雕效果
05 新建一个图层绘制按钮高光效果。选择画笔工具
，笔触设置为“柔边圆”，绘制一个光点，移动至左上角调整好位置。按住<Ctrl>键单击第一个图层建立选区，按<Ctrl+Shift+I>快捷键反选，回到光点图层按<Delete>键，删除多余部分，如图5-76所示。
图5-75 绘制图形(https://www.daowen.com)
图5-76 绘制光效果
06 用同样的方法绘制出其他渐隐效果，并用画笔绘制出光点如图5-77所示。
07 新建一个图层，选择钢笔工具
，选择工具栏选项中的“路径”选项，绘制出如图5-78所示形状，按<Ctrl+Enter>快捷键转换为选区，填充颜色为（R251，G245，B205），用橡皮擦擦出渐隐效果。
图5-77 绘制光点
图5-78 绘制形状
08 输入文字“ahwin”，字体设置为“Swis721 Blk BT”，大小30点，颜色为（R6，G98，B4），双击图层缩览图打开“混合选项面板”，单击“斜面和浮雕”，设置参数如图5-79所示，完成后复制一份，按<Ctrl+T>快捷键进入自由变换状态，执行“编辑”→“变换”→“垂直翻转”命令，移动至合适位置，用橡皮擦出渐隐效果，制作完成最终效果如图5-80所示。
图5-79 设置斜面浮雕参数
图5-80 最终效果
