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

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

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

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

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

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

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

圖12-3-40

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

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

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

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

圖12-3-42

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

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

圖12-3-43

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

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

圖12-3-44

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

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

圖12-3-45

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

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

圖12-3-46

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

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

圖12-3-47

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

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

圖12-3-48

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

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

圖12-3-49

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

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

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

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