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

最终效果图:

UI教程,设计日历主题图标

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

UI教程,设计日历主题图标

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

UI教程,设计日历主题图标

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

UI教程,设计日历主题图标

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

UI教程,设计日历主题图标

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

UI教程,设计日历主题图标