本教程為網(wǎng)頁美工教程，主要用photoshop來制作白色的導(dǎo)航效果,這個(gè)效果比較類似于蘋果風(fēng)格下的網(wǎng)頁效果。

開始之前，這里強(qiáng)調(diào)下，教程是死的，人是活的，不一定要追求教程的效果，可以根據(jù)自己的喜歡作出自己的理想效果。

先看效果：

教程開始:

1：新建一個(gè)600*420，名字為“清潔的白色導(dǎo)航”。

2：設(shè)置前景色為“#2e2e2e”背景色為“#1c1c1c”，拉一個(gè)徑向漸變，如圖

3：新建一層并命名為"白色白條"，畫個(gè)矩形的選區(qū)用前景色為“#fafafa”背景色為“#c4c4c4”做個(gè)對(duì)稱漸變，如圖。

|||

4：給"白色白條"這層加圖層模式，先來外發(fā)光，參數(shù)如圖：

5：在來一個(gè)漸變疊加，注意漸變條的設(shè)置：

6：在看漸變疊加的參數(shù)：

7：描邊，參數(shù)如圖：

8：描邊后的效果如圖：

9：加入文字，這里文字可以根據(jù)自己的愛好來設(shè)置，我這里是這樣設(shè)置的：

|||

開始之前，這里強(qiáng)調(diào)下，教程是死的，人是活的，不一定要追求教程的效果，可以根據(jù)自己的喜歡作出自己的理想效果。

先看效果：

教程開始:

1：新建一個(gè)600*420，名字為“清潔的白色導(dǎo)航”。

2：設(shè)置前景色為“#2e2e2e”背景色為“#1c1c1c”，拉一個(gè)徑向漸變，如圖

3：新建一層并命名為"白色白條"，畫個(gè)矩形的選區(qū)用前景色為“#fafafa”背景色為“#c4c4c4”做個(gè)對(duì)稱漸變，如圖。

4：給"白色白條"這層加圖層模式，先來外發(fā)光，參數(shù)如圖：

|||

5：在來一個(gè)漸變疊加，注意漸變條的設(shè)置：

6：在看漸變疊加的參數(shù)：

7：描邊，參數(shù)如圖：

8：描邊后的效果如圖：

9：加入文字，這里文字可以根據(jù)自己的愛好來設(shè)置，我這里是這樣設(shè)置的：