Photoshop教程:制作白邊水晶按鈕(5)
來(lái)源:
作者:
學(xué)習(xí):870人次
Photoshop教程:制作白邊水晶按鈕(1)
作者:Sener 來(lái)源 :PS聯(lián)盟
來(lái)源:PS聯(lián)盟 作者:Sener
本教程介紹網(wǎng)頁(yè)常用水晶按鈕的制作方法,思路:制作方法跟平時(shí)做的水晶按鈕一樣,需要注意光感及細(xì)節(jié)的調(diào)節(jié),顏色及背景可以按照自己的喜好選用。
最終效果
1.新建一個(gè)500 * 300像素的文件,背景填充顏色:#827E22。
2.選擇圓角矩形工具,半徑設(shè)置為25,前景顏色設(shè)置為白色,繪制圖1所示的圓角矩形,然后刪格化圖層。
<圖1>
3.把圓角矩形復(fù)制一份,回到原圓角矩形這層,雙擊圖層調(diào)出圖層樣式,選擇描邊數(shù)值為6,顏色為白色如圖2,確定后新建一個(gè)空白圖層,把描邊后的圖層與空白圖層合并,再雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖3,效果如圖4。
<圖2>
<圖3>
<圖4>
4.回到圓角矩形副本層,雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖5,6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個(gè)正圓,然后按Delete刪除,效果如圖7。
<圖5>
<圖6>
<圖7>
5.如圖8所示鎖定圖層。
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選,再選擇漸變工具顏色設(shè)置如圖9,然后在繪制圖10所示的線(xiàn)性漸變。拉好漸變后不要取消選區(qū),按Ctrl + Shift + I反選,
<圖9>
<圖10>
7.選擇漸變工具顏色設(shè)置如圖11,然后在繪制圖12所示的線(xiàn)性漸變?傮w效果如圖13。
<圖11>
<圖12>
<圖13>
8.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充顏色:#C5B564,選擇橡皮工具,只保留由邊一小部分,其它的地方都擦鋤,效果如圖14。
<圖14>
9.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充白色,然后把選區(qū)向下移動(dòng)3個(gè)像素,如圖15,然后按按Delete刪除,適當(dāng)?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
<圖15>
<圖16>
作者:Sener 來(lái)源 :PS聯(lián)盟
來(lái)源:PS聯(lián)盟 作者:Sener
本教程介紹網(wǎng)頁(yè)常用水晶按鈕的制作方法,思路:制作方法跟平時(shí)做的水晶按鈕一樣,需要注意光感及細(xì)節(jié)的調(diào)節(jié),顏色及背景可以按照自己的喜好選用。
最終效果
1.新建一個(gè)500 * 300像素的文件,背景填充顏色:#827E22。
2.選擇圓角矩形工具,半徑設(shè)置為25,前景顏色設(shè)置為白色,繪制圖1所示的圓角矩形,然后刪格化圖層。
<圖1>
3.把圓角矩形復(fù)制一份,回到原圓角矩形這層,雙擊圖層調(diào)出圖層樣式,選擇描邊數(shù)值為6,顏色為白色如圖2,確定后新建一個(gè)空白圖層,把描邊后的圖層與空白圖層合并,再雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖3,效果如圖4。
<圖2>
<圖3>
<圖4>
4.回到圓角矩形副本層,雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖5,6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個(gè)正圓,然后按Delete刪除,效果如圖7。
<圖5>
<圖6>
<圖7>
5.如圖8所示鎖定圖層。
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選,再選擇漸變工具顏色設(shè)置如圖9,然后在繪制圖10所示的線(xiàn)性漸變。拉好漸變后不要取消選區(qū),按Ctrl + Shift + I反選,
<圖9>
<圖10>
7.選擇漸變工具顏色設(shè)置如圖11,然后在繪制圖12所示的線(xiàn)性漸變?傮w效果如圖13。
<圖11>
<圖12>
<圖13>
8.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充顏色:#C5B564,選擇橡皮工具,只保留由邊一小部分,其它的地方都擦鋤,效果如圖14。
<圖14>
9.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充白色,然后把選區(qū)向下移動(dòng)3個(gè)像素,如圖15,然后按按Delete刪除,適當(dāng)?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
<圖15>
<圖16>
學(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í)鐘
推薦教程
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 塑料按鈕的制作方法
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 用ps制作高光橘色RSS按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!