開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
接下來,用橢圓工具畫出中間的小圓,添加圖層樣式。
<點(diǎn)圖片看大圖>
添加我們的LOGO,同時(shí)添加一個(gè)圖層樣式,黑色內(nèi)陰影,白色投影。
<點(diǎn)圖片看大圖>
下面,我們畫刻度。畫個(gè)矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想這個(gè)不用解釋吧),依照我們的設(shè)定,刻度應(yīng)該位于旋紐的下層,因?yàn)槲覀兘o旋紐設(shè)置了投影,而陰影也應(yīng)該對刻度起作用,所以我將刻度置于旋紐投影的下層,刻度顏色為#cececf,添加一個(gè)跟剛才我們給LOGO設(shè)置的圖層樣式一樣的樣式,黑色的內(nèi)陰影,白色的投影,透明度自己把握下,我們的效果如下:
<點(diǎn)圖片看大圖>
用橢圓工具畫一個(gè)小圓,做旋紐的指示位置的標(biāo)記。顏色隨大家喜歡了,我自己用的顏色是#77e4ff,同樣的添加一個(gè)黑色的內(nèi)陰影,白色的投影。
<點(diǎn)圖片看大圖>
接下來,添加文字,這個(gè)沒什么好說的,我的建議是一個(gè)文字一層,因?yàn)槭苄~陰影的影響,在陰影位置的文字,它看起來,相應(yīng)的應(yīng)該深一些,比如圖中的MIN、0、1應(yīng)該比其它的深一些。
<點(diǎn)圖片看大圖>
我們的最終效果:
<點(diǎn)圖片看大圖>
標(biāo)簽(TAG) UI設(shè)計(jì)教程 P大點(diǎn)S ps網(wǎng)頁設(shè)計(jì) 開關(guān)圖標(biāo) 開關(guān)按鈕 UI教程
上一篇:精致水晶圖標(biāo)按鈕
下一篇:美工教程,用PS做鞋子類商品主圖