控件需要制作的部分較少:有底座、面板、控鍵等幾部分。制作的時候只需要用路徑等工具做出各部分的形狀,然後用圖層樣式加上質感和顏色即可。
最終效果
新建一個256 * 256像素文件,分辨率為300,如下圖。
1、使用圓角矩形工具,設置半徑值為60像素,按住Shift鍵繪制帶有圓角的正方形,如下圖。
2、為底層添加漸變樣式,得到的效果如下圖。
3、按Ctrl + J 復制底層得到副本,按Ctrl + T 對底部副本進行調整大小,並更改漸變方向,效果如下圖。
4、繼續按Ctrl + J 復制底層副本,得到副本2。並按Ctrl + T 進行變換處理,並為其更改漸變樣式,如下圖。
5、繼續使用圓角矩形工具繪制,並為其添加圖層樣式,以制作類似下圖所示的效果。
6、用同樣的方法去復制,我們只需調整大小即可。再為其修改漸變樣式,制作出如下圖中的效果即可。顏色可以隨自己喜好更改。
7、使用橢圓工具按住Shift鍵繪制正圓,並為其添加圖層樣式,制作金屬按鈕,效果如下圖。
8、現在我們只需要對其進行復制並調整位置即可。
最終效果: