用Photoshop打造一枚质感Icon

导言：

这是来自国外网站的一个非原创教程，但是英语不好，所以就没去显摆翻译了，按照自己的“理解”重做了一次。

新建一个500*500px大小的画布，颜色#333，不要纯黑，深色就好。（图01）

图01

画个黑色的圆，不用多说了把，大小看自己喜欢。（图02）

图02

收缩10px。（图03）

图03

删除选区内容（貌似不是很圆，后来想了下，最好平滑1px）。（图04）

图04

颜色叠加#5d5d5d，模式正常。

图05#p#e#

好吧，我承认做质感浮雕是必不可少了，当然有的牛人自己画，我们还是老实点用样式吧。深度500%，大小22px（可以根据圆大小自行更改，达到好的效果），其他的值就不一点点说，自己仔细看，记得去掉全局光，光泽等高线也高调一下。（图06）

图06

内发光。（图07）

图07

立体感，投影是必须的。（图08）

图08

好了效果完成了。（图09）

图09

新建图层，画个黑色的圆，填充，相信大家都会。（图10）

图10#p#e#

收缩5px，填充一个颜色，为了明显，我填充了白色。（图11）

图11

好了，重点来了，白色的圆渐变，颜色#5e5e5e->#000000，90° ，缩放74%。（图12）

图12

为了那个浅色的线，好吧，又用浮雕。（图13）

图13

好了，效果初步完成。（图14）

图14

用椭圆形工具画个椭圆，然后用直接选择工具选择，弄成下面的形状。（图15）

图15#p#e#

渐变#a2a2a2->#444444，当然也会有点出入，根据你圆的位置做调整。（图16）

图16

主要是做到这个效果。（图17）

图17

好了，大体完成了，就差图标了，这个自己发挥。技术有限，我这里画了个很丑的菱形。（图18）

图18

渐变。（图19）

图19

又是浮雕。（图20）

图20#p#e#

投影。（图21）

图21

效果如下。（图22）

图22

好了，让我们处理一下背景吧。选择“滤镜->杂色->添加杂色”，高斯分布，数量5%，单色。（图23）

图23

选择“模糊->动感模糊”，距离20px，角度0。（图24）

图24

渐变，记得这里是径向，模式是正片叠底，值白色到黑色，透明度60%。（图25）

图25

好了，完成了。（图26）

图26