Photoshop打造非常精致的條紋水晶導航欄

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

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

最終效果



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


<點小圖查看大圖>

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


  19、將“高光”圖層柵格化,按下<Ctrl>鍵的同時單擊“形狀 1”圖層,將其載入選區(qū),移動選區(qū)位置,對“高光”圖層進行修整。


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


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


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


  23、將“邊”圖層柵格化,參照修整“高光”圖層的方法,對“邊”圖層進行修整。


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


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


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


最終效果:


學習 · 提示

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

關注大神微博加入>>

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