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

教你设计一个日历UI图标

一篇日历UI图标设计教程,教程不算太难,重点是图层样式的运用,过程也算详细,新手赶紧get!有跟着一起做出来的同学记得交作业。最终效果图:
http://pic.16xx8.com/allimg/151023/21020122I-0.jpg
作者:年华葬死在 出处:pdadians

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

首先,新建一个文档,我的是1024*1024。
http://pic.16xx8.com/allimg/151023/210201A13-1.jpg

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

在背景层上拉一个径向渐变,颜色如图所示""
http://pic.16xx8.com/allimg/151023/2102012036-2.jpg

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

新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示
http://pic.16xx8.com/allimg/151023/21020130J-3.jpg

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

确定后把混合模式改为柔光,透明度30%
http://pic.16xx8.com/allimg/151023/210201G95-4.jpg

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

新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择
http://pic.16xx8.com/allimg/151023/2102013337-5.jpg

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

双击圆角矩形添加图层样式",数值如下
http://pic.16xx8.com/allimg/151023/210201GG-6.jpg

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

还有内阴影,颜色叠加、颜色数值如图所示:
http://pic.16xx8.com/allimg/151023/2102013D5-7.jpg

http://pic.16xx8.com/allimg/151023/210201N63-8.jpg

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

新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。
http://pic.16xx8.com/allimg/151023/210201C58-9.jpg

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

滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt+左键创建剪贴蒙版。
http://pic.16xx8.com/allimg/151023/2102015006-10.jpg

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

新建一个小一点的圆角矩形,圆角调整好,居中对齐!颜色无所谓。
http://pic.16xx8.com/allimg/151023/21020143I-11.jpg

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

双击图层添加图层样式"斜面与浮雕。
http://pic.16xx8.com/allimg/151023/2102013355-12.jpg

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

内阴影。
http://pic.16xx8.com/allimg/151023/2102011447-13.jpg

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

内发光
http://pic.16xx8.com/allimg/151023/2102011946-14.jpg

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

渐变叠加
http://pic.16xx8.com/allimg/151023/21020163J-15.jpg
页: [1] 2 3
查看完整版本: 教你设计一个日历UI图标