Photoshop绘制蓝色立体效果的软件图标

文章来源于站酷，感谢作者烧饼蜀黍给我们带来经精彩的文章！

设计教程/PS教程/设计教程2013-07-12

图片虽然简单，不过制作起来并不容易。图标边缘有金属边框，中间为水晶效果，顶部还有图形。每一部分都要求做到非常细致，这样整体效果才更精致。

最终效果

1、首先，新建一个512×512的画布，设置如下。

Photoshop绘制蓝色立体效果的软件图标

2、设置参考线，上下左右各留出20px的边距，也就是说，这个图标的实际大小是472×472。

Photoshop绘制蓝色立体效果的软件图标

3、紧贴参考线，用形状工具画一个正圆，颜色随便，大小应该是472×472，给此图层起名叫“outside”。

Photoshop绘制蓝色立体效果的软件图标

4、设置此图层的图层样式，如下图。

Photoshop绘制蓝色立体效果的软件图标

5、用圆形形状工具创建一个452×452的圆，起名为middle，与outside圆水平垂直居中对齐，也就是说，这个圆比外圈的圆半径小了20像素。

Photoshop绘制蓝色立体效果的软件图标

6、设置middle的图层样式如下。

Photoshop绘制蓝色立体效果的软件图标

情非得已