制作ShopKick风格的水晶球图标

导言：

最近留意到一个非常好的应用，可惜国内无法使用，但对其UI设计非常欣赏，大大的水晶球非常抢眼。自己就做了一个，同时分享给大家。

第1步

新建一个画布，850px*500px左右就好，这个随意。并使用渐变工具拉一个渐变（#000000——#585858）。（图01）

图01

第2步

使用椭圆工具画一个正圆，并添加如下图层样式。（图02-05）

图02

图03 

图04

图05#p#e#

最后你应该获得这样的效果。（图06）

图06

第3步

新建一个图层，使用椭圆选择工具选取一个如下的椭圆形。（图07）

图07

第4步

使用白色透明渐变工具（线性渐变），拉出如下效果。椭圆底部如果过于生硬，可使用带虚边的橡皮擦轻轻擦出。（图08）

图08

第5步

新建一个图层，使用大小约200，硬度为0的圆形笔刷，在球体扁下的位置画出如下效果。（图09）

图09

第6步

透明度调整为90，使用叠加效果。得到如下效果。（图10）

图10#p#e#

第7步

绘制两个矩形，并使用滤镜->扭曲->球面化使其变形，最后通过调整大小以及旋转，放在合适的位置，并添加蒙版（使用线性的黑白渐变）使其出现渐隐效果。（图11-13）

图11

图12

图13

第8步

使用钢笔工具选取如下范围，并填充白色，透明度调整为50%。添加蒙版（使用线性的黑白渐变）让其出现渐隐效果。（图14-16）

图14

图15

图16#p#e#

第9步

绘制一个五角星，并添加如下图层样式，得到如下效果。（图17-20）

图17

图18

图19

图20

第10步

使用Myriad Pro（OT1）字体，使用Light Condensed效果输入文字，并添加如下图层样式。（图21）

图21

第11步

使用Myriad Pro（OT1）字体，使用Bold效果输入文字，并添加如下图层样式。（图22）

图22#p#e#

第12步

最后输入最下方的文字（字体和大小随意），50添加投影和浮雕图层样式，kickbucks添加内阴影图层样式。（图23-25）

图23

图24

图25

第13步

在背景层上新建一个图层，并填充#2a8000。（图26）

图26

第14步

新建一个图层，前景色为白色，背景色为黑色，使用滤镜->渲染->云彩，并调整图层混合样式为正片叠加。（图27）

图27

第15步

再滤镜->模糊->动感模糊，按如下设置。（图28）

图28#p#e#

第16步

最后将绿色图层和动感模糊后的云彩图层合并，为它添加一个蒙版（使用径向渐变），得到如下效果。（图29）

图29

第17步

新建一个图层，使用与球体大小相当的黑色0硬度笔刷，绘出如下效果，并使用自由变化工具压缩成为球体的一个阴影（不要忘记将此图层放在球体的下方）。（图30-32）

图30

图31

图32

第18步

最后添加一下自己喜欢的效果，就完成了。（图33）

图33