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

最終效果

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

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

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

3、按Ctrl+ J 復制底層得到副本，按Ctrl + T 對底部副本進行調整大小，并更改漸變方向，效果如下圖。

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

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

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

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

8、現在我們只需要對其進行復制并調整位置即可。

最終效果：