今天给大家分享一个UI设计教程 古典留声机UI图标教程,效果非常的不错,接下来就给大家分享一下:
最终效果
1、新建一个256* 256像素的文档,参数设置如下图。
2、把背景填充颜色:#726f8e。
3、由于画图标为了方便随时调整,所以图层会分的很多,所以层组管理很重要,如果随意放置图层,日后上百个图层找起来非常麻烦。
所以从开始就养成良好的层组命名习惯。要做到看到图形心里基本有数在哪个组里。新建一个组命名为“Main”,并在这个组内新建一个图层,开始勾勒留声机的基本形状。鼠标点击工笔工具。
4、用钢笔工具勾勒如下图路径,在图层面板下点击如图所示图标,选择出色,颜色可以随意选,我一般选择黑色,填充一个图层蒙版。
5、得到一下一个图层蒙版的形状,然后分别用以上方法勾勒出其他2个面的图层蒙版形状。为了大家看的清楚我将其他2个面分别使用了不同的颜色。