進度條,設計一個播放進度條圖標教程

2022-12-26 11:07:54 來源/作者: / 己有:26人學習過

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

進度條,設計一個播放進度條圖標教程

進度條,設計一個播放進度條圖標教程

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

進度條,設計一個播放進度條圖標教程

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

進度條,設計一個播放進度條圖標教程

為這個白色的圓角矩形設置一個圖層樣式。

進度條,設計一個播放進度條圖標教程

進度條,設計一個播放進度條圖標教程

進度條,設計一個播放進度條圖標教程

進度條,設計一個播放進度條圖標教程

進度條,設計一個播放進度條圖標教程

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

進度條,設計一個播放進度條圖標教程