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

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):344人次
作者:佚名   出處:騰龍視覺

本教程介紹非常精致的導(dǎo)航欄的制作方法。大致過程:先用做出自己想要的導(dǎo)航欄形狀,然后分別對導(dǎo)航欄的高光及背景部分設(shè)置圖層樣式,做出水晶質(zhì)感。后期調(diào)整細(xì)節(jié)并加上文字即可。

最終效果



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


<點(diǎn)小圖查看大圖>

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


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


4、單擊“內(nèi)陰影”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。


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


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


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


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


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


10、為“形狀 1”圖層添加“漸變疊加”圖層樣式,并設(shè)置其各項(xiàng)參數(shù)。


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


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


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


14、單擊“內(nèi)發(fā)光”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。


15、單擊“漸變疊加”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。


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


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


18、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“高光”,并將其圖層的圖層樣式刪除。


  19、將“高光”圖層?xùn)鸥窕聪?lt;Ctrl>鍵的同時(shí)單擊“形狀 1”圖層,將其載入選區(qū),移動(dòng)選區(qū)位置,對“高光”圖層進(jìn)行修整。


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


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


22、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“邊”,并將其圖層的圖層樣式刪除。


  23、將“邊”圖層?xùn)鸥窕,參照修?ldquo;高光”圖層的方法,對“邊”圖層進(jìn)行修整。


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


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


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


最終效果:


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

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

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

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