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

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

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

纹理图案

第三步:图标底部
绘制一个512*512px,圆角为60px的矢量圆角矩形,然后改变其属性和做图层样式。
改变属性为渐变矢量:

渐变设置:

图层样式设置:



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





第五步:材质应用在图标上
点击木质图层鼠标右键>创建剪贴蒙版

第六步:制作内凹槽描边
绘制一个476*476px,圆角58px的矢量圆角矩形;图层样式>描边。


第七步:制作凹槽真实效果
绘制一个476*476px,圆角58px的矢量圆角矩形;和所有图居中对齐,图层样式>内阴影>外发光>内发光>描边>阴影。





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

源文地址:http://milaky.blog.163.com/blog/static/1881774232011521101413507/
作者:@milaky
TIGER临摹了一个
提供PSD源文件下载

=========================关于起航学习网=========================
qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!
起航学习网:qh.itpxw.cn 海量APP截图,让你灵感爆发!


转载请注明:起航学习网 » PS教程:快速制作木质图标外框(附带PSD源文件)
文章出自:http://qh.itpxw.cn/peixun/ui/201612916.html
文章标题:PS教程:快速制作木质图标外框(附带PSD源文件)
免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉