開關(guān)圖標(biāo),設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)(4)
來源:PdadianS
作者:P大點S
學(xué)習(xí):25935人次
接下來,用橢圓工具畫出中間的小圓,添加圖層樣式。
添加我們的LOGO,同時添加一個圖層樣式,黑色內(nèi)陰影,白色投影。
下面,我們畫刻度。畫個矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想這個不用解釋吧),依照我們的設(shè)定,刻度應(yīng)該位于旋紐的下層,因為我們給旋紐設(shè)置了投影,而陰影也應(yīng)該對刻度起作用,所以我將刻度置于旋紐投影的下層,刻度顏色為#cececf,添加一個跟剛才我們給LOGO設(shè)置的圖層樣式一樣的樣式,黑色的內(nèi)陰影,白色的投影,透明度自己把握下,我們的效果如下:
用橢圓工具畫一個小圓,做旋紐的指示位置的標(biāo)記。顏色隨大家喜歡了,我自己用的顏色是#77e4ff,同樣的添加一個黑色的內(nèi)陰影,白色的投影。
接下來,添加文字,這個沒什么好說的,我的建議是一個文字一層,因為受旋紐陰影的影響,在陰影位置的文字,它看起來,相應(yīng)的應(yīng)該深一些,比如圖中的MIN、0、1應(yīng)該比其它的深一些。
我們的最終效果:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 開關(guān)按鈕
- P大點S
- ps網(wǎng)頁設(shè)計
- 開關(guān)圖標(biāo)
- UI教程
學(xué)習(xí) · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論

杰尼安2017-07-30 01:56
作業(yè)!��!我的作業(yè):

回復(fù)












何夜秋來2016-10-23 04:16
選擇一個按鈕選區(qū),復(fù)制圖層,填充為黑色,取消選區(qū),在點新的這個選區(qū),然后動感模糊,在弄一個蒙版,把右上方的用選區(qū)填充為黑色,然后調(diào)節(jié)投影的透明度就好啦


何夜秋來2016-10-23 04:10
選擇一個按鈕選區(qū),復(fù)制圖層,填充為黑色,取消選區(qū),在點新的這個選區(qū),然后動感模糊,在弄一個蒙版,把右上方的用選區(qū)填充為黑色,然后調(diào)節(jié)投影的透明度就好啦請問一下~~那個~長投影是怎么做出來的��???我不會用蒙版做 鍏斿瓙 的原帖:![]()
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計,用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計,用PS快速制作一個心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
推薦教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!