先看看最終效果吧,哈哈是不是有點復雜. 不過不要急,心情放松...注意力集中...現(xiàn)在我們就來"肢解"他.不難看出這個按鈕主要由3部分構成:背景,水晶按鈕及文字,下面我們就開始動手.
一.背景的制作:
1.打開photoshop 新建一個400*400的文件 最好是"RGB"顏色
用黑白圓形漸變繪制如<圖2>所示漸變
<圖1>
<圖2> 2.選擇濾鏡 > 雜色> 添加雜色 數(shù)值如 <圖3> 所示
<圖3>
3.選擇濾鏡 > 藝術效果 > 底紋效果 數(shù)值如 <圖4> 所示
<圖4>
背景效果圖如圖5(第一步大功告成):
<圖5> 一.水晶部分的制作:
1.新建一個圖層命名為“水晶--底1”，按 Ctrl + R 調出標尺 拉兩條如圖所示參照線，以參照線的交點為圓心，用橢圓選取工具 按住 ALT + Shift 繪制 圖6 所示的正圓。
<圖6>
2.按 Ctrl + ’ 隱藏參照線，選擇漸變工具在“水晶--底1”這層繪制漸變，漸變顏色：黑白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的左上角 按住 Shift 向右下方漸變 如圖7
<圖7> 3.按 Ctrl + D 取消選區(qū) 漸變的效果如 圖8
<圖8>
4.雙擊圖層“水晶--底1”調出 圖層樣式 分別選擇描邊和投影 相關參數(shù)如 圖9 圖10 效果如 圖11
<圖9>
<圖10>
<圖11> 5.用橢圓選取工具在剛繪制圓形上繪制如圖12所示的橢圓，按 Ctrl + Alt + D 羽化，數(shù)值為25，再按 Ctrl + M 把所選的區(qū)域調成高光如圖13
<圖12>
<圖13> 6.按Ctrl + D 取消選區(qū)，在“水晶--底1”上面新建一層命名為：“水晶--底2”,再按 Ctrl + ’ 調出參照線，然后用橢圓選取工具繪制圖14所示的正圓。
<圖14>
7.用漸變工具繪制漸變：漸變顏色：黑白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角 按住 Shift 向左上角方漸變 漸變效果如圖15
<圖15> 8.不要取消選區(qū)，在圖層“水晶--底2”上再新建一層命名為：“水晶--底3”，選擇：選擇 > 修改 > 收縮 數(shù)值為：3 如圖16。
<圖15>
<圖16>
8.在圖層“水晶--底3”繪制漸變：漸變顏色：深綠（R:0 G:63 B:41）白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角 按住 Shift 向左上角方漸變 按 Ctrl + ’ 取消參照線 漸變效果如圖17
<圖17> 9.雙擊“水晶--底3”調出圖層樣式，選擇描邊，數(shù)值為1，顏色為黑色，透明度為25%，在“水晶--底3”上面新建一層命名為：“水晶--內陰影” 調出“水晶--底3”的選區(qū)，（方法：用鼠標點擊圖18紅色部分位置，下同）填充黑色。
<圖18>
10.選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：3 再按Ctrl + Alt + D 羽化，數(shù)值為5，按刪除鍵刪掉選擇部分，取消選區(qū)（按 Ctrl+D）效果如圖19
<圖19>
11.在“水晶--內陰影”上新建一層命名為“水晶--內發(fā)光”調出“水晶--底3”的選區(qū)（方法參照第9步下同），填充白色，選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：3，再按Delete 刪除中心部分如圖20。
<圖20> 12.選擇橡皮工具，設置如圖21，把白圈的部分地方擦除，效果如圖22
<圖21>
<圖22> 13.在“水晶--內陰影”上新建一層命名為“水晶--底高光”調出“水晶--底3”的選區(qū)（方法參照第9步下同），用橢圓選取工具按住ALT鍵，在選區(qū)切出如圖23所示的選區(qū)，按 Ctrl + Alt + D 羽化數(shù)值為3，再填充白色，取消選區(qū)，把圖層的透明度調為30% 如圖24
<圖23>
<圖24> 14.在“水晶--底高光”上新建一層命名為“水晶--大光圈”，按Ctrl + ’ 調出參照線，在中心繪制一個正圓填充白色，取消選區(qū)，把這層的透明度調為10% 效果如圖25
<圖25>
15.在“水晶--大光圈”上新建一層命名為“水晶--頂高光”，按Ctrl + ’ 調出參照線，在中心繪制一個正圓填充白色，取消選區(qū)，再添加蒙版如圖26
<圖26>
15.選擇黑白漸變，方向：從上到下漸變，效果如圖27
<圖27> 16.在“水晶--大光圈”上新建一層命名為：“水晶--底高光1”，調出“水晶--底3”的選區(qū)，選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：4,再用橢圓選區(qū)工具 按住 ALT 鍵切出圖28所示的選區(qū)，然后填充白色.
<圖28>
17.取消選區(qū)，用鋼筆工具把尖角的地方勾出圓角,按Ctrl + Enter 調出選區(qū)再按 Delete 刪除選區(qū)部分。如圖29,30
<圖29>
<圖30> 13.取消選區(qū)，添加蒙版，用黑白漸變按圖31所示方向漸變。
<圖31>
14.在“水晶--底高光1”上新建一層命名為：“水晶--底高光2”,用橢圓選取工具繪制一個小橢圓，填充白色如圖32所示，再按 Ctrl + T 調出變形工具，把橢圓略向上傾斜,按 Enter 鍵應用變形如圖33所示。
<圖32>
<圖33> 15.在“水晶--底高光2”上新建一層命名為：“水晶--頂反光1”,用鋼筆工具繪制如圖34所示的圖形，按Ctrl + Enter 調出選區(qū)，再填充白色，然后按 Ctrl + D 取消選區(qū)。
<圖34>
16.添加蒙版，用黑白漸變按圖35所示方向漸變。
<圖35> 17.在“水晶--頂反光1”上新建一層命名為：“水晶--頂反光2”,用橢圓選取工具繪制一個小橢圓，填充白色,再按 Ctrl + T 調出變形工具，把橢圓略向上傾斜，按一下Enter 鍵，再把這層的透明度調為60，如圖36所示。
<圖36>
18.按 Ctrl + J 把“水晶--頂反光2”復制一層命名為“水晶--頂反光2top”,再回到“水晶--頂反光2”這層，選擇菜單：濾鏡 > 模糊 > 高斯模糊 數(shù)值為3.5 效果如圖37
<圖37> 18.到這一步為止水晶部分的效果就算完成了，不過有些不滿意的地方，我們自己可以適當?shù)脑僬{整一下，盡量讓自己滿意。
<圖38>
三.文字部分的制作:
1.在圖層的最上面新建一個圖層用文字工具打上"68ps"幾個字如圖39
<圖39> 2.雙擊圖層，調出圖層樣式依次進行：投影、外發(fā)光、斜面和浮雕及描邊的設置，設置參數(shù)如下圖。
<投影>
<外發(fā)光>
<斜面浮雕>
<描邊>
<效果>
3.刪格化圖層，并鎖定圖層，具體設置如圖
<圖40>
4.選擇漸變工具設置如圖41，漸變方向如圖42
<圖41>
<圖42> 5.用噴槍工具，壓力為20%左右，適當?shù)挠煤谏桶咨珖姵鑫淖值陌倒夂透吖?，整體效果如圖43
<圖43>
最后給整個按鈕制作一點小裝飾，最終效果就做好了！
PSD源文件下載
推薦閱讀-Photoshop分類教程
