> 웹 프론트엔드 > PS 튜토리얼 > photoshop利用滤镜及图层样式制作木纹图标

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

PHP中文网
풀어 주다: 2016-06-01 14:31:30
원래의
1295명이 탐색했습니다.

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿