案例1  矢量ICON1——日历图标

案例1 矢量ICON1——日历图标

案例综述

本例讲解的是如何制作日历图标,在智能手机中,日历图标是随处可见的一种图标,本例学习如何将看似简单的图标做得更加时尚。

设计规范

978-7-111-48550-6-Part02-292.jpg

案例分析

本例首先使用圆角矩形工具绘制日历图标的形状,然后添加图层样式制作立体感,最后使用文字工具在页面上输入文字突出图标的主题。

978-7-111-48550-6-Part02-293.jpg

操作步骤:

01 新建文件 执行“文件>新建”命令或按快捷键Ctrl+N,弹出“新建”对话框,设置参数新建文件01 02。

978-7-111-48550-6-Part02-294.jpg

02 绘制形状 选择工具箱中的圆角矩形工具978-7-111-48550-6-Part02-295.jpg,在选项栏中设置工作模式为“形状”、填充颜色为咖啡色(R:62,G:26,B:4)、半径为55像素,然后在页面上绘制形状,并将图层名称修改为“木板底部”03 04 05。

978-7-111-48550-6-Part02-296.jpg

03 添加效果 双击“木板底部”图层,在弹出的“图层样式”对话框中选择“描边”“渐变叠加”选项,设置参数,为其添加效果06 07 08。

978-7-111-48550-6-Part02-297.jpg

978-7-111-48550-6-Part02-298.jpg

978-7-111-48550-6-Part02-299.jpg

04 添加效果 在“图层样式”对话框中选择“内发光”“投影”选项,设置参数,为其添加效果09 10 11。

978-7-111-48550-6-Part02-300.jpg

978-7-111-48550-6-Part02-301.jpg

978-7-111-48550-6-Part02-302.jpg

05 绘制形状 使用同样的方法制作出“木板底部”12 13。

978-7-111-48550-6-Part02-303.jpg

06 创建剪贴蒙版 执行“文件>打开”命令,在弹出的对话框中选择“木纹.jpg”素材,将其打开拖入到场景中,然后在“图层”面板中将该图层的混合模式设置为“柔光”,并执行“图层>创建剪贴蒙版”命令,为图层创建剪贴蒙版14 15。

978-7-111-48550-6-Part02-304.jpg

07 绘制形状 选择工具箱中的圆角矩形工具978-7-111-48550-6-Part02-305.jpg,在选项栏中设置工作模式为“形状”、填充颜色为任意色、半径为30像素,在页面上绘制形状,并将图层名称修改为“纸张”。然后双击该图层,在弹出的“图层样式”对话框中选择“渐变叠加”“投影”选项,设置参数,为其添加效果16 17 18。

978-7-111-48550-6-Part02-306.jpg

978-7-111-48550-6-Part02-307.jpg

978-7-111-48550-6-Part02-308.jpg

08 制作其他效果 使用同样的方法制作出其他效果19 20。

978-7-111-48550-6-Part02-309.jpg

09 绘制形状 选择工具箱中的钢笔工具978-7-111-48550-6-Part02-310.jpg,在选项栏中设置工作模式为“形状”,在页面上绘制形状,并将图层名称修改为“右边固定栓底部”。然后双击该图层,在弹出的“图层样式”对话框中选择“颜色叠加”、“斜面和浮雕”选项,设置参数,为其添加效果21 22 23。

978-7-111-48550-6-Part02-311.jpg

978-7-111-48550-6-Part02-312.jpg

978-7-111-48550-6-Part02-313.jpg

10 绘制阴影 选择工具箱中的钢笔工具978-7-111-48550-6-Part02-314.jpg,在选项栏中设置工作模式为“路径”,在页面上绘制路径,并按下快捷键Ctrl+Enter将路径转换为选区,按下快捷键Shift+F6在弹出的“羽化选区”对话框中设置羽化半径为5像素。然后设置前景色为黑色,按下快捷键Alt+Delete填充颜色,按下快捷键Ctrl+D取消选区,将图层名称修改为“阴影”,在“图层”面板中将该图层的不透明度调整为50%24 25 26。

978-7-111-48550-6-Part02-315.jpg

978-7-111-48550-6-Part02-316.jpg

978-7-111-48550-6-Part02-317.jpg

11 绘制形状 选择工具箱中的椭圆工具978-7-111-48550-6-Part02-318.jpg,在选项栏中设置工作模式为“形状”、填充颜色为咖啡色(R:86,G:42,B:12),按住Shift键在页面上绘制正圆,并将图层名称修改为“右边圆形”。然后双击该图层,在弹出的“图层样式”对话框中选择“内阴影”“投影”选项,设置参数,为其添加效果27 28 29。

978-7-111-48550-6-Part02-319.jpg

978-7-111-48550-6-Part02-320.jpg

978-7-111-48550-6-Part02-321.jpg

12 绘制形状 选择工具箱中的钢笔工具978-7-111-48550-6-Part02-322.jpg,在选项栏中设置工作模式为“形状”,在页面上绘制形状,并将图层名称修改为“右边固定栓”。然后双击该图层,在弹出的“图层样式”对话框中选择“斜面和浮雕”“渐变叠加”选项,设置参数,为其添加效果30 31 32。

978-7-111-48550-6-Part02-323.jpg

978-7-111-48550-6-Part02-324.jpg

978-7-111-48550-6-Part02-325.jpg

13 绘制形状 使用同样的方法制作出左边的固定栓33 34。

978-7-111-48550-6-Part02-326.jpg

14 添加文字 选择工具箱中的文字工具978-7-111-48550-6-Part02-327.jpg,在页面上输入文字,在“字符”面板中设置文字的字体、字号、颜色等参数35 36。

978-7-111-48550-6-Part02-328.jpg

15 添加投影 双击文字图层,在弹出的“图层样式”对话框中选择“投影”选项,设置参数,为其添加效果37 38。

978-7-111-48550-6-Part02-329.jpg

16 添加文字 选择工具箱中的文字工具978-7-111-48550-6-Part02-330.jpg,在页面上输入文字,在“字符”面板中设置文字的字体、字号、颜色等参数39 40。

978-7-111-48550-6-Part02-331.jpg

17 添加效果 双击文字图层,在弹出的“图层样式”对话框中选择“内阴影”“投影”选项,设置参数,为其添加效果41 42 43

978-7-111-48550-6-Part02-332.jpg

978-7-111-48550-6-Part02-333.jpg

978-7-111-48550-6-Part02-334.jpg