控件需要制作的部分較少：有底座、面板、控鍵等幾部分。制作的時(shí)候只需要用路徑等工具做出各部分的形狀，然后用圖層樣式加上質(zhì)感和顏色即可。

最終效果

新建一個(gè)256* 256像素文件，分辨率為300，如下圖。

1、使用圓角矩形工具，設(shè)置半徑值為60像素，按住Shift鍵繪制帶有圓角的正方形，如下圖。

2、為底層添加漸變樣式，得到的效果如下圖。

3、按Ctrl+ J 復(fù)制底層得到副本，按Ctrl + T 對(duì)底部副本進(jìn)行調(diào)整大小，并更改漸變方向，效果如下圖。

4、繼續(xù)按Ctrl+ J 復(fù)制底層副本，得到副本2。并按Ctrl + T 進(jìn)行變換處理，并為其更改漸變樣式，如下圖。

5、繼續(xù)使用圓角矩形工具繪制，并為其添加圖層樣式，以制作類似下圖所示的效果。

6、用同樣的方法去復(fù)制，我們只需調(diào)整大小即可。再為其修改漸變樣式，制作出如下圖中的效果即可。顏色可以隨自己喜好更改。

7、使用橢圓工具按住Shift鍵繪制正圓，并為其添加圖層樣式，制作金屬按鈕，效果如下圖。

8、現(xiàn)在我們只需要對(duì)其進(jìn)行復(fù)制并調(diào)整位置即可。

最終效果：