4.3.1 课堂案例——制作手机图标
【案例学习目标】学习使用绘图工具和渐变工具制作时钟图标。
【案例知识要点】使用圆角矩形工具、矩形工具、钢笔工具绘制图标，使用渐变工具填充渐变图标，最终效果如图4-58所示。
图4-58
【效果所在位置】Ch04\效果\制作手机图标.psd。
（1）按Ctrl＋N组合键，新建一个文件，宽度为6.5cm，高度为6.5cm，分辨率为300像素/英寸，颜色模式为RGB，背景内容为白色，单击“确定”按钮，完成文档的创建。
（2）选择“渐变”工具
，单击属性栏中的“点按可编辑渐变”按钮
，弹出“渐变编辑器”对话框，将渐变色设为从灰色（其R、G、B的值分别为104、104、104）到白色，如图4-59所示，单击“确定”按钮，完成渐变色的设置。单击属性栏中的“径向渐变”按钮
，在属性栏中勾选“反向”复选框，在图像窗口中从中心向左上方拖曳渐变色，图像效果如图4-60所示。
图4-59
图4-60
（3）将前景色设为白色。选择“圆角矩形”工具
，在属性栏中的“选择工具模式”选项中选择“形状”，将“半径”选项设为80像素，按住Shift键的同时，在图像窗口中绘制圆角矩形，如图4-61所示。在“图层”控制面板中生成新的图层“圆角矩形1”，如图4-62所示。
图4-61
图4-62
（4）新建图层并将其命名为“图形”。选择“钢笔”工具
，在属性栏中的“选择工具模式”选项中选择“路径”，在图像窗口中绘制不规则图形，如图4-63所示。按Ctrl+Enter组合键，将路径转化为选区，如图4-64所示。
图4-63
图4-64
（5）选择“渐变”工具，单击属性栏中的“点按可编辑渐变”按钮，弹出“渐变编辑器”对话框，将渐变色设为从浅红色（其R、G、B的值分别为235、65、85）到深红色（其R、G、B的值分别为160、0、18），如图4-65所示，单击“确定”按钮，完成渐变色的设置。选中属性栏中的“线性渐变”按钮
，在属性栏中勾选“反向”复选框，在选区中从右向左水平拖曳渐变色，取消选区后，图像效果如图4-66所示。
图4-65
图4-66
（6）将前景色设为红色（其R、G、B的值分别为199、45、60）。选择“矩形”工具
，在属性栏中的“选择工具模式”选项中选择“形状”，在图像窗口中绘制矩形，如图4-67所示。在“图层”控制面板中生成新的图层“矩形1”。
图4-67
（7）在“图层”控制面板中，将“图形”图层拖曳到“矩形1”图层的上方，如图4-68所示，效果如图4-69所示。
图4-68
图4-69
（8）选择“文件>置入嵌入对象”命令，在弹出的“置入嵌入的对象”对话框中，选中本书学习资源中的“Ch04>素材>制作手机图标>01”文件，单击“置入”按钮，在图像窗口中出现控制框，如图4-70所示。按Enter键，确认图像的置入，效果如图4-71所示。在“图层”控制面板中生成新的图层并将其命名为“装饰”，如图4-72所示。
图4-70
图4-71
图4-72
（9）新建图层并将其命名为“绿条”。选择“矩形选框”工具
，在图像窗口中绘制选区，如图4-73所示。选择“渐变”工具，单击属性栏中的“点按可编辑渐变”按钮，弹出“渐变编辑器”对话框，在“位置”选项中分别输入10、100两个位置点，分别设置两个位置点颜色的RGB值为10（147、209、174）、100（0、163、71），如图4-74所示，单击“确定”按钮，完成渐变色的设置。单击属性栏中的“线性渐变”按钮，勾选“反向”复选框，在选区中从下向上垂直拖曳渐变色，按Ctrl+D组合键，取消选区，图像效果如图4-75所示。
图4-73
图4-74
图4-75
（10）用上述的方法再次绘制3个矩形选框，并分别填充相应的渐变色，制作出图4-76所示的效果。
图4-76
（11）按住Shift键的同时，在“图层”控制面板中选中需要的图层，如图4-77所示。按Ctrl+Shift+]组合键，将选中的图层调整至顶层，如图4-78所示，效果如图4-79所示。手机图标制作完成。
图4-77
图4-78
图4-79