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

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

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

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

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

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

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

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

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

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

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