Photoshop教程:設(shè)計簡潔風(fēng)格黑色網(wǎng)頁導(dǎo)航條按鈕

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

最終效果：

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

1：新建一個600*600的文件

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

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

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

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

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

7：得到的效果如圖：

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

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

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

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

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

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

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

15：效果如圖：

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

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

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

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

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

21：效果如圖：

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

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

24：效果如圖：

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

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

27：再進每個組改變下漸變疊加的顏色：

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