分享

(一)Photoshop图标设计——时钟

 为你歌唱rvu8t6 2018-07-10

(1)新建文件。打开photoshop软件,通过快捷键“Ctrl + N”,新建文档,设置文档画面尺寸为“800px×800px”,分辨率为“150dpi”,色彩模式为“RGB”。完成后单击“确定”按钮。(如图-01所示)

图-01

(2)创建背景。选择工具栏中的形状工具,长按选择“矩形工具”,在选择栏中选择工具的模式为“形状”,绘制一个黑色背景,右击该图层所在的位置,选择“混合选择”,添加“渐变叠加”,颜色设置为“#252d3a,#171b26”。(参数根据图-02所示)

图-02

(3)创建质感图层。按“Ctrl + J”快捷键,复制上一步的背景图层,点击图层右键“清楚图层样式”,并更改填充颜色为“#697d9f”。之后执行菜单栏中的“滤镜”→“杂色”→“添加杂色”命令,数量设置为“40 %”,选择“高斯分布”,勾选“单色”按钮,完成后点击“确定”按钮。(如图-03所示)

图-03

(4)表面模糊。选择上一步质感图层,选择“选择像素”,激活该图层,之后执行菜单栏中的“滤镜”→“模糊”→“表面模糊”命令,半径设置为“60像素”,阈值设置为“200色阶”,完成后按“确认”按钮。最后在图层面板中设置该图层为“叠加”模式。(如图-04所示)

图-04

(5)创建应用图标。选择工具栏中的形状工具,长按选择“圆角矩形工具”,在选择栏中选择工具的模式为“形状”,半径为“100像素”。右击该图层所在的位置,选择“混合选择”,勾选“投影”按钮,角度设置为“90”,距离设置为“10”,大小设置为“30”(如图-05-1所示)。

图-05-1

之后继续添加“渐变叠加”,颜色设置为“#bdbec3,#f5f5f3” (参数如图-05-2所示)。

图-05-2

完成后点击“确定”按钮。(如图-05-3所示效果)

图-05-3

(6)绘制渐变圆形。使用椭圆形状工具,点击图像后按住“Shift”键,新建一个正圆形状图层。按右键启用混合选项中的“渐变”,颜色设置为“#fdf9fa,#d8d8d8” (参数如图-06-1所示)。

图-06-1

完成后点击“确定”按钮。(如图-06-2所示效果)

图-06-2

(7)绘制圆形形状。按“Ctrl + J”组合键,复制上一步的圆形形状图层,按“Ctrl +T” 组合键,启用自由变换,按住“Alt + Shift”组合键后沿圆心缩小圆形,调整到合适的位置之后按“Enter”确认。双击该图层效果的“渐变叠加”命令,渐变色标从左到右分别是“#fdf9fa”和“#d8d8d8” (参数如图-07-1所示)。

图-07-1

完成后点击“确定”按钮。(如图-07-2所示效果)

图-07-2

(8)绘制分针圆角矩形形状。选择工具栏中的形状工具,长按选择“圆角矩形工具”,在选择栏中选择工具的模式为“形状”,半径为“100像素”,颜色设置为“# 464646”。右击该图层所在的位置,选择“混合选择”,勾选“投影”按钮,不透明度设置为“50%”,角度设置为“-90”,距离设置为“5”,大小设置为“30” (参数如图-08-1所示)。

图-08-1

按“Ctrl +T” 组合键,启用自由变换调整角度及位置。(如图-08-2所示效果)

图-08-2

(9)绘制时针圆角矩形形状。按“Ctrl + J”组合键,复制上一步的圆形形状图层,按“Ctrl +T” 组合键,启用自由变换,按“Ctrl +T” 组合键,启用自由变换,调整到合适角度及位置。(如图-09所示效果)

图-09

(10)绘制圆形形状。使用椭圆形状工具,点击图像后按住“Shift”键,新建一个正圆形状图层,设置填充颜色为“# f55e00”。(如图-10所示效果)

图-10

(11)绘制秒针。选择工具栏中的形状工具,长按选择“矩形工具”,在选择栏中选择工具的模式为“形状”,设置填充颜色为“# f55e00”。通过路径选择工具缩小一端,按“Ctrl +T” 组合键,启用自由变换,按“Ctrl +T” 组合键,启用自由变换,调整到合适角度及位置。右击分针图层,选择“拷贝图层样式”,之后右击秒针图层,选择“粘贴图层样式”。长按当前图层,下拉移至圆形图层后。(如图-11所示效果)

图-11

(12)绘制圆形形状。使用椭圆形状工具,点击图像后按住“Shift”键,新建一个正圆形状图层,设置填充颜色为“# ffffff”。(最终效果如图-12所示)

图-12

o(* ̄▽ ̄*)ブ非常感谢您的观看!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多