進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程(3)

來源：貼吧 作者：P大點(diǎn)S 學(xué)習(xí)：17218人次

現(xiàn)在輪廓外形已基本呈現(xiàn)，但是質(zhì)感略嫌不足，我們來改進(jìn)一下。復(fù)制一層“外形”圖層，將其更改名為“輪廓投影”，并將其置于“外形”圖層下層，清除其圖層樣式，將填充更改為0，重新設(shè)置一個(gè)圖層樣式，設(shè)置如下：

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

現(xiàn)在我們得到如下效果。

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

用圓角矩形工具畫一個(gè)500*30像素的圓角矩形。

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

為這個(gè)白色的圓角矩形設(shè)置一個(gè)圖層樣式。

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

現(xiàn)在我們得到如下效果：

進(jìn)度條，設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程_theoat.com.cn

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
misaki2332019-06-20 11:49
你這個(gè)外形那一層的斜面等高線范圍應(yīng)該設(shè)置為0
qzu664972019-02-27 07:09
喜歡
妮2019-02-19 09:57
進(jìn)度條我的作業(yè)：
妮2019-02-18 06:22
進(jìn)度條我的作業(yè)：

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

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