先看看最終效果:



以下是詳細的photoshop教程步驟:
    今天我們制作一個Vista的黑色任務欄按鈕效果。

    新建一張圖，前景色選灰色(作為輔助色，可隨意選一種較淡的顏色)，用圓角矩形工具，設置圓角半徑為 3 像素，畫一個高 30 左右的矩形。





    新建圖層，用矩形選擇工具在按鈕上部約50%的地方選擇一個矩形。選區越靠上，按鈕就越顯得凸起。然后按住Ctrl+Alt+Shift，單擊圖層面板中第一步建立的形狀圖層，以選中按鈕的上半部。





    選擇前景色 rgb(200,200,200)，背景色 rgb(90,90,90)，使用漸變工具由上至下在選區中填充漸變色。





    按Ctrl+Shift+I反選，再按住Ctrl+Alt+Shift單擊圖層面板中第一步建立的形狀圖層，選擇按鈕下半部分。設置前景色為 rgb(24,24,24)，按Alt+Del填充選區。





    按Ctrl鍵單擊圖層面板中的形狀圖層，然后選擇減淡工具，寬度5像素，曝光度設置為50%，加亮按鈕的邊緣。特別是圓角部分可以適當加大高光區。





    保持前景色為 rgb(24,24,24)，選擇主菜單編輯- 描邊，居中1像素。然后選擇前景色為rgb(200,200,200)，再次選擇主菜單編輯- 描邊，居外1像素。最后按Ctrl+D取消選區。





    效果還不錯吧？最后可根據需要隱藏背景層和形狀圖層，輸出成png格式，便于在網頁上使用。