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

2022-12-26 11:07:54 來(lái)源/作者: / 己有:26人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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