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

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

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

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

將其命名為“外形”，為其添加一個(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)教程

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

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