開關圖標,設計一個調節(jié)開關圖標(4)

來源:PdadianS 作者:P大點S 學習:25935人次

 

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

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn

 

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn

 

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

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn

 

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn

 

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

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

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

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

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

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

我們的最終效果:

 

開關圖標,設計一個調節(jié)開關圖標_m.tgudhdp.cn
<點圖片看大圖>

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
杰尼安2017-07-30 01:56
作業(yè)。!我的作業(yè):
荊州才子2017-04-05 05:42
交作業(yè)
荊州才子2017-04-05 05:04
交作業(yè)
photoshop2017-01-20 02:36
這個做的好呀
photoshop2017-01-20 02:01
我要成為高級UI設計師。!鑲栫惔 的原帖:這個做的好呀
肖琴2017-01-19 04:51
我的那個點原來做的太小了
肖琴2017-01-19 04:50
我要成為高級UI設計師。!
肖琴2017-01-19 03:42
圖片是怎么上傳上去的呢
肖琴2017-01-19 04:01
我要成為高級UI設計師!。鑲栫惔 的原帖:我的那個點原來做的太小了
肖琴2017-01-19 04:01
我要成為高級UI設計師。!
肖琴2017-01-19 03:01
圖片是怎么上傳上去的呢
何夜秋來2016-10-23 05:14
不錯不錯,我是小白,啥都不會,第一次做這個
何夜秋來2016-10-23 04:16
選擇一個按鈕選區(qū),復制圖層,填充為黑色,取消選區(qū),在點新的這個選區(qū),然后動感模糊,在弄一個蒙版,把右上方的用選區(qū)填充為黑色,然后調節(jié)投影的透明度就好啦
何夜秋來2016-10-23 05:10
不錯不錯,我是小白,啥都不會,第一次做這個
何夜秋來2016-10-23 04:10
請問一下~~那個~長投影是怎么做出來的???我不會用蒙版做 鍏斿瓙 的原帖:選擇一個按鈕選區(qū),復制圖層,填充為黑色,取消選區(qū),在點新的這個選區(qū),然后動感模糊,在弄一個蒙版,把右上方的用選區(qū)填充為黑色,然后調節(jié)投影的透明度就好啦

關注大神微博加入>>

網(wǎng)友求助,請回答!