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

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

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

進(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)教程

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

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

最后,我又添加了兩個(gè)按紐,沒什么好說的,只是加了點(diǎn)字,加了點(diǎn)外發(fā)光,有興趣的可以下載我們的PSD看看:https://img.lvups.com/d/file/bigpic/2022/12/26/xnqsklz21yb 密碼:UPJW。

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