共计 1151 个字符，预计需要花费 3 分钟才能阅读完成。
事先声明，这不是广告。就是一个简约的 ps 教程，适合练手，制作其它图标也是类似的思路。融会贯通，您可以将任何物体扁平化成小巧可爱的图标：）
psd 源文件
1. 创建新文件，大小 1200×1600 px，油漆桶上色，#20ade1，分辨率 72px
2. 选择圆角矩形工具，勾选”对齐边缘”
宽度：680px
高度：1350px
半径：70px
3.ctrl/cmd a 全选，然后水平居中，垂直居中，然后 ctrl/cmd d 取消选择
4. 双击形状图层缩略图，颜色改为 #d6d6d6 重命名为”外部轮廓”
5. 继续圆角矩形工具，勾选”对齐边缘”
宽度：670px
高度：1340px
半径 70 px
颜色设为 #ffffff，然后水平居中，垂直居中。
当然，如果你用的是 cc，完全可以复制一份图层，然后使用实时形状属性进行修改，如下图。
现在，上下左右各有 5px 的空间了
6. 使用矩形工具
宽度：670px
高度：1150px
颜色 #2d2d2d
水平居中并垂直居中，命名为屏幕 1
7. 使用矩形工具
宽度：640px
高度：1035px
颜色 #646464
栅格化图层，shift 向上箭头 3 次，命名为屏幕 2
8. 扬声器部分，使用椭圆工具。
宽度:5px
高度:5px
颜色 #000000
栅格化图层，复制，按向上键移动 8 次，让两个黑点间距离为 3px，然后打造出 4 个黑点，合并图层。
我们共需要 48 栏 x 4 个黑点，大家可自行合并
我的方案是 1 -2-4-8-16，然后复制了 3 个 16 栏，调整后合并。
复制完了水平居中，然后用方向键调节位置，让扬声孔贴紧屏幕。然后 shift 向上键 2 次
9. 摄像头部分
椭圆工具
45×45 颜色 #222222
27×27 颜色 #333333
19×19 颜色 #515151
9×9 颜色 #6d6d6d
选择四个图层，然后水平居中，垂直居中，ctrl g 编组，命名为”摄像头”
视图 > 显示 > 智能参考线
然后让摄像头和扬声器圆点垂直中心对齐，让摄像头紧挨圆点，然后 shift 向右键 4 次
10. 扬声器左边加两个圆，尺寸 16x 16, 扬声器和圆之间距离 25px，两圆之间距离 10px
11.shift alt 拖移扬声器图层，贴紧屏幕下边缘，shift 向下键两次
12. 最后，我们需要添加图标，左边的图标使用直线工具，粗细 3px, 随便画一条，然后自由变换，长度 18，宽度 18,ctrl j 复制图层，然后水平翻转，调整位置，让两个直线形状图层拼成向左箭头，然后合并图层。
颜色设为 #c9c9c9，利用只能参考线让箭头图层和扬声器图层左边缘对齐
垂直对齐，用矩形选框选取下图的位置，然后选择垂直居中对齐就可以了。命名为左图标
右图标，直线工具，3px，下边宽度 20px，左右边高度 12px，然后用直线工具画出两条正方形对角线交合。对齐什么的参考上一步即可。命名为右图标
完工!
原文地址：