个性图标的制作

    一些个性图标的制作使手机APP设计更加多元化，产生丰富多彩且富有特色的画面效果。不同的个性化图标，将以自己独特的面孔来诠释所要表达的APP图标领域。这是设计者在制作中需要注意的地方。

    扁平化图标如图3.165所示。

    高清质感图标如图3.166所示。

    图3.165

    图3.166

    3.4.1  扁平化图标

    扁平化图标，顾名思义，是比较平面化的扁平的图标，在制作过程中相较一些逼真质感的立体图标来说，其制作过程更加轻松简单。扁平化图标制作无需太多质感和立体感的设计元素，在绘制时注意色彩和形状搭配，做到简单合理即可。

    扁平化图标制作流程如下。

    ①执行“文件”→“新建”命令，在弹出的“新建”对话框中设置各项参数及选项，设置完成后单击“确定”按钮，新建空白图像文件（图3.167）。

    图3.167

    ②设置前景色为深蓝色，按快捷键Alt+Delete填充背景图层。单击钢笔工具，在属性栏中选择“形状”选项，设置“填充”为黄色，然后在画面上勾勒图标形状（图3.168）。

    图3.168

    ③双击“形状1”，勾选“投影”选项并设置各项参数，完成后单击“确定”按钮（图3.169）。

    图3.169

    ④复制“形状1”，生成“形状1副本”，按快捷键Ctrl+T对图像进行适当缩小，并设置“填充”为棕黄色（图3.170）。

    图3.170

    ⑤双击“形状1副本”，勾选“内阴影”选项并设置各项参数，完成后单击“确定”按钮（图3.171）。

    图3.171

    ⑥单击圆角矩形工具，在其属性栏上选择“形状”选项，在属性栏上设置“填充”为黄色，“半径“为30像素，绘制圆角矩形形状（图3.172）。

    图3.172

    ⑦双击“圆角矩形1”，勾选“投影”选项并设置各项参数，完成后单击“确定”按钮（图3.173）。

    图3.173

    ⑧复制“圆角矩形1”，生成更多副本，并适当排列，设置最右下端的图形“填充”为白色（图3.174）。

    图3.174

    ⑨单击钢笔工具，在属性栏中选择“形状”选项，设置“填充”为白色，然后在画面上绘制图形（图3.175）。

    图3.175

    ⑩双击“形状2”，勾选“投影”选项并设置各项参数，完成后单击“确定”按钮（图3.176）。

    图3.176

    k单击钢笔工具，在属性栏中选择“形状”选项，设置“填充”为白色，继续在画面上绘制其他图形。在“形状2”图层上单击鼠标右键，在弹出的快捷菜单中选择“拷贝图层样式”，然后分别在“形状3”“形状4”上单击鼠标右键，在弹出的快捷菜单中选择“粘贴图层样式”（图3.177）。

    图3.177

    l单击钢笔工具，在属性栏中选择“形状”选项，设置“填充”为黄色，在画面上绘制图形。使用以上相同方法在“形状5”上单击鼠标右键，在弹出的快捷菜单中选择“粘贴图层样式”。至此，本实例制作完成（图3.178）。

    图3.178

    [技巧点拨]

    拷贝和粘贴图层样式：在图标制作中，经常会出现图层样式重复使用的情况，运用这些拷贝和粘贴图层样式的方法，可以快速实现样式的统一。

    3.4.2  高清质感图标

    高清质感图标是质感较强、给人以逼真视觉感受的图标效果。其制作过程除了通过形状工具、图层样式等进行设计制作以外，还可以通过一些素材的添加并结合混合模式，制作出质感更真实的图标。

    高清质感图标制作流程如下。

    ①执行“文件”→“新建”命令，在弹出的“新建”对话框中设置各项参数及选项，设置完成后单击“确定”按钮，新建空白图像文件（图3.179）。

    图3.179

    ②设置前景色为深灰色，按快捷键Alt+Delete填充背景图层。单击圆角矩形工具，在其属性栏上选择“形状”选项，设置“填充”为蓝色，在画面中绘制圆角矩形形状（图3.180）。

    图3.180

    ③双击“圆角矩形1”，勾选“内阴影”选项并设置各项参数，完成后单击“确定”按钮（图3.181）。

    图3.181

    ④执行“文件”→“打开”命令，打开“铁网.png”文件。将其拖至当前画面中，生成“图层1”，设置其混合模式为“深色”（图3.182）。

    图3.182

    ⑤按住Ctrl键单击“圆角矩形1”，将图像载入选区。单击“添加图层蒙版”按钮，将选区载入蒙版（图3.183）。

    图3.183

    ⑥新建“路径1”，单击钢笔工具，在属性栏中选择“路径”选项，然后在画面上勾勒形状。单击路径面板上的“用前景色填充路径”按钮，填充路径为蓝色，完成后取消路径（图3.184）。

    图3.184

    ⑦按住Ctrl键单击“圆角矩形1”，将图像载入选区。单击“添加图层蒙版”按钮，将选区载入蒙版（图3.185）。

    图3.185

    ⑧双击“图层1”，分别勾选“投影”“内阴影”选项并设置各项参数，完成后单击“确定”按钮，（图3.186）。

    图3.186

    ⑨复制“图层1”，生成“图层1副本”。按快捷键Ctrl+T在显示的自由变换编辑框中适当调整图像大小，完成后填充颜色为淡一点的蓝色（图3.187）。

    图3.187

    ⑩使用相同方法，复制“图层1副本”，并进行自由变换处理，填充新的颜色为更浅的蓝色。双击“图层1副本2”，分别调整“投影”“内阴影”各项参数，完成后单击“确定”按钮（图3.188）。

    图3.188

    k单击钢笔工具，在属性栏中选择“形状”选项，设置“填充”为灰色，在画面上绘制图形（图3.189）。

    图3.189

    l双击“形状1”，分别勾选“斜面和浮雕”“等高线”选项并设置各项参数，完成后单击“确定”按钮（图3.190）。

    图3.190

    m新建“图层2”，单击钢笔工具，在属性栏中选择“路径”选项，然后在画面上勾勒形状。完成后，按快捷键Ctrl+Enter将路径转化为选区（图3.191）。

    图3.191

    n单击画笔工具，设置前景色为深灰色，沿着选区内侧绘制阴影，完成后取消选区。设置其“不透明度”为“50%”，按住Ctrl键单击“形状1”，将图像载入选区。单击“添加图层蒙版”按钮，将选区载入蒙版（图3.192）。

    图3.192

    o单击画笔工具，设置前景色为黑色，继续在蒙版内适当涂抹，虚化阴影边缘（图3.193）。

    图3.193

    p执行“文件”→“打开”命令，打开“镜头.png”文件。将其拖至当前画面中，生成“图层3”（图3.194）。

    图3.194

    q双击“图层3”，勾选“斜面和浮雕”选项并设置各项参数，完成后单击“确定”按钮（图3.195）。

    图3.195

    r单击“创建新的填充或调整图层”按钮，在弹出的快捷菜单中选择“曲线”命令，设置各项参数，画面效果发生改变。至此，本实例制作完成（图3.196）。

    图3.196

    [技巧点拨]

    曲线的应用：曲线调整是色调调整命令中最能直观、快速地达到所需要的调整方式之一。通过曲线调整，图像色调对比会更符合画面要求。