Photoshop制作精细的格子纹理小图标

PS梦工场   发布时间:2013-08-29 10:55:57   作者:南辰   我要评论
效果图由底纹、环形小框及文字三部分构成,基本上用图层样式就可以完成。底纹部分稍微复杂一点,需要用滤镜等来制作纹理

15、然后为其添加图层样式。

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

16、利用椭圆工具在icon中心再次创建一个较小的正圆形。

Photoshop制作精细的格子纹理小图标
 
17、为其添加图层样式。

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

18、下面我们来添加文字。

Photoshop制作精细的格子纹理小图标
 
19、然后为文字添加图层样式。

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

20、把第4步创建的圆角矩形图层按住Alt键向上拖动复制一份,把填充调为0,这样我们就可以不受这个图层本身颜色的控制了,而可以对图层样式进行调整。

Photoshop制作精细的格子纹理小图标

21、给它添加图层样式。

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标

Photoshop制作精细的格子纹理小图标
 
22、双击图层,打开图层样式面板。在混合选项中,将“图层蒙版隐藏效果”勾选上。

Photoshop制作精细的格子纹理小图标

23、然后为图层添加蒙版,用黑色画笔将细节擦出来。

Photoshop制作精细的格子纹理小图标

最后添加上倒影,完成最终效果。

Photoshop制作精细的格子纹理小图标

相关文章

最新评论