當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標>教程內(nèi)容

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

來源:薛欣博客 作者:薛欣姚輝 學(xué)習(xí):6125人次

8.將路徑轉(zhuǎn)化為選區(qū),選擇顏色為灰色進行填充,模糊工具進行適當(dāng)?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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!