案例1　图标设计制作——短信图标

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

图17　短信图标

STEP1

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

图18　文件/新建

STEP2

新建一个图层，图层的名字改为“底板”。使用圆角矩形工具，前景色选为白色，绘制一个半径为30像素、大小为160×160像素的圆角矩形，如图19所示。

图19　创建圆角矩形

STEP3

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

图20　选择“渐变叠加”样式

图21　调整渐变色标

图22　完成效果

STEP4

在“底板”图层上双击图标，在弹出的图层样式对话框中选择“内阴影”样式，参数调整如图23所示。

图23　“内阴影”样式

STEP5

新建一个图层，图层的名字改为“短信”。使用圆角矩形工具，前景色选为白色，绘制如图24所示的圆角矩形。选择工具，选择绘制好的圆角矩形，选择减去顶层形状，使用椭圆工具，绘制三个圆形，如图25所示。使用钢笔工具，绘制三角形，如图26所示。(https://www.daowen.com)

图24　绘制圆角矩形

图25　使用椭圆工具，绘制三个圆形

图26　使用钢笔工具，绘制三角形

STEP6

在“短信”图层上双击图标，在弹出的图层样式对话框中选择“内阴影”样式，如图27所示。框中选择“渐变叠加”样式，双击渐变，调整渐变色标的值，左边色标的值为#a2bed3，右边色标的值为#d0e4f4，完成调整，如图28所示。大家也可以自己调适合的颜色。在弹出的图层样式对话框中选择“投影”样式，如图29所示。完成效果如图30所示。