Photoshop CS5教程：制作華麗的主頁(yè)按鈕特效(3)

作者:佚名　  出處: 作者:情非得已

(1)運(yùn)行Photoshop CS5，拉一個(gè)如下圖的漸變

(2)新建“圖層 1”，選擇“圓角矩形工具”進(jìn)行繪制。

(3)選擇“矩形選框工具”對(duì)“圖層 1”進(jìn)行修整。

(4)復(fù)制“圖層 1”生成“圖層 1副本”，并使“圖層 1副本”隱藏。

(5)選擇“圖層 1”，并為其添加圖層樣式。單擊“投影”項(xiàng)目，設(shè)置各選項(xiàng)參數(shù)數(shù)值。

(6)單擊“漸變疊加”項(xiàng)目，設(shè)置各選項(xiàng)參數(shù)數(shù)值。

(7)選擇“圖層 1副本”，將其顯示。

 8)為“圖層 1副本”添加“漸變疊加”樣式，并對(duì)其各選項(xiàng)參數(shù)進(jìn)行設(shè)置。

(9)為“圖層 1副本”添加“描邊”樣式，并對(duì)其各選項(xiàng)參數(shù)進(jìn)行設(shè)置。

(10)調(diào)整“圖層 1副本”的“不透明度”參數(shù)。增加按鈕的立體感，達(dá)到晶瑩剔透的效果。

(11)新建“圖層 2”，選擇“橢圓選框工具”繪制橢圓選區(qū)，并填充前景色。

(12)選擇“圖層 2”，執(zhí)行“濾鏡”→“模糊”→“高斯模糊”命令，使高光效果更加明顯。

(13)使用“矩形選框工具”對(duì)“圖層 2”進(jìn)行修整，調(diào)整其“不透明度”。

(14)新建一個(gè)文檔，大小為“9px*9px”，分辨率為“300px”。將文檔放大到“900%”，用鉛筆畫(huà)出如下圖案，再執(zhí)行“編輯”→“定義圖案”命令。

 
15)切換到素材文件“按鈕.psd”文件，為“圖層 2”添加圖層樣式“圖案疊加”效果。

(16)新建“圖層 3”，參照“圖層 2”圖層的制作方法，制作底部高光效果。

(17)新建“圖層 4”，用“矩形選框工具”繪制選區(qū)，填充前景色并為其添加矢量蒙版，調(diào)整其“不透明度”參數(shù)。

(18)新建“圖層 5”，參照“圖層 4”的制作方法，繪制出如下圖案，調(diào)整其“不透明度”參數(shù)。

(19)新建文字圖層，并對(duì)其各項(xiàng)參數(shù)進(jìn)行設(shè)置。

(20)打開(kāi)素材文件“裝飾.psd”文件，將“裝飾”圖層組拖動(dòng)至“按鈕”文檔中并調(diào)整位置，完成案例制作。

(21)我們可以將按鈕應(yīng)用到深色調(diào)的網(wǎng)頁(yè)中。