本例為Photoshop網(wǎng)頁(yè)設(shè)計(jì)實(shí)例教程，主要學(xué)習(xí)如何運(yùn)用PS制作簡(jiǎn)潔風(fēng)格黑色導(dǎo)航條按鈕，運(yùn)用的工具主要有圖層樣式、圖層混合模式以及漸變填充的運(yùn)用，制作過(guò)程比較簡(jiǎn)單，有興趣的朋友可以動(dòng)手試試哦~~

最終效果：

練習(xí)的過(guò)程中自由發(fā)揮，多改變下參數(shù)的設(shè)置，你會(huì)得到更多意想不到的效果哈！

1：新建一個(gè)600*600的文件

2：把背景層填充為灰色，在新建一層，畫一個(gè)矩形的選區(qū)，填充為黑色：

3：給矩形層添加圖層樣式(內(nèi)發(fā)光)，參數(shù)如圖：

4：繼續(xù)添加圖層樣式（漸變疊加）這里看看漸變條的設(shè)置：

5：漸變疊加的參數(shù)：

6：繼續(xù)添加圖層樣式（描邊），參數(shù)如圖：

7：得到的效果如圖：

8：在新建一層，按CTRL+剛剛的矩形層，載入選區(qū)，在新的圖層上面拉一個(gè)透明到白色的漸變：

9：把漸變層圖層模式改成柔光：

10：做到這里的效果如圖：

11：在新建一層，畫一個(gè)圓用白色填充，這里放大文件好操作些哈：

12：給圓層添加圖層樣式（漸變疊加），這里是漸變條的設(shè)置：

13：漸變疊加參數(shù)：

14：繼續(xù)添加圖層樣式（描邊）：

15：效果如圖：

16：放大圖層，新建一層，在畫如圖的一個(gè)圓并填充為白色：

17：給內(nèi)部的這個(gè)小圓添加圖層樣式（投影）：

18：繼續(xù)添加圖層樣式（內(nèi)陰影）：

19：繼續(xù)添加圖層樣式（內(nèi)發(fā)光）：

20：再繼續(xù)添加圖層樣式（漸變疊加）：

21：效果如圖：

22：放大圖層，新建一層，選擇橢圓工具畫出選區(qū)，并填充白色：

23：降低圖層的不透明度50%:

24：效果如圖：

25：把第一步到這里的這些圖層添加到一個(gè)新組呢：

26：在復(fù)制4個(gè)組，排序并命名好：

27：再進(jìn)每個(gè)組改變下漸變疊加的顏色：

28：加上文字層，得到最終效果：