快速制做了个木质图标外框样式,方法很简单撒~@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
================关于优设网================
“优设网uisdc.com”是一个分享网页设计、无线端设计以及PS教程的干货网站。
特色推荐:
设计讲座:定期邀请国内互联网公司的设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:我们拥有粉丝量25万的人气微博@优秀网页设计 ,欢迎大家关注及时获取设计资源。
设计导航:史上最赞最全面的设计师网址导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您还可以扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
MG动画设计与制作
已累计诞生 653 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓