進度條,設(shè)計一個彩色進度條

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

用直接選擇工具,選擇住這旋轉(zhuǎn)后的矩形,CTRL+T,把X軸的水平位置增加35像素。如我下圖中的截圖,原來的位置是80像素,更改為115像素。

進度條,設(shè)計一個彩色進度條

用直接選擇工具選擇住這個矩形,CTRL+ALT+SHIFT+T,瘋狂復(fù)制,友情提示,用直接選擇工具選擇住,再次變換的時候,就不會生成新圖層,因為我們只想要得到一個圖層而已,現(xiàn)在,我們得到如下效果。

進度條,設(shè)計一個彩色進度條

我將這一堆的條紋取名為漸變,將其下移到白色圓角矩形的位置,創(chuàng)建一個剪貼蒙版,并設(shè)置個圖層樣式。

進度條,設(shè)計一個彩色進度條

這里的這個漸變參數(shù)隨自己喜歡,你想讓進度條的漸變是什么顏色,就設(shè)置什么顏色。

進度條,設(shè)計一個彩色進度條

下面,我們回到那個白色的圓角矩形,設(shè)置一個圖層樣式。

進度條,設(shè)計一個彩色進度條

進度條,設(shè)計一個彩色進度條

進度條,設(shè)計一個彩色進度條

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

進度條,設(shè)計一個彩色進度條