UI设计教程 古典留声机UI图标教程

今天给大家分享一个UI设计教程 古典留声机UI图标教程，效果非常的不错，接下来就给大家分享一下：

最终效果

1、新建一个256* 256像素的文档，参数设置如下图。

2、把背景填充颜色：#726f8e。

3、由于画图标为了方便随时调整，所以图层会分的很多，所以层组管理很重要，如果随意放置图层，日后上百个图层找起来非常麻烦。

所以从开始就养成良好的层组命名习惯。要做到看到图形心里基本有数在哪个组里。新建一个组命名为“Main”，并在这个组内新建一个图层，开始勾勒留声机的基本形状。鼠标点击工笔工具。

4、用钢笔工具勾勒如下图路径，在图层面板下点击如图所示图标，选择出色，颜色可以随意选，我一般选择黑色，填充一个图层蒙版。

5、得到一下一个图层蒙版的形状，然后分别用以上方法勾勒出其他2个面的图层蒙版形状。为了大家看的清楚我将其他2个面分别使用了不同的颜色。