Heim > Web-Frontend > PS-Tutorial > photoshop利用滤镜及图层样式制作木纹图标

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

PHP中文网
Freigeben: 2016-06-01 14:31:30
Original
1298 Leute haben es durchsucht

木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成 木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成。
最终效果

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利用滤镜及图层样式制作木纹图标

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage