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

今天帶同學(xué)們來(lái)繪制一個(gè)金屬質(zhì)感的進(jìn)度條，重點(diǎn)依然是圖層樣式的練習(xí)，喜歡的跟著教程一起練習(xí)一下。做完記得交作業(yè)。

PSD參考文件：https://pan.baidu.com/s/1t2F5NL_Br6SO6mgBIQ3lsQ

最終效果：

新建文檔，這里我們用的依舊是800*800像素，我們?yōu)楸尘皥D層添加一個(gè)圖層樣式。

設(shè)置完圖層樣式，我們得到如下效果：

下面，我們?yōu)楸尘皥D層添加一個(gè)雜色。 執(zhí)行“濾鏡—雜色—添加雜色”，設(shè)置數(shù)量為“1%”，高斯分布，勾選單色。

執(zhí)行“濾鏡—濾鏡庫(kù)—畫(huà)筆描邊—噴濺”，設(shè)置噴色半徑為6，平滑度為5

現(xiàn)在，我們完成了背景的創(chuàng)建，效果如下。

下面，我們開(kāi)始進(jìn)度條的繪制。用圓角矩形工具，畫(huà)一個(gè)620*45像素的圓角矩形。

將其命名為“外形”，為其添加一個(gè)圖層樣式。

設(shè)置完圖層樣式，我們將得到如下效果。

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

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

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

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

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

下面，我們添加一個(gè)按紐，用橢圓工具畫(huà)一個(gè)60*60像素的圓。

為其添加一個(gè)圖層樣式。

到這里，進(jìn)度條就算搞定了。

最后，我又添加了兩個(gè)按紐，沒(méi)什么好說(shuō)的，只是加了點(diǎn)字，加了點(diǎn)外發(fā)光，有興趣的可以下載我們的PSD看看：http://vdisk.weibo.com/lc/2uZbBupjANLPR5E6Ql 密碼：UPJW。