当前位置:首页>设计文章>UI文章>PS教程:快速制作木质图标外框

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

快速制做了个木质图标外框样式,方法很简单撒~@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教程:快速制作木质图标外框

1、CNBE.CC所有文章,如无特殊说明或标注,均为本站作者原创发布。
2、任何个人或组织,在未征得作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
3、如若此作者内容侵犯了原著者的合法权益,可联系客服提交工单进行处理。
4、CNBE.CC内用户所发表的所有内容及言论仅代表其本人,并不反映任何CNBE.CC之意见及观点。
!
你也想出现在这里? 立即联系
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索