当前位置:龙哥网 > 网络技术 > Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

longge5个月前 (12-17)网络技术81

本教程主要使用Photoshop绘制木纹质感的图标外框,比较快速制做了个木质图标外框样式,整体的方法不是很难,下面一起来学习吧。

先看看效果图

Photoshop绘制木纹质感的图标外框(ps木质画框)

第一步:

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

第二步:

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

纹理图案

Photoshop绘制木纹质感的图标外框(ps木质画框)

第三步:图标底部

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

渐变设置:

Photoshop绘制木纹质感的图标外框(ps木质画框)

图层样式设置:

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

第四步:制作木材质

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

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

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

第六步:制作内凹槽描边

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

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

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

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

Photoshop绘制木纹质感的图标外框(ps木质画框)

第七步:最终效果图完成啦

Photoshop绘制木纹质感的图标外框(ps木质画框)

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!