按鈕教程,設計一個分貝檢測儀按鈕圖標教程

2022-12-26 11:06:59 來源/作者: / 己有:13人學習過

今天的教程是教大家設計一個分貝檢測儀按鈕圖標,圖標的質感主要還是運用圖層樣式來制作,教程里還多次運用到布爾運算,知識點比較多,推薦大家學習一下。
先看看效果:
按鈕教程,設計一個分貝檢測儀按鈕圖標教程

我們從背景的創建開始,我用的尺寸是1000*800像素。創建一個“漸變填充”調整層,設置如下:

按鈕教程,設計一個分貝檢測儀按鈕圖標教程

畫一個600*600像素的圓,設置填充為0,并添加一個斜面和浮雕。

按鈕教程,設計一個分貝檢測儀按鈕圖標教程

按鈕教程,設計一個分貝檢測儀按鈕圖標教程

按鈕教程,設計一個分貝檢測儀按鈕圖標教程

設置前景色為#312f35,利用布爾運算,畫出下圖中的這個圓環。這個不多贅述,不懂的可以百度下。

按鈕教程,設計一個分貝檢測儀按鈕圖標教程