當(dāng)前位置：首頁(yè)>ps實(shí)例教程>ps網(wǎng)頁(yè)設(shè)計(jì)>按鈕圖標(biāo)>教程內(nèi)容

用photoshop制作網(wǎng)頁(yè)半透明按鈕(4)

來(lái)源：作者：學(xué)習(xí)：1387人次

作者：佚名來(lái)源：windsn

昨天留言本上有網(wǎng)友留言，要求寫一個(gè)水晶按鈕的教程。昨晚想了想以前做過(guò)一個(gè)效果，就簡(jiǎn)單的寫了一下，今天發(fā)上來(lái)。

1. 新建一個(gè)文件。選擇一個(gè)前景色，用“圓角矩形工具”畫出一個(gè)150*70的按鈕主體形狀，得圖層“形狀1”。

2. 復(fù)制該圖層，得到圖層“形狀1 副本”，按 Ctrl+T 改變大小，將之收縮，如圖。

3. 在圖層“形狀1”上處理“圖層樣式”的“漸變疊加”，參數(shù)設(shè)置如圖，漸變顏色可以根據(jù)各人做合適的設(shè)置。

4. 圖層“形狀1 副本”處理“圖層樣式”。這里需要處理“漸變疊加”、“內(nèi)陰影”、“外發(fā)光”等3個(gè)效果。

5. 將前景色設(shè)置為白色，用“橢圓工具”畫出一個(gè)形狀（具體效果看圖），得到圖層“形狀2”，設(shè)置透明度為50%。

6. 保持狀態(tài)，載入“形狀1 副本”選區(qū)，利用選區(qū)添加蒙板。

7. 新建“圖層1”，再次載入“形狀1 副本”選區(qū)，“描邊”：寬度為3px，顏色為白色，位置內(nèi)部。添加圖層蒙板，用“漸變工具”填充黑白漸變，效果如圖。

8. 水晶按鈕基本完成。將背景層設(shè)置為不可見(jiàn)，新建圖層2，將圖層位于最上方，按 Ctrl+Shift+Alt+E 鍵蓋印圖層�？蓪⒚麨�“蓋印圖層”。然后復(fù)制該圖層做成倒影（倒影效果可用蒙板，方法同第7步）。最后為按鈕加上文字，設(shè)置陰影，水日按鈕完成（附上圖層）。

9. 可以調(diào)整“色相/飽和度”來(lái)獲得多種顏色的水晶按鈕。