平面設(shè)計(jì)：網(wǎng)站導(dǎo)航欄的設(shè)計(jì)案例教程

網(wǎng)站導(dǎo)航欄設(shè)計(jì)平面設(shè)計(jì)案例所有權(quán)：長(zhǎng)沙新華電腦學(xué)院平面設(shè)計(jì)典型實(shí)例實(shí)驗(yàn)名稱：網(wǎng)站導(dǎo)航欄設(shè)計(jì)實(shí)驗(yàn)編號(hào)：XHJC-SY-016-11實(shí)驗(yàn)?zāi)康模?.熟練掌握Photoshop的常用操作方法及技巧2.了解網(wǎng)站導(dǎo)航欄的設(shè)計(jì)標(biāo)準(zhǔn)及本卷須知考核點(diǎn)：1.濾鏡效果的應(yīng)用2.圖層樣式的應(yīng)用平面設(shè)計(jì)典型實(shí)例實(shí)驗(yàn)要求〔1〕啟動(dòng)PhotoshopCS2，然后按組合鍵【Ctrl＋N】翻開【新建】對(duì)話框進(jìn)行如圖11-1的參數(shù)設(shè)置。圖11-1【新建】對(duì)話框平面設(shè)計(jì)典型實(shí)例〔2〕單擊工具箱中前景色按鈕，翻開【拾色器】對(duì)話框選擇藍(lán)色。如圖11-2所示。圖11-2【拾色器】對(duì)話框平面設(shè)計(jì)典型實(shí)例〔3〕首先將背景層填充為藍(lán)色，再選擇【矩形選框】工具繪制矩形并填充為黑色，如圖11-3所示。圖11-3繪制矩形平面設(shè)計(jì)典型實(shí)例〔4〕選擇并翻開“導(dǎo)航欄/01.psd〞文件，在工具箱中選擇【移動(dòng)】工具，調(diào)整圖像大小和位置，如圖11-4所示。圖11-4調(diào)整圖像平面設(shè)計(jì)典型實(shí)例〔5〕選擇并翻開“導(dǎo)航欄/02.psd〞文件，選擇【移動(dòng)】工具調(diào)整圖像大小和位置，如圖11-5所示。圖11-5調(diào)整圖像平面設(shè)計(jì)典型實(shí)例〔6〕選擇并翻開“導(dǎo)航欄/03.psd〞文件，使用【移動(dòng)】工具，調(diào)整圖像大小和位置，如圖11-6所示。圖11-6調(diào)整圖像平面設(shè)計(jì)典型實(shí)例〔7〕新建“圖層1〞，選擇工具箱中【矩形選框】工具，繪制矩形并填充灰色，復(fù)制圖層1，調(diào)整對(duì)象大小和位置，如圖11-7所示。圖11-7繪制矩形平面設(shè)計(jì)典型實(shí)例〔8〕依次繪制一個(gè)三角型和圓型并填充漸變色，調(diào)整大小和位置，如圖11-8所示。圖11-8繪制的幾何圖形平面設(shè)計(jì)典型實(shí)例〔9〕單擊工具箱中【矩形選框】工具，在頁面中繪制矩形并填充漸變顏色，調(diào)整適宜位置，如圖11-9所示。圖11-9漸變的矩形平面設(shè)計(jì)典型實(shí)例〔10〕單擊工具箱中【矩形選框】工具，繪制矩形并填充【徑向漸變】，設(shè)置不透明度為“90%〞，調(diào)整大小和位置，如圖11-10所示。圖11-10透明的矩形平面設(shè)計(jì)典型實(shí)例〔11〕選擇工具箱中【文字工具】輸入文字所需文字，調(diào)整大小和位置，所圖11-11所示。圖11-11輸入文字平面設(shè)計(jì)典型實(shí)例〔12〕選擇【矩形選框】工具，繪制其余的幾何圖形，如圖11-12所示。圖11-12繪制幾何圖形平面設(shè)計(jì)典型實(shí)例〔13〕選擇工具箱中【圓角矩形】工具繪制圓角矩形，設(shè)置不透明度為“60%〞，執(zhí)行菜單命令【濾鏡】→【渲染】→【鏡頭光暈】，如圖11-13所示。圖11-13【鏡頭光暈】對(duì)話框平面設(shè)計(jì)典型實(shí)例〔14〕最后輸入文字，效果如圖11-14所示。圖11-1