開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

2022-12-26 11:10:58 來源/作者: / 己有:17人學(xué)習(xí)過

 

接下來,用橢圓工具畫出中間的小圓,添加圖層樣式。

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

添加我們的LOGO,同時(shí)添加一個(gè)圖層樣式,黑色內(nèi)陰影,白色投影。

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

下面,我們畫刻度。畫個(gè)矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想這個(gè)不用解釋吧),依照我們的設(shè)定,刻度應(yīng)該位于旋紐的下層,因?yàn)槲覀兘o旋紐設(shè)置了投影,而陰影也應(yīng)該對刻度起作用,所以我將刻度置于旋紐投影的下層,刻度顏色為#cececf,添加一個(gè)跟剛才我們給LOGO設(shè)置的圖層樣式一樣的樣式,黑色的內(nèi)陰影,白色的投影,透明度自己把握下,我們的效果如下:

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

用橢圓工具畫一個(gè)小圓,做旋紐的指示位置的標(biāo)記。顏色隨大家喜歡了,我自己用的顏色是#77e4ff,同樣的添加一個(gè)黑色的內(nèi)陰影,白色的投影。

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

接下來,添加文字,這個(gè)沒什么好說的,我的建議是一個(gè)文字一層,因?yàn)槭苄~陰影的影響,在陰影位置的文字,它看起來,相應(yīng)的應(yīng)該深一些,比如圖中的MIN、0、1應(yīng)該比其它的深一些。

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

我們的最終效果:

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>