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

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

接下來,我們完善一下高光,復制這個藍色高光圖層,左移上移一定像素,更改形狀顏色為#e9e5fe,羽化不修改,圖層混合模式依舊為“柔光”,圖層不透明度更改為“56%”。

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

復制一個剛才那個“主體”圖層,移到最頂層,設置圖層填充為0,添加一個內陰影。

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

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

打上文字和添加那三個形狀,形狀圖標的話,利用布爾運算來畫。

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

最后,我們添加左側的那個按紐,設置前景色為#a09e9f,畫個圓,添加個圖層樣式。

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

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

最終效果:

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