Photoshop制作精细格子纹理小图标(2)

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:PS梦工场   作者:南辰

关键词





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



17、为其添加图层样式。







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



19、然后为文字添加图层样式。





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



21、给它添加图层样式。





22、双击图层,打开图层样式面板。在混合选项中,将“图层蒙版隐藏效果”勾选上。



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



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


 

 收藏