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

Photoshop打造非常精致的條紋水晶導(dǎo)航欄(13)

來源:騰龍視覺 作者:不詳 學(xué)習(xí):8602人次
本教程介紹非常精致的導(dǎo)航欄的制作方法。大致過程:先用做出自己想要的導(dǎo)航欄形狀,然后分別對導(dǎo)航欄的高光及背景部分設(shè)置圖層樣式,做出水晶質(zhì)感。后期調(diào)整細(xì)節(jié)并加上文字即可。
最終效果

1、打開下圖所示的背景素材。


2、選擇“圓角矩形工具”,在打開的工具選項欄中選擇“形狀圖層”按鈕,創(chuàng)建“形狀 1”圖層。

3、為“形狀 1”圖層添加圖層樣式,單擊“投影”項目,并設(shè)置其各項參數(shù)。
4、單擊“內(nèi)陰影”項目,并設(shè)置其各項參數(shù)。

5、單擊“斜面和浮雕”項目,并設(shè)置其各項參數(shù)。

6、單擊“圖案疊加”項目,并設(shè)置其各項參數(shù)。
7、單擊“描邊”項目,并設(shè)置其各項參數(shù)。

8、按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,設(shè)置圖層“填充”參數(shù),效果如圖所示。

9、復(fù)制“形狀 1”圖層,得到“形狀 1 副本”圖層,并將“形狀 1 副本”圖層的圖層樣式刪除,效果如圖所示。

10、為“形狀 1”圖層添加“漸變疊加”圖層樣式,并設(shè)置其各項參數(shù)。
11、按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,設(shè)置圖層的“填充”參數(shù),效果如圖所示。

12、選擇“矩形工具”,在打開的工具選項欄中選擇“形狀圖層”按鈕,創(chuàng)建“形狀 2”圖層。

13、為“形狀 2”圖層添加圖層樣式,單擊“投影”項目,并設(shè)置其各項參數(shù)。

14、單擊“內(nèi)發(fā)光”項目,并設(shè)置其各項參數(shù)。
15、單擊“漸變疊加”項目,并設(shè)置其各項參數(shù)。

16、單擊“描邊”項目,并設(shè)置其各項參數(shù)。

17、按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,設(shè)置“填充”參數(shù),效果如圖所示。

18、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“高光”,并將其圖層的圖層樣式刪除。
19、將“高光”圖層?xùn)鸥窕,按?lt;Ctrl>鍵的同時單擊“形狀 1”圖層,將其載入選區(qū),移動選區(qū)位置,對“高光”圖層進行修整。

20、為“高光”圖層添加圖層蒙版,選擇“漸變工具”調(diào)整圖像。

21、設(shè)置“填充”參數(shù),效果如圖所示。

22、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“邊”,并將其圖層的圖層樣式刪除。
23、將“邊”圖層?xùn)鸥窕,參照修整“高光”圖層的方法,對“邊”圖層進行修整。

24、取消選區(qū),效果如圖所示。

25、設(shè)置“填充”參數(shù),效果如圖所示。

26、將“圖層”調(diào)板中隱藏的“組 1”圖層組和“素材”圖層顯示,完成本實例的制作。

最終效果:

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

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

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

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