PS網(wǎng)頁設計中制作Web水晶按鈕

12.3.3Web水晶按鈕

圖12-3-26

在瀏覽網(wǎng)頁中我們經(jīng)常會看到一些漂亮的水晶似的按鈕，那么下面我們就通過使用ps的選區(qū)以及圖層混合模式等工具制作這樣一個web水晶按鈕。

1.首先我們打開ps，新建一個500*500像素大小的圖像，Ctrl+R打開標尺，做兩條輔助線，如圖12-3-27所示。

圖12-3-27

2.然后選擇橢圓選框工具，按住Shift+Alt鍵，從輔助線中心焦點進行繪制，如圖12-3-28所示。然后選擇漸變工具，設置漸變的顏色，然后進行填充，如圖12-3-29所示。

圖12-3-28圖12-3-29

3.接下來，我們將選擇【選擇】菜單，【修改】，選擇【收縮】。彈出【收縮選區(qū)】對話框，如圖12-3-30所示。

圖12-3-30

4.單擊【確定】，選區(qū)被收縮，我們新建一個圖層再次選擇漸變工具對其進行填充，效果如圖12-3-31所示。我們再次新建一個圖層，執(zhí)行上面的操作。這里的收縮量我們設為10像素。顏色我們選擇淡紫進行填充，效果如圖12-3-32所示。

圖12-3-31圖12-3-32

5.接著我們再次重復上面的步驟，如圖12-3-33所示。下面我們開始制作按鈕的高光部分，我們將選區(qū)移動，如圖12-3-34所示。

圖12-3-33圖12-3-34

6.我們Ctrl+L打開色階，調整其色階值，如圖12-3-35所示。

圖12-3-35

1.我們選擇橢圓選區(qū)工具，新建一個圖層，繪制一個小橢圓對其進行填充，顏色為白色，填充后，調整到合適的位置，作為按鈕的高光點。如圖12-3-36所示。高光點繪制完后，我們選擇【鋼筆】工具，新建一個圖層，再次繪制高光形狀，為圖層3繪制高光，如圖12-3-37所示。

圖12-3-36圖12-3-37