Photoshop白邊水晶按鈕制作教程
發(fā)布時間：2008-11-27 00:19:36 作者：佚名 
我要評論
我要評論本教程介紹網(wǎng)頁常用水晶按鈕的制作方法，思路：制作方法跟平時做的水晶按鈕一樣，需要注意光感及細(xì)節(jié)的調(diào)節(jié)，顏色及背景可以按照自己的喜好選用。
最終效果
1.新建一個500 * 300像素的文件，背景填充顏色：#827E22。
2.選擇圓角矩形工具，半徑設(shè)置為25，前景顏色設(shè)置為白
本教程介紹網(wǎng)頁常用水晶按鈕的制作方法，思路：制作方法跟平時做的水晶按鈕一樣，需要注意光感及細(xì)節(jié)的調(diào)節(jié)，顏色及背景可以按照自己的喜好選用。
最終效果
1.新建一個500 * 300像素的文件，背景填充顏色：#827E22。
2.選擇圓角矩形工具，半徑設(shè)置為25，前景顏色設(shè)置為白色，繪制圖1所示的圓角矩形，然后刪格化圖層。
<圖1> #p# 3.把圓角矩形復(fù)制一份，回到原圓角矩形這層，雙擊圖層調(diào)出圖層樣式，選擇描邊數(shù)值為6，顏色為白色如圖2，確定后新建一個空白圖層，把描邊后的圖層與空白圖層合并，再雙擊圖層調(diào)出圖層樣式，參數(shù)設(shè)置如圖3，效果如圖4。
<圖2>
<圖3>
<圖4> #p# 4.回到圓角矩形副本層，雙擊圖層調(diào)出圖層樣式，參數(shù)設(shè)置如圖5，6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個正圓，然后按Delete刪除，效果如圖7。
<圖5>
<圖6>
<圖7> #p# 5.如圖8所示鎖定圖層。
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選，再選擇漸變工具顏色設(shè)置如圖9，然后在繪制圖10所示的線性漸變。拉好漸變后不要取消選區(qū)，按Ctrl + Shift + I反選，
<圖9>
<圖10> #p# 7.選擇漸變工具顏色設(shè)置如圖11，然后在繪制圖12所示的線性漸變?？傮w效果如圖13。
<圖11>
<圖12>
<圖13>
8.調(diào)出圓角矩形的選區(qū)，新建一個圖層填充顏色：#C5B564，選擇橡皮工具，只保留由邊一小部分，其它的地方都擦鋤，效果如圖14。
<圖14> #p# 9.調(diào)出圓角矩形的選區(qū)，新建一個圖層填充白色，然后把選區(qū)向下移動3個像素，如圖15，然后按按Delete刪除，適當(dāng)?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
<圖15>
<圖16>
最終效果
1.新建一個500 * 300像素的文件，背景填充顏色：#827E22。
2.選擇圓角矩形工具，半徑設(shè)置為25，前景顏色設(shè)置為白色，繪制圖1所示的圓角矩形，然后刪格化圖層。
<圖1> #p# 3.把圓角矩形復(fù)制一份，回到原圓角矩形這層，雙擊圖層調(diào)出圖層樣式，選擇描邊數(shù)值為6，顏色為白色如圖2，確定后新建一個空白圖層，把描邊后的圖層與空白圖層合并，再雙擊圖層調(diào)出圖層樣式，參數(shù)設(shè)置如圖3，效果如圖4。
<圖2>
<圖3>
<圖4> #p# 4.回到圓角矩形副本層，雙擊圖層調(diào)出圖層樣式，參數(shù)設(shè)置如圖5，6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個正圓，然后按Delete刪除，效果如圖7。
<圖5>
<圖6>
<圖7> #p# 5.如圖8所示鎖定圖層。
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選，再選擇漸變工具顏色設(shè)置如圖9，然后在繪制圖10所示的線性漸變。拉好漸變后不要取消選區(qū)，按Ctrl + Shift + I反選，
<圖9>
<圖10> #p# 7.選擇漸變工具顏色設(shè)置如圖11，然后在繪制圖12所示的線性漸變?？傮w效果如圖13。
<圖11>
<圖12>
<圖13>
8.調(diào)出圓角矩形的選區(qū)，新建一個圖層填充顏色：#C5B564，選擇橡皮工具，只保留由邊一小部分，其它的地方都擦鋤，效果如圖14。
<圖14> #p# 9.調(diào)出圓角矩形的選區(qū)，新建一個圖層填充白色，然后把選區(qū)向下移動3個像素，如圖15，然后按按Delete刪除，適當(dāng)?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
<圖15>
<圖16>
相關(guān)文章
今天的教程是教給大家做一個非常有圣誕氛圍的圣誕快樂按鈕，充滿濃濃的圣誕節(jié)日氣息，小伙伴們還不快快打開PS一起來學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計方法
ps2021怎么做漂亮的漸變按鈕？ps中想要設(shè)計一款領(lǐng)券的按鈕，如果添加漸變色會更加顯眼，該怎么設(shè)計漸變色按鈕呢？下面我們就來看看ps按鈕樣式的設(shè)計方法，詳細(xì)請看下文介紹2021-05-27
如何設(shè)計藍(lán)色金屬按鈕?用PS設(shè)計藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計，其實不然，一些按鈕不只可以用AI設(shè)計，PS照樣可以，今天我們就教大家制作一個藍(lán)色科技金屬質(zhì)感的“play”按鈕，一起來學(xué)習(xí)吧2021-05-18
ps怎么設(shè)計配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計方法
ps怎么設(shè)計配色干凈扁平化按鈕？很多時候我們會看到各種按鈕，想要設(shè)計一款顏色干凈清爽的扁平化按鈕，該怎么操作呢？下面我們就來看看ps按鈕矢量圖的設(shè)計方法，需要的朋友2021-04-08
怎么用PS制作按鈕形狀效果？下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程，感興趣的小伙伴來學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計圓形的不銹鋼金屬按鈕圖標(biāo)？ps中想要設(shè)計一款圓形的按鈕，該怎么設(shè)計這個按鈕矢量圖呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-30
PS怎么設(shè)計可愛的按鈕？ps中想要設(shè)計一款可愛的按鈕，該怎么設(shè)計呢？下面我們就來看看ps設(shè)計按鈕的教程，需要的朋友可以參考下2018-10-30
ps怎么設(shè)計逼真的玻璃質(zhì)感按鈕？ps中想要設(shè)計一款漂亮的玻璃按鈕，該怎么設(shè)計逼真透明的玻璃按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-23
ps怎么設(shè)計創(chuàng)意的圓形按鈕？ps中想要設(shè)計按鈕，該怎么設(shè)計創(chuàng)意的按鈕圖標(biāo)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
PS怎么設(shè)計左右輪播圖的按鈕？網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果，會有左右按鈕，該怎么設(shè)計這個按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
