開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)(3)

來源：PdadianS 作者：P大點S 學(xué)習(xí)：25935人次

 

載入圓角矩形的選區(qū)，在主體陰影下層新建一層，填充黑色，執(zhí)行一個動感模糊，配合蒙版，我們做了一個長投影，更改圖層混合模式為“正片疊底”，圖層不透明度為33%。

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn
<點圖片看大圖>

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

接下來，我們來做那個中框，這里需要注意的是圓角矩形的圓度需要對齊一下，不然看上去很難看。將圖層的填充修改為0，添加一個圖層樣式。

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn
<點圖片看大圖>

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

用橢圓工具畫出旋紐的主體來，添加圖層樣式。

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn
<點圖片看大圖>

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

跟剛才給圓角矩形做陰影一樣，復(fù)制一層，移到下層，將圖層填充修改為0，添加一個投影圖層樣式。

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn
<點圖片看大圖>

 

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn

 

同樣的，跟剛才一樣，利用動感模糊做個長投影，適當(dāng)調(diào)整不透明度。

 

開關(guān)圖標(biāo)，設(shè)計一個調(diào)節(jié)開關(guān)圖標(biāo)_m.theoat.com.cn
<點圖片看大圖>

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

網(wǎng)友求助，請回答！