效果图为比较简单的图形图标,制作过程:先用路径或形状工具画出想要的图形,然后用图层样式等加上质感和纹理,顶部再添加一些小的文字或图形等即可。
最终效果

1、首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

2、先在画布上绘制一个圆角六边形,然后添加下图所示的图层样式。







4、新建一个3 * 3的画布,然后将画布放到最m.tulaoshi.com大,使用矩形工具绘制三个正方形,成倾斜45度角排放,隐藏背景层,然后再执行:编辑 定义图层,按住Ctrl + 凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度:34%。


6、大的光面是用选区填充的白色,然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可。

最终效果:
