教你设计一个日历UI图标

怪怪熊 · 发表于 2015-10-29 19:34:59

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

x

一篇日历UI图标设计教程，教程不算太难，重点是图层样式的运用，过程也算详细，新手赶紧get！有跟着一起做出来的同学记得交作业。最终效果图：

作者：年华葬死在出处：pdadians

怪怪熊 · 发表于 2015-10-29 19:34:59

首先，新建一个文档，我的是1024*1024。

怪怪熊 · 发表于 2015-10-29 19:34:59

在背景层上拉一个径向渐变，颜色如图所示""

怪怪熊 · 发表于 2015-10-29 19:34:59

新建一层，D键把前景背景改为默认，填充白色，选择滤镜-杂色-添加杂色，平均分布，数量50%，勾选淡色，如图所示

怪怪熊 · 发表于 2015-10-29 19:34:59

确定后把混合模式改为柔光，透明度30%

怪怪熊 · 发表于 2015-10-29 19:34:59

新建一个圆角矩形，如图所示，调整好圆角，填充颜色随便。Ctrl+a 选择水平居中，垂直居z中，Ctrl+d取消选择

怪怪熊 · 发表于 2015-10-29 19:34:59

双击圆角矩形添加图层样式"，数值如下

怪怪熊 · 发表于 2015-10-29 19:34:59

还有内阴影，颜色叠加、颜色数值如图所示：

怪怪熊 · 发表于 2015-10-29 19:34:59

新建一层，D键把前景背景改为默认，填充白色，执行滤镜-杂色-添加杂色。

怪怪熊 · 发表于 2015-10-29 19:34:59

滤镜-模糊-动感模糊，数值如下，接着在两个图层之间按Alt+左键创建剪贴蒙版。

怪怪熊 · 发表于 2015-10-29 19:34:59

新建一个小一点的圆角矩形，圆角调整好，居中对齐！颜色无所谓。

怪怪熊 · 发表于 2015-10-29 19:34:59

双击图层添加图层样式"斜面与浮雕。

怪怪熊 · 发表于 2015-10-29 19:34:59

内阴影。

怪怪熊 · 发表于 2015-10-29 19:34:59

内发光

怪怪熊 · 发表于 2015-10-29 19:34:59

渐变叠加

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

[UI设计] 教你设计一个日历UI图标