起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 绘制一枚日历图标【PS教程】

绘制一枚日历图标【PS教程】

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:教程photoshopPS教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 新手福利来啦!今天给大家带了一个简化版的日历教程。之前超精致的日历写实图标,对新手可能有点难度,今天

新手福利来啦!今天给大家带了一个简化版的日历教程。之前超精致的日历写实图标,对新手可能有点难度,今天@P大点S微博 来个简化版的教程,重点就是图层样式,过程细致,步骤具体,新手最好掌握起来。把这个练完,绝对有不一样的收获!

最终效果图:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

还有内阴影,颜色叠加、

颜色数值如图所示:

绘制一枚日历图标【PS教程】_qh.itpxw.cn绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

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

绘制一枚日历图标【PS教程】_qh.itpxw.cn

内阴影。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

内发光

绘制一枚日历图标【PS教程】_qh.itpxw.cn

渐变叠加

绘制一枚日历图标【PS教程】_qh.itpxw.cn

外发光

绘制一枚日历图标【PS教程】_qh.itpxw.cn

现在的效果如图所示:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

新建一个圆角矩形,填充白色,调整好参数和位置:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

双击图层样式添加投影

绘制一枚日历图标【PS教程】_qh.itpxw.cn

新建一层文字层,打上数字,颜色为黑色,调整好位置和大小。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

复制下方的圆角矩形到最顶层,Ctrl+t调整大小,填充白色,我加了个灰色是便于大家观看。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

并把透明度调整为12%,然后选中三个图层Ctrl+g组合起来。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

复制整个组到右边,调整好位置,如图:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

Ctrl+J复制右边日历下方的白色层,把图层移动到顶部,Ctrl+t调整好大小及位置,然后再Ctrl+t右键选择透视,选中左上角的点按住shift键向左拖动,效果如图

绘制一枚日历图标【PS教程】_qh.itpxw.cn

双击图层添加图层样式

绘制一枚日历图标【PS教程】_qh.itpxw.cn绘制一枚日历图标【PS教程】_qh.itpxw.cn绘制一枚日历图标【PS教程】_qh.itpxw.cn

复制一层,右键图层选择清除图层样式,Ctrl+t右键选择垂直翻转,调整好位置:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

Ctrl键加左键单机图层缩略图,执行选择-修改-羽化,数值为10

绘制一枚日历图标【PS教程】_qh.itpxw.cn

新建一层空白层,填充黑色,Ctrl+d取消选区,并且把刚才的的图层隐藏掉。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

选择滤镜-模糊-高斯模糊。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

往上移动一段距离,然后把填充透明度和图层透明度调整下。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

复制文字图层,Ctrl+shift+] 把图层移动到顶层。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

右键图层,选择栅格化选区,然后用矩形选框工具删除下面部分。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

Ctrl+d取消选择。Ctrl+t调整好大小,然后右键选择透视,调整一下透视。

绘制一枚日历图标【PS教程】_qh.itpxw.cn

最终效果:

绘制一枚日历图标【PS教程】_qh.itpxw.cn

原文作者:P大点S微博

原文地址:优设

转载请注明:起航学习网 » 绘制一枚日历图标【PS教程】

文章出自:http://qh.itpxw.cn/peixun/ui/201615065.html

文章标题:绘制一枚日历图标【PS教程】



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------