Photoshop打造非常精致的條紋水晶導(dǎo)航欄(3)
本教程介紹非常精致的導(dǎo)航欄的制作方法。大致過程:先用做出自己想要的導(dǎo)航欄形狀,然后分別對(duì)導(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)閉“圖層樣式”對(duì)話框,設(shè)置圖層“填充”參數(shù),效果如圖所示。
9、復(fù)制“形狀 1”圖層,得到“形狀 1 副本”圖層,并將“形狀 1 副本”圖層的圖層樣式刪除,效果如圖所示。
10、為“形狀 1”圖層添加“漸變疊加”圖層樣式,并設(shè)置其各項(xiàng)參數(shù)。
11、按下“確定”按鈕,關(guān)閉“圖層樣式”對(duì)話框,設(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)閉“圖層樣式”對(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)鸥窕,參照修?ldquo;高光”圖層的方法,對(duì)“邊”圖層進(jìn)行修整。
24、取消選區(qū),效果如圖所示。
25、設(shè)置“填充”參數(shù),效果如圖所示。
26、將“圖層”調(diào)板中隱藏的“組 1”圖層組和“素材”圖層顯示,完成本實(shí)例的制作。
最終效果:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop制作網(wǎng)頁搜索條
- 陰影效果,教你制作各類陰影教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 用ps制作豎列導(dǎo)航
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果