經典導航設計(圖解)(原創教程)

首先聲明下,這個圖是我學習臨摹來的

在製作過程中存了幾個步驟希望與大家分享

首先建立背景

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

 

 

 

 

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

 

 

 

 

原教程中沒有的步驟,爲了讓字體有一點突出感,我加了點投影,細微的變化

 

 

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

 

 

 

 

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

 

 

 

 

然後是加分割線和調整點擊時候的色彩

這是我的最終效果,字體有些模糊,但是我覺得跟整個質感匹配~

只不過放網頁上的話,字有些不清晰

 

 

 

 

這個是老外的最終效果,文字使用的是無樣式

 

 

 

 

 

 

  

 

 

分享完畢~

挺簡單的導航製作,半小時左右就可以完成,甚至更快……有興趣可以試試哈

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章