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

PS教程:快速制作木质图标外框

第一步:

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

PS教程:快速制作木质图标外框

第二步:

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

PS教程:快速制作木质图标外框

纹理图案

PS教程:快速制作木质图标外框

第三步:图标底部

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

改变属性为渐变矢量:

PS教程:快速制作木质图标外框

渐变设置:

PS教程:快速制作木质图标外框

图层样式设置:

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框 PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

第四步:制作木材质

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

PS教程:快速制作木质图标外框PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

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

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

PS教程:快速制作木质图标外框

第六步:制作内凹槽描边

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

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

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

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

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

PS教程:快速制作木质图标外框

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

PS教程:快速制作木质图标外框

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

================关于优设网================
“优设网uisdc.com”是一个分享网页设计、无线端设计以及PS教程的干货网站。

特色推荐:
设计讲座:定期邀请国内互联网公司的设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:我们拥有粉丝量25万的人气微博@优秀网页设计 ,欢迎大家关注及时获取设计资源。
设计导航:史上最赞最全面的设计师网址导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您还可以扫描下方二维码快速添加:

PS教程:快速制作木质图标外框

收藏 3
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。