玻璃按鈕的暗部非常少，重點(diǎn)是高光部分的渲染，可以先用圖層樣式做出內(nèi)側(cè)邊緣高光及底部的投影;再用手繪的方法加上頂部的高光;其它部分可以加上一些環(huán)境光或倒影等即可。下面由學(xué)習(xí)啦小編為大家整理的ps玻璃按鈕教程，希望大家喜歡!

　　ps玻璃按鈕教程

　　1、新建一個(gè)畫布(我的是1000*1000px，新手可以效仿)，背景顏色(個(gè)人喜好，我的背景是圖片模糊處理過的，我會(huì)在專門發(fā)一篇關(guān)于背景的，這次先添加顏色就好)

　　新建一個(gè)你認(rèn)為合適的導(dǎo)航，我這里是圓角為17px / 600*80px 的圓角矩形。

　　2、首先填充為( 0 )，內(nèi)發(fā)光(顏色：#ffffff - 效果：疊加 - 不透明度90% - 大小12px )其余不用設(shè)置。很棒!感覺來了有木有。

　　內(nèi)陰影 (顏色：#e5e5e5 - 效果：疊加 - 不透明度45% - 距離1px 其余為0 全局光全為90度)。

　　接下來是投影：

　　顏色：#4c4c4c 效果：疊加 不透明度：50% 距離：2px 大小：3px 擴(kuò)展：0。

　　3、這里畫一個(gè)橢圓 (做高光用)。

　　4、蒙版羽化16.8px。

　　5、效果：疊加 不透明度35% 剪切蒙版 看一下效果。

　　6、橢圓并未顯示，因?yàn)檫@個(gè)：

　　我們把橢圓要剪切進(jìn)去的圓角矩形(是被剪切的圓角矩形哦!) ，將內(nèi)部效果混合成組勾上，將剪貼圖層混合成組取消勾選。看一下效果：

　　7、我們回到這步。

　　8、橢圓的羽化調(diào)好后，右鍵 - 柵格化圖層。

　　9、然后點(diǎn)擊圓角矩形，調(diào)出選區(qū)(調(diào)選區(qū)不用教了吧! ctrl+鼠標(biāo)左鍵 點(diǎn)擊)，然后ctrl+shift+I 反選再點(diǎn)擊橢圓圖層按Delete，看下效果吧。

　　10、然后 ctrl+d 取消選區(qū)，效果：疊加，不透明度：35%，效果如下。

　　11、再次畫一個(gè)橢圓。

　　12、做法同上一個(gè)橢圓，自己回想一下蒙版羽化：3px - 柵格化 - 調(diào)選區(qū) - 反選 - 刪除 - 效果：疊加 - 不透明度15%。然后呢給這個(gè)橢圓加一個(gè)蒙版。

　　13、還是畫橢圓，這次是在下方哦。

　　14、蒙版羽化 18px左右，效果還是疊加，不透明度15%，效果如下。

　　加上文字，效果如下圖。

　　最終效果：