起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > PS教程:快速制作木质图标外框(附带PSD源文件)

PS教程:快速制作木质图标外框(附带PSD源文件)

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

  快捷搜索:做作业icon图标icon教程


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

前言: 快速制做了个木质图标外框样式,方法很简单撒~@milaky 在这说下制作的步骤。~^^~ ~喜欢的话可以打开PS一起来做吧

快速制做了个木质图标外框样式,方法很简单撒~@milaky 在这说下制作的步骤。~^^~
~喜欢的话可以打开PS一起来做吧~

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第一步:

建立一个900*700px的文件,绘制一个825*700矢量矩形,点击图层栏底部工具的“创建新的填充或图层调整”图标,将图黑色渐变。

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第二步:

给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑—定义图案,就能在图层样式里使用了。看以下图设置。最后将图层命名为“背景”。

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

纹理图案

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第三步:图标底部

绘制一个512*512px,圆角为60px的矢量圆角矩形,然后改变其属性和做图层样式。

改变属性为渐变矢量:

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

渐变设置:

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

图层样式设置:

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第四步:制作木材质

建立一个600*600px方形图层,填充黑色;滤镜>杂色>添加杂色;滤镜>模糊>动感模糊;Ctrl+B色彩平衡设置;Ctrl+L色阶设置。

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第五步:材质应用在图标上

点击木质图层鼠标右键>创建剪贴蒙版

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第六步:制作内凹槽描边

绘制一个476*476px,圆角58px的矢量圆角矩形;图层样式>描边。

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

第七步:制作凹槽真实效果

绘制一个476*476px,圆角58px的矢量圆角矩形;和所有图居中对齐,图层样式>内阴影>外发光>内发光>描边>阴影。

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

最终效果图完成啦~ 简单吧!

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

源文地址:http://milaky.blog.163.com/blog/static/1881774232011521101413507/
作者:@milaky

TIGER临摹了一个

提供PSD源文件下载

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn


=========================关于起航学习网=========================

qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

起航学习网:qh.itpxw.cn  海量APP截图,让你灵感爆发!

PS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cnPS教程:快速制作木质图标外框(附带PSD源文件)_qh.itpxw.cn

转载请注明:起航学习网 » PS教程:快速制作木质图标外框(附带PSD源文件)

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

文章标题:PS教程:快速制作木质图标外框(附带PSD源文件)



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


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

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