欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

photoshop利用滤镜及图层样式制作木纹图标

程序员文章站 2022-06-15 17:21:20
...
木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成 木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成。
最终效果

photoshop利用滤镜及图层样式制作木纹图标

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

photoshop利用滤镜及图层样式制作木纹图标

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

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

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

photoshop利用滤镜及图层样式制作木纹图标

4、渐变设置。

photoshop利用滤镜及图层样式制作木纹图标

5、图层样式设置。

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

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

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

7、点击木质图层鼠标右键>创建剪贴蒙版,混合模式改为“叠加”,填充改为:90%。

photoshop利用滤镜及图层样式制作木纹图标

8、绘制一个476*476px,圆角58px的矢量圆角矩形;图层样式>描边,确定后把填充改为:0%。

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

9、绘制一个476*476px,圆角58px的矢量圆角矩形;和所有图居中对齐,图层样式>内阴影>外发光>内发光>描边>阴影。确定后把填充改为:0%。

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

photoshop利用滤镜及图层样式制作木纹图标

最终效果:

photoshop利用滤镜及图层样式制作木纹图标