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

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

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

添加圖層樣式。

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

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

刪除，圖層模式改為疊加，重復這個步驟，做出導航2端的亮邊。

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

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

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

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

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

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