设计一枚简洁的时钟图标

zyyxcx · 发表于 2016-5-2 01:34:09

您需要登录才可以下载或查看，没有账号？注册

x

这枚时钟主题图标主要是运用了简单的鼠绘技巧和图层样式来制作，十分简单，一起来学习一下。PSD文件链接：
http://pan.baidu.com/
密码：7pr2我们的最终效果：

作者：P大点S 出处：pdadians

zyyxcx · 发表于 2016-5-2 01:34:09

背景没什么好说的，就是做个渐变，设置前景色为#f8efe0，用圆角矩形工具画一个圆角矩形，这是我们的主体。

zyyxcx · 发表于 2016-5-2 01:34:09

为圆角矩形添加一个图层样式。友情提示，渐变叠加样式中的图层混合模式是叠加，为什么是叠加，自己想想。

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

下面，我们强化一下投影效果，复制一层圆角矩形，置于我们主体圆角矩形的下层，更改颜色为黑色，执行一个角度为90度，距离为50的动感模糊滤镜，将图层混合模式更改为正片叠底，图层不透明度为23%，当然，你需要用蒙版擦除上半部分那些不和谐的部分。

zyyxcx · 发表于 2016-5-2 01:34:09

复制一层这个执行了动感模糊的阴影层，置于底层（当然，是在背景层的上层，无可置疑），我将图层的不透明度改为了21%，动感模糊的参数角度不变，距离改成了108，这样，看起来，显得更为真实一些。

zyyxcx · 发表于 2016-5-2 01:34:09

用椭圆工具，画一个圆形，并添加一个图层样式。渐变的颜色，大家随意，挑自己喜欢的就OK了。

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

接下来，用椭圆工具来添加中间的圆，使刚才那个渐变的圆形成一个圆环，设置一个图层样式。

zyyxcx · 发表于 2016-5-2 01:34:09

zyyxcx · 发表于 2016-5-2 01:34:09

账号		自动登录	找回密码
密码			注册

[UI设计] 设计一枚简洁的时钟图标