photoshop制作按鈕 :Vista風格按鈕

2022-12-26 14:24:42 來源/作者: / 己有:2人學習過
先看看最終效果:



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

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





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





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





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





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





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





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

標簽(TAG) 按鈕圖標 空來風