案例2　图标设计制作——扁平化图标

（请扫描版权页上的二维码，下载教学视频）

图33　扁平化图标

STEP1

选择菜单栏里的“文件/新建”命令，打开新建对话框，新建一个尺寸为600×600像素的文件，分辨率为72dpi，背景内容为白色，如图34所示。

图34　文件/新建

STEP2

新建一个图层，图层的名字改为“底板”。使用圆角矩形工具，前景色选为红色，绘制一个圆角矩形，如图35所示。

图35　绘制一个圆角矩形

STEP3

在“底板”图层上双击，在弹出的图层样式对话框中选择“渐变叠加”样式，双击渐变，如图36所示。调整渐变色标的值，左边色标的值为#f98016，右边色标的值为#df3923，如图37所示。大家也可以自己调适合的颜色。完成调整，如图38所示。

图36　“渐变叠加”样式

图37　调整渐变色标

图38　完成调整

STEP4

使用椭圆工具，在属性栏设置“填充”为白色，“描边”为无，完成调整，如图39所示。

图39　绘制椭圆

STEP5(https://www.daowen.com)

使用圆角矩形工具，前景色选为白色，选择工具，选择绘制好的椭圆，选择减去顶层形状。继续绘制椭圆，如图40所示。框选两个椭圆，在对齐中选择水平居中和垂直居中。使用钢笔添加锚点工具添加两个点，使用　直接选择工具移动位置，完成效果如图42所示。

图40　减去顶层形状

图41　对齐到选区

图42　完成效果

STEP6

接下来制作图标的投影，使用钢笔工具绘制投影。设置“不透明度”为35%。按住Ctrl单击鼠标左键选择圆角矩形图层，反选选区，单击“添加图层蒙版”按钮，制作图标的阴影。

图43　使用钢笔工具绘制投影

图44　完成效果

STEP7

在空心圆的中间绘制一个椭圆，在此图层上双击，在弹出的图层样式对话框中选择“渐变叠加”样式，双击渐变，如图45所示。调整渐变色标的值，左边色标的值为#fa5013，右边色标的值为#9f0c0e，如图46所示。本实例制作完成，如图48所示。

图45　“渐变叠加”样式

图46　调整渐变色标

图47　渐变效果

图48　制作完成