Photoshop绘制木纹质感的图标外框

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

先看看效果图

wood_1.jpg

第一步:

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

wood_2.jpg

第二步:

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

wood_3.jpg

纹理图案

wood_4.jpg

第三步:图标底部

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

wood_5.jpg

渐变设置:

wood_6.jpg

图层样式设置:

wood_7.jpg

wood_8.jpg

wood_9.jpg

wood_10.jpg

第四步:制作木材质

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

wood_11.png

wood_12.png

wood_13.png

wood_14.png

wood_15.png

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

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

wood_16.jpg

第六步:制作内凹槽描边

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

wood_17.jpg

wood_18.jpg

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

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

wood_19.jpg

wood_20.jpg

wood_21.jpg

wood_22.jpg

wood_23.jpg

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

wood_24.jpg

关键词: photoshop