傳智播客網(wǎng)頁(yè)平面設(shè)計(jì)學(xué)院-網(wǎng)頁(yè)設(shè)計(jì)-網(wǎng)頁(yè)導(dǎo)航制作 2

《傳智播客網(wǎng)頁(yè)平面設(shè)計(jì)學(xué)院-網(wǎng)頁(yè)設(shè)計(jì)-網(wǎng)頁(yè)導(dǎo)航制作 2》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、導(dǎo)航在網(wǎng)站設(shè)計(jì)中占有舉足輕重的地位，導(dǎo)航是整個(gè)站點(diǎn)中（特別是門戶站）視覺(jué)的焦點(diǎn)和中心，其影響力僅次于Banner!導(dǎo)航的成敗直接影響了整個(gè)站點(diǎn)的表現(xiàn)，不管是企業(yè)站，還是Flash站點(diǎn)，都不應(yīng)該輕視導(dǎo)航的設(shè)計(jì)！在這里我就大概講一下質(zhì)感類導(dǎo)航的制作方式！我們可以把導(dǎo)航的質(zhì)感分為幾層，例如高光，泛光，點(diǎn)光，投影等，也就是基本一個(gè)實(shí)物應(yīng)該具備的一些效果，把他們綜合到界面上，就可以比較好的展現(xiàn)出界面的質(zhì)感，詳細(xì)請(qǐng)看下圖！當(dāng)然這種效果的制作的方法很多，那么我就按著我的個(gè)人經(jīng)驗(yàn)和制作習(xí)慣為大家講解一下制作的步驟第一步：繪制背景1、選擇圓角矩形工具繪制背景2、雙擊背景層彈出圖層樣式，給背景增加投影來(lái)體現(xiàn)一

2、下質(zhì)感第二步：增加高光效果1、按住CTRL鍵點(diǎn)擊點(diǎn)擊背景層小窗口把背景層的形狀提取出來(lái)，繪制高光2、出現(xiàn)選區(qū)3、新建圖層，命名高光4、選擇漸變工具，繪制高光5、快捷鍵ctrl+D去掉選區(qū)點(diǎn)擊矩形選擇工具刪除多余的部分顯示最終效果6、增加高光線步驟同上把中間多余的部分刪掉第三步:增加泛光1、選擇橢圓選框工具繪制一個(gè)選區(qū)2、選擇漸變，這個(gè)步驟之前已經(jīng)介紹，我們通過(guò)變形工具來(lái)進(jìn)行壓縮實(shí)現(xiàn)我們需要的泛光效果3、給泛光增加濾鏡，高斯模糊放到上面顯示最終效果第四步:增加內(nèi)透光1、制作步驟和增加泛光步驟基本一致，不用加濾鏡，把下面的部分刪除顯示最終效果第五步:增加投影1、把泛光層從新復(fù)制一層來(lái)做投影（命

3、名投影層）2、修改投影層樣式，將顏色疊加顏色調(diào)成黑色顯示最終效果第六步：增加logo投影及文字1、導(dǎo)入logo圖片調(diào)整大小2、選擇logo層增加圖層蒙版3、選擇漸變工具，將漸變調(diào)成黑白4、把背景選區(qū)的形狀點(diǎn)出，前面有介紹5、ctrl+shift+I進(jìn)行反選刪除多余的部分6、選擇橫排文字工具輸入文字，我用的文字是微軟雅黑，字號(hào)14點(diǎn)現(xiàn)在就大功告成了