【 PS創意設計 】Photoshop製作精美的網頁按鈕教程 - PS筆刷工廠PS筆刷工廠

Photoshop製作精美的網頁按鈕教程

這一次的教學是屬於PS教程領域中的設計教程的相關教學。

文章出處是來自IT世界的PS教程類文章，寫教學的作者是河馬，感謝河馬提供設計教程的實作教學。

教學大綱:

本教程主要使用Photoshop製作精美的網頁按鈕教程，教程中將為大家介紹如何使用Photoshop中的圖層樣式功能製作出水晶按鈕的透明和立體效果，大家一起來動手製作吧。

設計教程教學開始

先看效果圖。

1、新建文檔，尺寸自定，背景白色，建新層，畫一黑色圓角矩形。

2、分別添加投影、描邊這兩個圖層樣式。

效果如下圖所示。

3、創建一個新圖層，使用圓角矩形工具製作一個小一點的白色矩形，你可以使用自由變換調整它的大小和位置，如圖所示。

4、為白色的圓角矩形添加投影、內陰影、漸變疊加和描邊這幾種圖層樣式，如圖所示。

效果如下圖所示。

5、新建一個圖層，按下Ctrl鍵單擊白色矩形圖層的縮略圖載入選區，並填充黑色，然後用鋼筆工具製作出下圖所示的路徑，然後按Ctrl+Enter把選區轉化為路徑，再添加一個圖層蒙版，如圖所示。

6、設置圖層混合模式為“柔光”，不透明度為70%，如圖所示。

8、背景填充黑色，然後使用文字工具輸入一些文字，並為文字圖層添加外發光圖層樣式，如圖所示。

9、多複製幾個按鈕，並添加不同的文字，最終效果如下圖所示。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop製作精美的網頁按鈕教程