效果圖看上去有點(diǎn)復(fù)雜，其實(shí)構(gòu)成非常簡(jiǎn)單，由金屬邊框及中間水晶部分構(gòu)成。制作之前可以先看一下作者的分解圖，然后由底部開始慢慢制作即可。
最終效果


1、制作之前先來拆分一下按鈕，大致由一下幾部分構(gòu)成。

2、新建大小適當(dāng)?shù)奈臋n，新建一個(gè)圖層，用橢圓選框工具拉一個(gè)正圓選區(qū)，填充黑色，如下圖。

3、給正圓添加圖層樣式，分別設(shè)置內(nèi)陰影、斜面與浮雕、漸變疊加，參數(shù)及效果如下圖。

4、接下來，我們開始做內(nèi)圈，還是用橢圓工具畫一個(gè)圓，比底盤稍微小一點(diǎn)。

5、添加圖層樣式，設(shè)置投影、內(nèi)陰影、斜面與浮雕、漸變疊加，參數(shù)及效果如下圖。

6、下面開始給內(nèi)圓添加細(xì)節(jié)，這是最初效果的步驟：

新建圖層“光點(diǎn)”，用畫筆工具，用一個(gè)稍大的白色畫筆，在內(nèi)圓上點(diǎn)一下，改變圖層樣式為疊加模式，然后復(fù)制“光點(diǎn)”圖層2次。注意：為了防止光溢出，使用內(nèi)圓的選區(qū)做一個(gè)蒙版即可。

7、繼續(xù)添加光感：

新建圖層“內(nèi)圓”，用橢圓工具畫一個(gè)圓，用肩膀工具填充，并設(shè)置圖層混合模式為“疊加”，不透明度為：30%。

8、添加陰影效果，如下圖。

9、再次豐富細(xì)節(jié)：添加環(huán)境光和泛光，如下圖。

10、用鋼筆工具畫一個(gè)圓形的路徑，然后用字體工具點(diǎn)一下路徑，在路徑上打上需要的文字即可。

11、最后新建圖層，畫個(gè)圓形，高斯模糊，放在圖標(biāo)底部作為投影。

最后加上背景，完成最終效果。