图标看上去有点复杂,不过作者在绘制的时候把每一层都分解出来了。我们只需要按照作者的图示,并控制好各部分的比例,就可以很快做出来。
最终效果
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054429.jpg)
1、新建400 * 300像素的文件,使用矢量工具拉出一个如下图的圆角方形,并且加上渐变效果。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054493.jpg)
2、(m.tulaoshi.com)给图标底座增加厚度和光源,我使用了2种图层样式。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054471.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054440.jpg)
3、使用矢量工具拉出一个如下图的圆形,加上渐变效果,与上图合起来。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054499.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054473.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054477.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054491.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054426.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054444.jpg)
5、a-g按住由下往上的顺序排列得到下图,并与底座合并。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054465.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054405.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054586.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054545.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054563.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054521.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054585.jpg)
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054552.jpg)
7、a-f按照由下往上的顺序排列得到下图,并与底座合并。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054538.jpg)
最终效果:
![](http://www.poluoluo.com/jzxy/UploadFiles_333/201405/2014050820054429.jpg)