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

2、選擇“圓角矩形工具”,在打開(kāi)的工具選項(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)閉“圖層樣式”對(duì)話框,設(shè)置圖層“填充”參數(shù),效果如圖所示。
9、復(fù)制“形狀 1”圖層,得到“形狀 1 副本”圖層,并將“形狀 1 副本”圖層的圖層樣式刪除,效果如圖所示。
10、為“形狀 1”圖層添加“漸變疊加”圖層樣式,并設(shè)置其各項(xiàng)參數(shù)。
11、按下“確定”按鈕,關(guān)閉“圖層樣式”對(duì)話框,設(shè)置圖層的“填充”參數(shù),效果如圖所示。
12、選擇“矩形工具”,在打開(kāi)的工具選項(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)閉“圖層樣式”對(duì)話框,設(shè)置“填充”參數(shù),效果如圖所示。
18、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“高光”,并將其圖層的圖層樣式刪除。
19、將“高光”圖層?xùn)鸥窕,按?lt;Ctrl>鍵的同時(shí)單擊“形狀
1”圖層,將其載入選區(qū),移動(dòng)選區(qū)位置,對(duì)“高光”圖層進(jìn)行修整。
20、為“高光”圖層添加圖層蒙版,選擇“漸變工具”調(diào)整圖像。
21、設(shè)置“填充”參數(shù),效果如圖所示。
22、復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層并命名為“邊”,并將其圖層的圖層樣式刪除。
23、將“邊”圖層?xùn)鸥窕,參照修整“高光”圖層的方法,對(duì)“邊”圖層進(jìn)行修整。
24、取消選區(qū),效果如圖所示。
25、設(shè)置“填充”參數(shù),效果如圖所示。
26、將“圖層”調(diào)板中隱藏的“組 1”圖層組和“素材”圖層顯示,完成本實(shí)例的制作。
最終效果:
最終效果



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

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


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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

最終效果:

學(xué)習(xí) · 提示
相關(guān)教程
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 網(wǎng)頁(yè)設(shè)計(jì),設(shè)計(jì)金屬質(zhì)感游戲主題登陸框
- ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
- 臨摹播放條
- 利用光來(lái)修飾卡通人物廣告圖片
- ps制作透明質(zhì)感導(dǎo)航圖片教程
- 專(zhuān)題頭圖設(shè)計(jì)需要注意的細(xì)節(jié)
- 做出有品質(zhì)的廣告圖片
- ps打造簡(jiǎn)潔的新聞欄目網(wǎng)頁(yè)設(shè)計(jì)制作教程
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!