先看看最終效果吧,哈哈是不是有點(diǎn)復(fù)雜. 不過(guò)不要急,心情放松...注意力集中...現(xiàn)在我們就來(lái)"肢解"他.不難看出這個(gè)按鈕主要由3部分構(gòu)成:背景,水晶按鈕及文字,下面我們就開(kāi)始動(dòng)手.

一.背景的制作:
1.打開(kāi)photoshop 新建一個(gè)400*400的文件 最好是"RGB"顏色
用黑白圓形漸變繪制如<圖2>所示漸變

<圖1>

<圖2>   #p# 2.選擇濾鏡 > 雜色> 添加雜色 數(shù)值如 <圖3> 所示

<圖3>
3.選擇濾鏡 > 藝術(shù)效果 > 底紋效果 數(shù)值如 <圖4> 所示

<圖4>
背景效果圖如圖5(第一步大功告成):

<圖5>   #p# 一.水晶部分的制作:
1.新建一個(gè)圖層命名為“水晶--底1”，按 Ctrl + R 調(diào)出標(biāo)尺 拉兩條如圖所示參照線，以參照線的交點(diǎn)為圓心，用橢圓選取工具 按住 ALT + Shift 繪制 圖6 所示的正圓。

<圖6>
2.按 Ctrl + ’ 隱藏參照線，選擇漸變工具在“水晶--底1”這層繪制漸變，漸變顏色：黑白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的左上角 按住 Shift 向右下方漸變 如圖7

<圖7>   #p# 3.按 Ctrl + D 取消選區(qū) 漸變的效果如 圖8

<圖8>
4.雙擊圖層“水晶--底1”調(diào)出 圖層樣式 分別選擇描邊和投影 相關(guān)參數(shù)如 圖9 圖10 效果如 圖11

<圖9>

<圖10>

<圖11>   #p# 5.用橢圓選取工具在剛繪制圓形上繪制如圖12所示的橢圓，按 Ctrl + Alt + D 羽化，數(shù)值為25，再按 Ctrl + M 把所選的區(qū)域調(diào)成高光如圖13

<圖12>

<圖13>   #p# 6.按Ctrl + D 取消選區(qū)，在“水晶--底1”上面新建一層命名為：“水晶--底2”,再按 Ctrl + ’ 調(diào)出參照線，然后用橢圓選取工具繪制圖14所示的正圓。

<圖14>
7.用漸變工具繪制漸變：漸變顏色：黑白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角 按住 Shift 向左上角方漸變 漸變效果如圖15

<圖15>   #p# 8.不要取消選區(qū)，在圖層“水晶--底2”上再新建一層命名為：“水晶--底3”，選擇：選擇 > 修改 > 收縮 數(shù)值為：3 如圖16。

<圖15>

<圖16>
8.在圖層“水晶--底3”繪制漸變：漸變顏色：深綠（R:0 G:63 B:41）白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角 按住 Shift 向左上角方漸變 按 Ctrl + ’ 取消參照線 漸變效果如圖17

<圖17>   #p# 9.雙擊“水晶--底3”調(diào)出圖層樣式，選擇描邊，數(shù)值為1，顏色為黑色，透明度為25%，在“水晶--底3”上面新建一層命名為：“水晶--內(nèi)陰影” 調(diào)出“水晶--底3”的選區(qū)，（方法：用鼠標(biāo)點(diǎn)擊圖18紅色部分位置，下同）填充黑色。

<圖18>
10.選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：3 再按Ctrl + Alt + D 羽化，數(shù)值為5，按刪除鍵刪掉選擇部分，取消選區(qū)（按 Ctrl+D）效果如圖19

<圖19>
11.在“水晶--內(nèi)陰影”上新建一層命名為“水晶--內(nèi)發(fā)光”調(diào)出“水晶--底3”的選區(qū)（方法參照第9步下同），填充白色，選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：3，再按Delete 刪除中心部分如圖20。

<圖20>   #p# 12.選擇橡皮工具，設(shè)置如圖21，把白圈的部分地方擦除，效果如圖22

<圖21>
<圖22> 13.在“水晶--內(nèi)陰影”上新建一層命名為“水晶--底高光”調(diào)出“水晶--底3”的選區(qū)（方法參照第9步下同），用橢圓選取工具按住ALT鍵，在選區(qū)切出如圖23所示的選區(qū)，按 Ctrl + Alt + D 羽化數(shù)值為3，再填充白色，取消選區(qū)，把圖層的透明度調(diào)為30% 如圖24

<圖23>

<圖24>   #p# 14.在“水晶--底高光”上新建一層命名為“水晶--大光圈”，按Ctrl + ’ 調(diào)出參照線，在中心繪制一個(gè)正圓填充白色，取消選區(qū)，把這層的透明度調(diào)為10% 效果如圖25

<圖25>
15.在“水晶--大光圈”上新建一層命名為“水晶--頂高光”，按Ctrl + ’ 調(diào)出參照線，在中心繪制一個(gè)正圓填充白色，取消選區(qū)，再添加蒙版如圖26

<圖26>
15.選擇黑白漸變，方向：從上到下漸變，效果如圖27

<圖27>   #p# 16.在“水晶--大光圈”上新建一層命名為：“水晶--底高光1”，調(diào)出“水晶--底3”的選區(qū)，選擇菜單：選擇 > 修改 > 收縮 數(shù)值為：4,再用橢圓選區(qū)工具 按住 ALT 鍵切出圖28所示的選區(qū)，然后填充白色.

<圖28>
17.取消選區(qū)，用鋼筆工具把尖角的地方勾出圓角,按Ctrl + Enter 調(diào)出選區(qū)再按 Delete 刪除選區(qū)部分。如圖29,30

<圖29>

<圖30>   #p# 13.取消選區(qū)，添加蒙版，用黑白漸變按圖31所示方向漸變。

<圖31>
14.在“水晶--底高光1”上新建一層命名為：“水晶--底高光2”,用橢圓選取工具繪制一個(gè)小橢圓，填充白色如圖32所示，再按 Ctrl + T 調(diào)出變形工具，把橢圓略向上傾斜,按 Enter 鍵應(yīng)用變形如圖33所示。

<圖32>

<圖33>   #p# 15.在“水晶--底高光2”上新建一層命名為：“水晶--頂反光1”,用鋼筆工具繪制如圖34所示的圖形，按Ctrl + Enter 調(diào)出選區(qū)，再填充白色，然后按 Ctrl + D 取消選區(qū)。

<圖34>
16.添加蒙版，用黑白漸變按圖35所示方向漸變。

<圖35>   #p# 17.在“水晶--頂反光1”上新建一層命名為：“水晶--頂反光2”,用橢圓選取工具繪制一個(gè)小橢圓，填充白色,再按 Ctrl + T 調(diào)出變形工具，把橢圓略向上傾斜，按一下Enter 鍵，再把這層的透明度調(diào)為60，如圖36所示。

<圖36>
18.按 Ctrl + J 把“水晶--頂反光2”復(fù)制一層命名為“水晶--頂反光2top”,再回到“水晶--頂反光2”這層，選擇菜單：濾鏡 > 模糊 > 高斯模糊 數(shù)值為3.5 效果如圖37

<圖37>   #p# 18.到這一步為止水晶部分的效果就算完成了，不過(guò)有些不滿(mǎn)意的地方，我們自己可以適當(dāng)?shù)脑僬{(diào)整一下，盡量讓自己滿(mǎn)意。

<圖38>
三.文字部分的制作:
1.在圖層的最上面新建一個(gè)圖層用文字工具打上"68ps"幾個(gè)字如圖39

<圖39>   #p# 2.雙擊圖層，調(diào)出圖層樣式依次進(jìn)行：投影、外發(fā)光、斜面和浮雕及描邊的設(shè)置，設(shè)置參數(shù)如下圖。
<投影>

<外發(fā)光>

<斜面浮雕>

<描邊>
  #p#
<效果>
3.刪格化圖層，并鎖定圖層，具體設(shè)置如圖

<圖40>
4.選擇漸變工具設(shè)置如圖41，漸變方向如圖42

<圖41>

<圖42>   #p# 5.用噴槍工具，壓力為20%左右，適當(dāng)?shù)挠煤谏桶咨珖姵鑫淖值陌倒夂透吖?，整體效果如圖43

<圖43>
最后給整個(gè)按鈕制作一點(diǎn)小裝飾，最終效果就做好了！PSD源文件下載

最新評(píng)論