Photoshop教程：制作Flash進(jìn)度條效果

導(dǎo)言：

這篇Photoshop教程將教大家怎么制作一個(gè)進(jìn)度條效果的圖片，步驟很簡單，大家可以運(yùn)用這樣的方法制作出更多更好的效果。

第一步

新建一個(gè)600X400px的畫布，把我們提供的紋理丟進(jìn)去。（圖01）

圖01

然后我們使用“圓角矩形工具”，設(shè)置半徑為10px，拉出一個(gè)長條矩形。（圖02）

圖02

第二步

現(xiàn)在我們來設(shè)置矩形的混合樣式，把它命名為：矩形1。然后雙擊圖層，設(shè)置如下：

內(nèi)發(fā)光：顏色就是默認(rèn)的黑色。（圖03）

圖03

圖案疊加：這個(gè)圖案需要加載“藝術(shù)表明”，默認(rèn)的里面有。（圖04）

圖04

描邊（圖05）

圖05

最完后應(yīng)該是這樣的效果。（圖06）

圖06

第三步

現(xiàn)在我們到“矩形1”，在里面畫一個(gè)小一點(diǎn)的矩形，命名為“矩形2”，然后雙擊設(shè)置混合樣式。（圖07）

圖07

外發(fā)光（圖08）

圖08

漸變疊加（圖09）

圖09

然后我們新建一個(gè)圖層，把它和“矩形2”同時(shí)選上，合并。這樣出來的圖層會是“圖層2”，然后我們把這個(gè)圖層復(fù)制一個(gè)，把老的隱藏掉。因?yàn)槲覀兒竺孢�要做效果。（圖10）

圖10

第四步

雙擊“圖層2”，混合樣式設(shè)置如下：

顏色疊加（圖11）

圖11

圖案疊加：上面我們?yōu)槟銣?zhǔn)備了，這里不制作了。（圖12）

圖12

做完后應(yīng)該是這樣的效果。（圖13）

圖13

第五步

接下來我們用矩形工具，畫兩根短線條。顏色分別是黑色和白色，這是在網(wǎng)頁設(shè)計(jì)中制作導(dǎo)航條時(shí)常見的方式，然后設(shè)置他們的混合樣式。（圖14）

圖14

制作好后將它復(fù)制幾個(gè)，依次擺好，然后移動到進(jìn)度條中。（圖15）

圖15

好了，我們第一個(gè)已經(jīng)完成了，你覺得怎么樣？下面是我們將這種效果的延伸，只需要幾步就可以完成。

延伸效果：

在“矩形1”繪制一個(gè)矩形，比上面的要短一點(diǎn)。然后按照上面的方法制作出下面的效果。

漸變疊加（圖16）

圖16

圖案疊加（圖17）

圖17

完成后應(yīng)該是這樣的效果。（圖18）

圖18

然后我們在上面添加一些文字說明，最終效果圖。（圖19）

圖19