教你设计一个日历UI图标
一篇日历UI图标设计教程,教程不算太难,重点是图层样式的运用,过程也算详细,新手赶紧get!有跟着一起做出来的同学记得交作业。最终效果图:http://pic.16xx8.com/allimg/151023/21020122I-0.jpg
作者:年华葬死在 出处:pdadians 首先,新建一个文档,我的是1024*1024。
http://pic.16xx8.com/allimg/151023/210201A13-1.jpg
在背景层上拉一个径向渐变,颜色如图所示""
http://pic.16xx8.com/allimg/151023/2102012036-2.jpg
新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示
http://pic.16xx8.com/allimg/151023/21020130J-3.jpg
确定后把混合模式改为柔光,透明度30%
http://pic.16xx8.com/allimg/151023/210201G95-4.jpg
新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择
http://pic.16xx8.com/allimg/151023/2102013337-5.jpg
双击圆角矩形添加图层样式",数值如下
http://pic.16xx8.com/allimg/151023/210201GG-6.jpg
还有内阴影,颜色叠加、颜色数值如图所示:
http://pic.16xx8.com/allimg/151023/2102013D5-7.jpg
http://pic.16xx8.com/allimg/151023/210201N63-8.jpg
新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。
http://pic.16xx8.com/allimg/151023/210201C58-9.jpg
滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt+左键创建剪贴蒙版。
http://pic.16xx8.com/allimg/151023/2102015006-10.jpg
新建一个小一点的圆角矩形,圆角调整好,居中对齐!颜色无所谓。
http://pic.16xx8.com/allimg/151023/21020143I-11.jpg
双击图层添加图层样式"斜面与浮雕。
http://pic.16xx8.com/allimg/151023/2102013355-12.jpg
内阴影。
http://pic.16xx8.com/allimg/151023/2102011447-13.jpg
内发光
http://pic.16xx8.com/allimg/151023/2102011946-14.jpg
渐变叠加
http://pic.16xx8.com/allimg/151023/21020163J-15.jpg