首先建立背景

　　然后用圓角矩形 圓角5px 尺寸和顏色圖片有說明

　　這里使用軟畫筆提亮背景，筆觸300像素大小

　　原教程中沒有的步驟，為了讓字體有一點(diǎn)突出感，我加了點(diǎn)投影，細(xì)微的變化

　　拉漸變，可以直接用矩形選框，距離外框10px即可，然后漸變圖層透明度為5%

　　寫上目錄，選自己喜歡的顏色和字體

　　然后是加分割線和調(diào)整點(diǎn)擊時(shí)候的色彩

　　這是我的最終效果，字體有些模糊，但是我覺得跟整個(gè)質(zhì)感匹配~

　　只不過放網(wǎng)頁上的話，字有些不清晰

　　這個(gè)是老外的最終效果，文字使用的是無樣式

　　分享完畢~

　　挺簡單的導(dǎo)航制作，半小時(shí)左右就可以完成，甚至更快……有興趣可以試試哈