按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

2022-12-26 11:06:59 來源/作者: / 己有:13人學(xué)習(xí)過

今天的教程是教大家設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo),圖標(biāo)的質(zhì)感主要還是運(yùn)用圖層樣式來制作,教程里還多次運(yùn)用到布爾運(yùn)算,知識點(diǎn)比較多,推薦大家學(xué)習(xí)一下。
先看看效果:
按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

我們從背景的創(chuàng)建開始,我用的尺寸是1000*800像素。創(chuàng)建一個(gè)“漸變填充”調(diào)整層,設(shè)置如下:

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

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

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程

設(shè)置前景色為#312f35,利用布爾運(yùn)算,畫出下圖中的這個(gè)圓環(huán)。這個(gè)不多贅述,不懂的可以百度下。

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測儀按鈕圖標(biāo)教程