今天作者为大家分享的是PS绘制时尚大气的马赛克UI图标，效果非常好看，主要知识点是图层样式以及渐变的运用，感兴趣的朋友可以紧跟教程一起实操。

效果预览：

拉到教程最后可提取PSD文件

1、新建600*350PX白色背景画布，鼠标双击图层添加颜色叠加、渐变叠加以及内发光图层样式，颜色叠加里颜色为#262523，其它参数设置如图。

2、新建图层，用白色大号柔边画笔在画布中心点击出白色亮光，Ctrl+T将其拉宽压扁，将图层不透明度调整为30%，这里可以根据自己的感觉来调整。

3、选择圆角矩形形状工具，绘制一个230*230PX，半径为40PX，填充颜色为白色的图标。

4、选择矩形形状工具，在圆角矩形上方随意绘制一个比其尺寸大一些的形状，因为我们后面会将其转换为剪贴蒙版，鼠标双击为创建的形状图层添加角度渐变图层样式，参数设置如图，右键选择剪切蒙版，然后再右键，将其转换为智能对象。

5、执行滤镜-像素化-马赛克进行分块处理，单元格大小为40；Ctrl+J复制一层，右键同样转换为剪贴蒙版，然后执行滤镜-风格化-照亮边缘，参数设置如图，将其图层混合模式设置为线性减淡(添加)，图层不透明度设置为30%，此时每个格子间都被细线分割开了。

6、将上一步创建的图层Ctrl+J再次进行复制。将图层混合模式设置为减去，图层不透明度设置为20%。选择移动工具，按键盘上的方向键将其位置向下方与右方分别移动1像素，这样格子的间隔部分便形成了凹槽的效果。

7、选择椭圆形状工具绘制一个200*200PX的白色正圆，然后鼠标双击添加渐变叠加、内阴影以及投影图层样式，参数设置如图。

8、CTRL+J复制一层正圆图层，CTRL+T等比例缩放到85%，然后鼠标双击添加颜色叠加、内发光、内阴影以及描边图层样式，参数设置如图。

9、选择文字工具写上自己需要的字，鼠标双击添加渐变叠加、内阴影以及投影图层样式，参数设置如图。

10、CTRL+J复制一层圆角矩形图层，这个不需要剪切蒙版，填充调为0，这样我们就可以不受这个图层本身颜色的控制了，然后鼠标双击添加内发光、内阴影图层样式，参数设置如图。到此，作品已全部完成。