Photoshop教程:制作常用高光按鈕(4)
來(lái)源:
作者:
學(xué)習(xí):757人次
來(lái)源:PS聯(lián)盟 作者:Sener
本教程主要介紹常用按鈕的制作方法。思路:先繪制好按鈕的形狀,然后適當(dāng)?shù)陌寻粹o的下面及上面都加上光感,高光部分的制作比較重要,需要根據(jù)實(shí)際的顏色選擇不同的高光效果。
最終效果
1.新建一個(gè)500 * 350像素的文件,背景填充為黑色,前景顏色設(shè)置為:#570202,選擇圓角矩形工具,參數(shù)設(shè)置如圖1,繪制圖2所示的圓角矩形。
<圖1>
<圖2>
2.調(diào)出圓角矩形的選區(qū),在背景圖層上面新建一個(gè)圖層,填充顏色:#FBE39B,按Ctrl + D取消選區(qū),執(zhí)行菜單:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)設(shè)置如圖3,效果如圖4。
<圖3>
<圖4>
3.調(diào)出圓角矩形的選區(qū),在最上面新建一個(gè)圖層,選擇菜單:編輯 > 描邊,數(shù)值為1,顏色為:##FBE39B,效果如圖5。
<圖5>
4.新建一個(gè)圖層,用橢圓選框工具繪制一個(gè)圖6所示的正圓,按Ctrl + Shift + D羽化數(shù)值為15,然后選擇漸變工具顏色設(shè)置如圖7,繪制圖8所示的漸變。
<圖6>
<圖7>
<圖8>
5.按Ctrl + J把漸變的圖形復(fù)制一份,把副本先隱藏,按Ctrl + T如圖9變形,確定后再把副本顯示出來(lái),再按Ctrl + T如圖10所示變形,確定后把圖層混合模式改為“疊加”,效果如圖11。
<圖9>
<圖10>
<圖11>
6.回到按鈕主體圖層,使用橢圓選框工具繪制圖12所示的橢圓按Ctrl + Shift + D羽化數(shù)值為10,再按Ctrl + M適當(dāng)調(diào)亮,效果如圖13。
<圖12>
<圖13>
7.再整體調(diào)下明暗度,效果如圖14,最后打上文字完成最終效果。
<圖14>
<圖15>
本教程主要介紹常用按鈕的制作方法。思路:先繪制好按鈕的形狀,然后適當(dāng)?shù)陌寻粹o的下面及上面都加上光感,高光部分的制作比較重要,需要根據(jù)實(shí)際的顏色選擇不同的高光效果。
最終效果
1.新建一個(gè)500 * 350像素的文件,背景填充為黑色,前景顏色設(shè)置為:#570202,選擇圓角矩形工具,參數(shù)設(shè)置如圖1,繪制圖2所示的圓角矩形。
<圖1>
<圖2>
2.調(diào)出圓角矩形的選區(qū),在背景圖層上面新建一個(gè)圖層,填充顏色:#FBE39B,按Ctrl + D取消選區(qū),執(zhí)行菜單:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)設(shè)置如圖3,效果如圖4。
<圖3>
<圖4>
3.調(diào)出圓角矩形的選區(qū),在最上面新建一個(gè)圖層,選擇菜單:編輯 > 描邊,數(shù)值為1,顏色為:##FBE39B,效果如圖5。
<圖5>
4.新建一個(gè)圖層,用橢圓選框工具繪制一個(gè)圖6所示的正圓,按Ctrl + Shift + D羽化數(shù)值為15,然后選擇漸變工具顏色設(shè)置如圖7,繪制圖8所示的漸變。
<圖6>
<圖7>
<圖8>
5.按Ctrl + J把漸變的圖形復(fù)制一份,把副本先隱藏,按Ctrl + T如圖9變形,確定后再把副本顯示出來(lái),再按Ctrl + T如圖10所示變形,確定后把圖層混合模式改為“疊加”,效果如圖11。
<圖9>
<圖10>
<圖11>
6.回到按鈕主體圖層,使用橢圓選框工具繪制圖12所示的橢圓按Ctrl + Shift + D羽化數(shù)值為10,再按Ctrl + M適當(dāng)調(diào)亮,效果如圖13。
<圖12>
<圖13>
7.再整體調(diào)下明暗度,效果如圖14,最后打上文字完成最終效果。
<圖14>
<圖15>
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS的圖層樣式制作逼真的玉石圖標(biāo)
- 四分環(huán),如何用PS設(shè)計(jì)曲線(xiàn)四分環(huán)視頻教程詳解
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS設(shè)計(jì)制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過(guò)PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線(xiàn)性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
推薦教程
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作高光橘色RSS按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- 塑料按鈕的制作方法
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!