下载掌阅APP，畅读海量书库
立即打开
【案例学习目标】 学习使用不同的图形工具绘制图标。
【案例知识要点】 使用圆角矩形工具绘制床体，使用圆角矩形工具、矩形工具和减去顶层形状命令绘制其他部分，效果如图2-45所示。
图2-45
【案例环境展示】 实际应用中案例展示效果如图2-46所示。
图2-46
【效果所在位置】 云盘/Ch02/绘制扁平化风格的单色面性图标/工程文件.psd。
具体步骤如下。
（1）按Ctrl+N组合键，弹出“新建文档”对话框，将“宽度”设为512像素，“高度”设为512像素，“分辨率”设为72像素/英寸，“背景内容”设为白色，如图2-47所示。单击“创建”按钮，完成文档新建。
图2-47
（2）选择“圆角矩形”工具
，在属性栏的“选择工具模式”选项中选择“形状”，将“填充”颜色设为灰色（158、158、158），“半径”选项设置为15像素。在图像窗口中适当的位置绘制圆角矩形，如图2-48所示，在“图层”控制面板中生成新的形状图层“圆角矩形1”。
图2-48
（3）选择“窗口”→“属性”命令，弹出“属性”面板，在面板中进行设置，如图2-49所示，效果如图2-50所示。
图2-49
图2-50
（4）选择“圆角矩形”工具
，在属性栏中，将“半径”选项设置为40像素，在图像窗口中适当的位置绘制圆角矩形，在“图层”控制面板中生成新的形状图层“圆角矩形2”。在“属性”面板中进行其他设置，如图2-51所示，效果如图2-52所示。
图2-51
图2-52
（5）选择“矩形”工具
，在按住Alt键的同时，在图像窗口中适当的位置绘制矩形，如图2-53所示。在“属性”面板中进行设置，如图2-54所示，效果如图2-55所示。
图2-53
图2-54
图2-55
（6）选择“圆角矩形”工具
，在属性栏中，将“半径”选项设置为24像素。在按住Alt键的同时，在图像窗口中适当的位置绘制圆角矩形，效果如图2-56所示。在“属性”面板中进行其他设置，如图2-57所示，效果如图2-58所示。
图2-56
图2-57
图2-58
（7）选择“路径选择”工具
，在按住Alt+Shift组合键的同时，选中圆角矩形，在图像窗口中将其向右拖曳，进行复制，如图2-59所示。在“属性”面板中进行设置，如图2-60所示，效果如图2-61所示。
图2-59
图2-60
图2-61
（8）选择“圆角矩形”工具
，在属性栏中将“半径”选项设置为25像素，在图像窗口中适当的位置绘制圆角矩形，如图2-62所示，在“图层”控制面板中生成新的形状图层“圆角矩形3”。在“属性”面板中进行其他设置，如图2-63所示，效果如图2-64所示。
图2-62
图2-63
图2-64
（9）选择“矩形”工具
，在按住Alt键的同时，在图像窗口中适当的位置绘制矩形，效果如图2-65所示。在“属性”面板中进行设置，如图2-66所示，效果如图2-67所示。
图2-65
图2-66
图2-67
（10）将“圆角矩形3”图层拖曳到“图层”控制面板下方的“创建新图层”按钮
上进行复制，生成新的图层“圆角矩形3拷贝”，如图2-68所示。选择“移动”工具
，拖曳复制的图形到适当的位置，效果如图2-69所示。
图2-68
图2-69
（11）选择“圆角矩形”工具
，在属性栏中将“半径”选项设置为6像素，在图像窗口中适当的位置绘制圆角矩形，效果如图2-70所示，在“图层”控制面板中生成新的形状图层“圆角矩形4”。在“属性”面板中进行其他设置，如图2-71所示，效果如图2-72所示。
图2-70
图2-71
图2-72
（12）按Ctrl+T组合键，在图形周围出现变换框，将鼠标指针放在变换框的右下角控制手柄，鼠标指针变为旋转图标
。在按住Shift键的同时，拖曳鼠标将图形旋转15°，按Enter键确定操作，效果如图2-73所示。
图2-73
（13）将“圆角矩形4”图层拖曳到“图层”控制面板下方的“创建新图层”按钮
上进行复制，生成新的图层“圆角矩形4拷贝”，如图2-74所示。选择“移动”工具
，在按住Shift键的同时，拖曳复制的图形到适当的位置。选择“编辑”→“变换”→“水平翻转”命令，效果如图2-75所示。
图2-74
图2-75
（14）在“图层”控制面板中，选中“圆角矩形1”图层，将其拖曳到“圆角矩形4”图层的下方，调整图层顺序，如图2-76所示。选中“圆角矩形4拷贝”图层，在按住Shift键的同时，单击“圆角矩形2”图层，将需要的图层同时选取，按Ctrl+E组合键，合并图层，如图2-77所示。
图2-76
图2-77
（15）单击“背景”图层左侧的眼睛图标
，将图层隐藏，效果如图2-78所示，扁平化风格-单色面性图标制作完成。
图2-78