理论教育 关于时间图标的设计与制作

关于时间图标的设计与制作

时间:2023-06-21 理论教育 版权反馈
【摘要】:时间图标不论外形如何,指针和钟盘是必不可少的,在需要的情况下可以对指针和钟盘进行变化设计。下面介绍一个写实风格的时间图标,图2292所示为制作流程图。图2295 设置色标颜色与位置04 单击“确定”按钮,修改样式为“径向”、缩放为200%,如图2296所示。图2304 效果12 使用“椭圆工具”绘制正圆,并进行高斯模糊,如图2305所示。图2314 绘制正圆19 为图层添加“斜面和浮雕”样式,如图2315所示。31 调整到时钟的下方,完成时钟图标的制作,如图2327所示。

关于时间图标的设计与制作

时间图标不论外形如何,指针和钟盘是必不可少的,在需要的情况下可以对指针和钟盘进行变化设计。下面介绍一个写实风格的时间图标,图2‑292所示为制作流程图

978-7-111-53301-6-Chapter02-298.jpg

图2‑292 制作流程图

01 新建文档,在“图层”面板底部单击“新的填充或调整图层”按钮,选择“渐变”选项,如图2‑293所示。

02 弹出对话框,单击渐变色,如图2‑294所示。

978-7-111-53301-6-Chapter02-299.jpg

图2‑293 选择“渐变”选项

978-7-111-53301-6-Chapter02-300.jpg

图2‑294 单击渐变色

03 在弹出的对话框中修改色标,第一个色标的颜色为#9daebf,第二个色标的颜色为#596c80,位置为75%,如图2‑295所示。

978-7-111-53301-6-Chapter02-301.jpg

图2‑295 设置色标颜色与位置

04 单击“确定”按钮,修改样式为“径向”、缩放为200%,如图2‑296所示。

978-7-111-53301-6-Chapter02-302.jpg

图2‑296 修改样式与缩放

05 单击“确定”按钮后效果如图2‑297所示。

978-7-111-53301-6-Chapter02-303.jpg

图2‑297 确定效果

06 使用“圆角矩形工具”绘制圆角矩形,如图2‑298所示。

978-7-111-53301-6-Chapter02-304.jpg

图2‑298 绘制圆角矩形

07 按Ctrl+J组合键复制图层,修改颜色为黑色,并缩小1px。再为其添加“渐变叠加”图层样式,参数如图2‑299所示,渐变颜色如图2‑300所示。

978-7-111-53301-6-Chapter02-305.jpg

图2‑299 添加“渐变叠加”样式

978-7-111-53301-6-Chapter02-306.jpg

图2‑300 渐变颜色

08 单击“确定”按钮后的图像效果如图2‑301所示。

978-7-111-53301-6-Chapter02-307.jpg

图2‑301 图像效果

09 继续绘制圆角矩形,如图2‑302所示。

978-7-111-53301-6-Chapter02-308.jpg

图2‑302 绘制圆角矩形

10 为图层添加“斜面和浮雕”“渐变叠加”样式,如图2‑303所示。

978-7-111-53301-6-Chapter02-309.jpg

978-7-111-53301-6-Chapter02-310.jpg

图2‑303 添加图层样式

11 执行确定操作后的效果如图2‑304所示。

978-7-111-53301-6-Chapter02-311.jpg

图2‑304 效果

12 使用“椭圆工具”绘制正圆,并进行高斯模糊,如图2‑305所示。然后复制一层,向下移动一层,添加图层蒙版,并在蒙版中进行绘制,效果如图2‑306所示。

978-7-111-53301-6-Chapter02-312.jpg

图2‑305 绘制圆并进行高斯模糊

978-7-111-53301-6-Chapter02-313.jpg

图2‑306 效果

13 复制图层,修改颜色为#ff4326,如图2‑307所示。

978-7-111-53301-6-Chapter02-314.jpg

图2‑307 复制图层并修改颜色

14 复制图层,添加蒙版,然后使用,“画笔工具”进行绘制,效果如图2‑308所示。

978-7-111-53301-6-Chapter02-315.jpg

图2‑308 绘制蒙版

15 为图层添加“混合选项”,如图2‑309所示。然后复制图层,为图层添加“内阴影”和“渐变叠加”样式,如图2‑310所示。

978-7-111-53301-6-Chapter02-316.jpg

图2‑309 添加“混合选项”(www.daowen.com)

978-7-111-53301-6-Chapter02-317.jpg

图2‑310 添加“内阴影”和“渐变叠加”样式

16 单击“确定”按钮后图像效果如图2‑311所示。然后复制图层,添加“内阴影”样式,如图2‑312所示。

978-7-111-53301-6-Chapter02-318.jpg

图2‑311 确定效果

978-7-111-53301-6-Chapter02-319.jpg

图2‑312 添加“内阴影”样式

17 绘制椭圆,设置蒙版并添加混合选项,然后绘制几处高光,如图2‑313所示。

978-7-111-53301-6-Chapter02-320.jpg

图2‑313 绘制高光

18 使用“椭圆工具”绘制正圆,并设置填充颜色为灰色,如图2‑314所示。

978-7-111-53301-6-Chapter02-321.jpg

图2‑314 绘制正圆

19 为图层添加“斜面和浮雕”样式,如图2‑315所示。

978-7-111-53301-6-Chapter02-322.jpg

图2‑315 添加“斜面和浮雕”样式

20 单击“确定”按钮后的图像如图2‑316所示。

978-7-111-53301-6-Chapter02-323.jpg

图2‑316 效果

21 复制图层,为图层添加“混合选项”和“内阴影”样式,如图2‑317所示。

978-7-111-53301-6-Chapter02-324.jpg

图2‑317 添加图层样式

22 添加图层蒙版并进行涂抹,涂抹后的效果如图2‑318所示。

978-7-111-53301-6-Chapter02-325.jpg

图2‑318 添加蒙版涂抹后的效果

23 使用“椭圆工具”绘制一个小圆,如图2‑319所示。

978-7-111-53301-6-Chapter02-326.jpg

图2‑319 绘制小圆

24 为图层添加图层样式,并设置“描边”“内阴影”和“投影”参数,确定后的图像效果如图2‑320所示。将圆放大,如图2‑321所示。

978-7-111-53301-6-Chapter02-327.jpg

图2‑320 图像效果

25 复制图层,并按Ctrl+T组合键将圆放大,如图2‑321所示。

978-7-111-53301-6-Chapter02-328.jpg

图2‑321 复制并放大圆

26 使用“矩形工具”绘制刻度,并添加“投影”样式,如图2‑322所示。

978-7-111-53301-6-Chapter02-329.jpg

图2‑322 绘制刻度

27 使用“矩形工具”绘制指针,如图2‑323所示。

978-7-111-53301-6-Chapter02-330.jpg

图2‑323 绘制指针

28 复制图层,并移至下一层,然后进行高斯模糊,效果如图2‑324所示。

978-7-111-53301-6-Chapter02-331.jpg

图2‑324 高斯模糊效果

29 用同样的方法绘制其他指针,如图2‑325所示。

978-7-111-53301-6-Chapter02-332.jpg

图2‑325 绘制其他指针

30 绘制矩形,将其移至背景图层的上方,并进行高斯模糊,如图2‑326所示。

31 调整到时钟的下方,完成时钟图标的制作,如图2‑327所示。

978-7-111-53301-6-Chapter02-333.jpg

图2‑326 绘制矩形并进行高斯模糊

978-7-111-53301-6-Chapter02-334.jpg

图2‑327 完成效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈