案例7 应用程序主菜单界面设计制作
（请扫描版权页上的二维码，下载教学视频）
图25 应用程序主菜单界面设计制作
STEP1
选择菜单栏里的“文件/新建”命令，打开新建对话框，新建一个尺寸为200×200像素的文件，分辨率为72dpi，背景内容为白色，如图26所示。
图26 文件/新建
STEP2
新建一个图层，图层的名字改为“底板”。使用椭圆工具，绘制一个大小为160×160像素的椭圆，如图27所示。
图27 绘制椭圆
STEP3
在“底板”图层上双击图标，在弹出的图层样式对话框中选择“渐变叠加”样式，双击渐变，如图28所示。调整渐变色标的值，左边色标的值为#04c6bb，右边色标的值为#38ffea，如图29所示。完成调整，如图30所示。
图28 “渐变叠加”样式
图29 调整渐变色标
图30 完成调整
STEP4
在“底板”图层点击“新建调整图层”图标，在弹出菜单中选择“色相/饱和度”，如图31所示。调整色相的值为-13，如图32所示。按住Ctrl键点击“底板”图层，出现选区，在选择菜单中选择反向，在图层蒙版中填充黑色。完成效果如图35所示。
图31 选择“色相、饱和度”
图32 调整色相的值为-13
图33 出现选区
(https://www.daowen.com)
图34 在图层蒙版中填充黑色
图35 完成效果
STEP5
新建一个图层，图层的名字改为“通话”。使用钢笔工具，前景色选为白色，绘制如图36所示的电话形状。
图36 绘制电话
STEP6
在“通话”图层上双击图标，在弹出的图层样式对话框中选择“描边”样式，如图37所示。框中选择“渐变叠加”样式，双击渐变，调整渐变色标的值，左边色标的值为#a2bed3，右边色标的值为#d0e4f4，完成调整如图38所示。在弹出的图层样式对话框中选择“投影”样式，如图39所示。完成效果如图40所示。
图37 “描边”样式
图38 “渐变叠加”样式
图39 “投影”样式
图40 完成效果
STEP7
接下来，新建图层为通话图标，添加亮部和暗部，蒙版如图41所示。
图41 添加亮部和暗部
最终完成效果如图42所示。
图42 最终完成效果
STEP8
其他图标请大家按照通话图标方法进行临摹，源文件请参看文件夹，如图43所示。
图43 其他图标请大家按照通话图标方法进行临摹
