Photoshop設計清爽風格的黑色網頁按鈕

本教程主要用Photoshop制作漂亮的黑色按鈕效果,此類效果廣泛運用在網頁美工設計中,本文讓我們一起來學習網頁按鈕的技巧,練習的過程中自由發揮,多改變下參數的設置,你會得到更多意想不到的效果哈.

　　效果圖：

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

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

　　3：給矩形層添加圖層樣式(內發光)，參數如圖：

　　4：繼續添加圖層樣式(漸變疊加)這里看看漸變條的設置：

　　5：漸變疊加的參數：

　　6：繼續添加圖層樣式(描邊)，參數如圖：

　　7：得到的效果如圖：

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

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

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

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

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

　　13：漸變疊加參數：

　　14：繼續添加圖層樣式(描邊)：

　　15：效果如圖：

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

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

　　18：繼續添加圖層樣式(內陰影)：

　　19：繼續添加圖層樣式(內發光)：

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

　　21：效果如圖：

　　22：放大圖層，新建一層，還橢圓工具畫出選區，并填充白色：

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

　　24：效果如圖：

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

　　26：在復制4個組，排序并命名好：

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

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