只看楼主网 >  百度贴吧 >  photoshop >

【新手教程】手把手教你做一个简单日历UI ~~~

直播教程啦，这是一个简单的日历UI,昨天无聊看到的一个UI图标，比较简单，就临摹了一下，大神勿喷~~这是效果图


楼主 年华葬死在  发布于 2015-10-16 11:12:00 +0800 CST  
首先，新建一个文档，我的是1024*1024


楼主 年华葬死在  发布于 2015-10-16 11:14:00 +0800 CST  
在背景层上拉一个径向渐变，颜色如图所示~~



楼主 年华葬死在  发布于 2015-10-16 11:19:00 +0800 CST  
新建一层，D键把前景背景改为默认，填充白色，选择滤镜-杂色-添加杂色，平均分布，数量50%，勾选淡色，如图所示


楼主 年华葬死在  发布于 2015-10-16 11:22:00 +0800 CST  
确定后把混合模式改为柔光，透明度30%


楼主 年华葬死在  发布于 2015-10-16 11:24:00 +0800 CST  
新建一个圆角矩形，如图所示，调整好圆角，填充颜色随便。ctrl+a 选择水平居中，垂直居z中，ctrl+d取消选择


楼主 年华葬死在  发布于 2015-10-16 11:28:00 +0800 CST  
先吃个饭，下午继续更新~~

楼主 年华葬死在  发布于 2015-10-16 11:29:00 +0800 CST  
双击圆角矩形添加图层样式~，数值如下


楼主 年华葬死在  发布于 2015-10-16 14:31:00 +0800 CST  
还有内阴影，颜色叠加
颜色数值如图所示



楼主 年华葬死在  发布于 2015-10-16 14:32:00 +0800 CST  
新建一层，D键把前景背景改为默认，填充白色，执行滤镜-杂色-添加杂色


楼主 年华葬死在  发布于 2015-10-16 14:35:00 +0800 CST  
滤镜-模糊-动感模糊，数值如下，接着在两个图层之间按alt+左键创建剪贴蒙版~


楼主 年华葬死在  发布于 2015-10-16 14:38:00 +0800 CST  
新建一个小一点的圆角矩形，圆角调整好，居中对齐！颜色无所谓


楼主 年华葬死在  发布于 2015-10-16 14:40:00 +0800 CST  
双击图层添加图层样式~斜面与浮雕

内阴影

内发光

渐变叠加

外发光


楼主 年华葬死在  发布于 2015-10-16 14:44:00 +0800 CST  
现在的效果如图所示


楼主 年华葬死在  发布于 2015-10-16 14:46:00 +0800 CST  
新建一个圆角矩形，填充白色，调整好参数和位置


楼主 年华葬死在  发布于 2015-10-16 14:47:00 +0800 CST  
双击图层样式添加投影


楼主 年华葬死在  发布于 2015-10-16 14:48:00 +0800 CST  
新建一层文字层，打上数字，颜色为黑色，调整好位置和大小


楼主 年华葬死在  发布于 2015-10-16 14:49:00 +0800 CST  
alt+v+e弹出水平线对话框，拉出一条水平为50%，一条垂直为50%的水平线，以便我们调整位置。


楼主 年华葬死在  发布于 2015-10-16 14:52:00 +0800 CST  
复制下方的圆角矩形到最顶层，ctrl+t调整大小，填充白色，我加了个灰色是便于大家观看


楼主 年华葬死在  发布于 2015-10-16 14:54:00 +0800 CST  
并把透明度调整为12%，然后选中三个图层ctrl+g组合起来。


楼主 年华葬死在  发布于 2015-10-16 14:56:00 +0800 CST  

楼主：年华葬死在

字数：1062字

发表时间：2015-10-16 19:12:00 +0800 CST

更新时间：2016-11-03 18:41:47 +0800 CST

评论数：507条评论

帖子来源：百度贴吧  访问原帖

 

热门帖子

随机列表

大家在看