使用PS制作網站導航教程
作者:佚名 時間:2014-05-17 分享到:
使用PS制作網站導航
今天我們開始制作網站導航,導航是整個網站的指南針,是瀏覽者進行信息瀏覽的路標,在網站中起到統領全局的要領。導航條的制作應該以引人注目為首要目的,其次通過導航條可以讓瀏覽者更加直觀地了解網站的內容與信息的分類。
首先制作一個圓角矩形
導航是瀏覽者瀏覽網頁的第一選擇,所以非常重要。導航的風格、美觀效果,也直接影響著頁面的風格、美觀效果我們今天要制作的導航是比較圓潤的,所以需要圓角矩形來完成。
打開Photoshop,執行“文件>新建”命令對話框。對相關參數進行設置,如圖所示,新建一個文檔。單擊“確定”按鈕,新建一個文檔如圖1

單擊工具箱中的“圓角矩形工具”按鈕,在“選項”欄中設置“半徑”值為60Px。設置“前景色”為黑色在畫布中繪制圓角矩形,如圖2所示。繪制如圖3


繪制好導航的外形輪廓之后,需要進行簡單的處理。我們可以通過圖層樣式的添加、制作高光部分,來使導航更加具有立體感和質感。
雙擊“形狀1”圖層,彈出“圖層樣式”選擇“漸變疊加”彈出對話框!如圖4

選擇“漸變疊加”圖層樣式,單擊“漸變預覽條”,彈出“漸變編輯器”對話框,設置漸變顏色,如圖5

選擇“描邊”樣式,對相關參數進行設置,如圖6所示。

選擇“投影”樣式,并對參數進行設置,如圖7所示。

如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/news/20151229/n6578.html