用ps制作網(wǎng)站導(dǎo)航(5)

本ps教程學(xué)習(xí)如何用photoshop制作時(shí)尚耐看的網(wǎng)站導(dǎo)航條，主要用到了圓角矩形和圖層樣式，先看效果圖。

新建文檔560x300像素，背景黑色，建新層，畫一白色圓角矩形。

添加圖層樣式。

顏色請(qǐng)采樣我的截圖，效果如下(局部)

新建圖層1，調(diào)出圓角矩形選區(qū)，填充白色，把選區(qū)左挪2像素。(最后的效果里我修改了一下，挪了1像素)

刪除，圖層模式改為疊加，重復(fù)這個(gè)步驟，做出導(dǎo)航2端的亮邊。

輸入一些白色文字，比如關(guān)于我們 聯(lián)系方式博客等等，添加圖層樣式。

下面制作鼠標(biāo)懸浮框，就是鼠標(biāo)移到文字上面時(shí)，會(huì)有不同的視覺(jué)樣式呈現(xiàn)，一般用CSS來(lái)完成，建新層，做一矩形選區(qū)，透明到黑徑向漸變。

圖層模式柔光，不透明度90%。

建新層，做如下矩形選區(qū)，填充白色。

添加蒙版，黑白對(duì)稱漸變，圖層不透明度90%，可能會(huì)有超界的白邊，用筆刷涂抹掉即可。

這樣，一個(gè)簡(jiǎn)單的網(wǎng)站導(dǎo)航就制作完成了，本ps教程到此結(jié)束。