當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

Photoshop教程:制作常用高光按鈕(4)

來源: 作者: 學習:757人次
來源:PS聯(lián)盟 作者:Sener
本教程主要介紹常用按鈕的制作方法。思路:先繪制好按鈕的形狀,然后適當?shù)陌寻粹o的下面及上面都加上光感,高光部分的制作比較重要,需要根據(jù)實際的顏色選擇不同的高光效果。
最終效果

1.新建一個500 * 350像素的文件,背景填充為黑色,前景顏色設置為:#570202,選擇圓角矩形工具,參數(shù)設置如圖1,繪制圖2所示的圓角矩形。

<圖1>

<圖2>

2.調(diào)出圓角矩形的選區(qū),在背景圖層上面新建一個圖層,填充顏色:#FBE39B,按Ctrl + D取消選區(qū),執(zhí)行菜單:濾鏡 > 模糊 > 動感模糊,參數(shù)設置如圖3,效果如圖4。

<圖3>

<圖4>
3.調(diào)出圓角矩形的選區(qū),在最上面新建一個圖層,選擇菜單:編輯 > 描邊,數(shù)值為1,顏色為:##FBE39B,效果如圖5。

<圖5>


  4.新建一個圖層,用橢圓選框工具繪制一個圖6所示的正圓,按Ctrl + Shift + D羽化數(shù)值為15,然后選擇漸變工具顏色設置如圖7,繪制圖8所示的漸變。

<圖6>

<圖7>

<圖8>


  5.按Ctrl + J把漸變的圖形復制一份,把副本先隱藏,按Ctrl + T如圖9變形,確定后再把副本顯示出來,再按Ctrl + T如圖10所示變形,確定后把圖層混合模式改為“疊加”,效果如圖11。

<圖9>

<圖10>

<圖11>


6.回到按鈕主體圖層,使用橢圓選框工具繪制圖12所示的橢圓按Ctrl + Shift + D羽化數(shù)值為10,再按Ctrl + M適當調(diào)亮,效果如圖13。

<圖12>

<圖13>


  7.再整體調(diào)下明暗度,效果如圖14,最后打上文字完成最終效果。

<圖14>

<圖15>

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!