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

2022-12-26 14:22:22 來源/作者: / 己有:27人學習過

8.將路徑轉(zhuǎn)化為選區(qū),選擇顏色為灰色進行填充,模糊工具進行適當?shù)哪:?。如圖12-3-38所示。我們繼續(xù)使用【鋼筆】工具,新建一個圖層,來繪制按鈕的反光面,繪制后將其轉(zhuǎn)化為選區(qū),如圖12-3-39所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)

圖12-3-38圖12-3-39

我們對這個選區(qū)進行白色和透明的漸變填充,填充效果如圖12-3-40所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)

圖12-3-40

9.現(xiàn)在我們打開圖層混合模式,對每個圖層一一調(diào)節(jié),我們選擇【圖層一】,右鍵選擇【混合模式】,選擇【投影】,【不透明度】設(shè)為75,【距離】為12,【擴展】值為0,【大小】為13,如圖12-3-41所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
圖12-3-41

然后選擇【斜面和浮雕】選項,參數(shù)設(shè)置如圖12-3-42所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-42

10.【圖層一】設(shè)置好以后,我們再來設(shè)置【圖層二】,打開【混合模式】對話框,設(shè)置參數(shù),選擇【投影】,【混合模式】為正常,【不透明度】為70%,【角度】為124度,【距離】為5,【擴展】為0,【大小】為7,如圖12-3-43所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-43

11.再看【內(nèi)陰影】選項,【混合模式】為正片疊加,【不透明度】為75%,【距離】5像素,【大小】為5像素。如圖12-3-44所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-44

再往下選擇【內(nèi)發(fā)光】選項,將【不透明度】設(shè)為75%,顏色改為灰色,【阻塞】為27%,【大小】為13像素,【范圍】為51%,其他使用默認。如圖12-3-45所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-45

12.最后我們來設(shè)置圖層的【斜面和浮雕】選項,【樣式】選擇外斜面,【方法】為平滑,【深度】為200%,【方向】為下,【大小】為7像素,【角度】為129度,【不透明度】為75%。如圖12-3-46所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-46

13.下面我們接著來設(shè)置【圖層3】,【投影】選項中,【不透明度】為75%,【距離】為3像素,【擴展】及【大小】值都為0,如圖12-3-47所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-47

【外發(fā)光】選項,顏色為白色,【大小】為5像素,設(shè)置【等高線】樣式為半圓,【范圍】為30%。如圖12-3-48所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-48

那么【內(nèi)發(fā)光】的參數(shù)和外發(fā)光基本一樣,【等高線】樣式改為內(nèi)凹—淺,【范圍】為24%,如圖12-3-49所示。

PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(四)
 

圖12-3-49