開關圖標,設計一個調(diào)節(jié)開關圖標

2022-12-26 11:10:58 來源/作者: / 己有:17人學習過

 

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

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>

 

 

開關圖標,設計一個調(diào)節(jié)開關圖標

 

 

開關圖標,設計一個調(diào)節(jié)開關圖標

 

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

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>

 

 

開關圖標,設計一個調(diào)節(jié)開關圖標

 

 

開關圖標,設計一個調(diào)節(jié)開關圖標

 

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

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>

 

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

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>

 

接下來,添加文字,這個沒什么好說的,我的建議是一個文字一層,因為受旋紐陰影的影響,在陰影位置的文字,它看起來,相應的應該深一些,比如圖中的MIN、0、1應該比其它的深一些。

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>

 

我們的最終效果:

 

開關圖標,設計一個調(diào)節(jié)開關圖標
<點圖片看大圖>