先看看最終效果:



以下是詳細(xì)的photoshop教程步驟:
今天我們制作一個(gè)Vista的黑色任務(wù)欄按鈕效果。

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





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





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





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





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





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





效果還不錯(cuò)吧？最后可根據(jù)需要隱藏背景層和形狀圖層，輸出成png格式，便于在網(wǎng)頁(yè)上使用。