進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

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

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

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

用直接選擇工具選擇住這個(gè)矩形,CTRL+ALT+SHIFT+T,瘋狂復(fù)制,友情提示,用直接選擇工具選擇住,再次變換的時(shí)候,就不會(huì)生成新圖層,因?yàn)槲覀冎幌胍玫揭粋€(gè)圖層而已,現(xiàn)在,我們得到如下效果。

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

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

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

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

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

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

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

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

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條