當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

photoshop制作按鈕 :Vista風格按鈕

來源:未知 作者:空來風 學習:381人次
先看看最終效果:



以下是詳細的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ū)。





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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
axiao062011-03-18 09:10
來好好學習···········
冰雪陽光2010-11-03 04:06
很好,支持樓主~
fc4927042852010-11-01 05:31
``````````
lyaoyao2010-10-15 04:42
<給力>
www.23tt.net2010-10-11 04:19
不錯不錯不錯
oiw2010-04-19 03:48
謝謝學習了
oiw2010-04-19 03:47
謝謝學習了
肥二圈2010-03-30 10:06
為什么還是看不到啊
肥二圈2010-03-30 10:06
我是來學習的

關注大神微博加入>>

網友求助,請回答!