綠客：2013-09-09 11:20:16 發(fā)布 
1.左側(cè)導(dǎo)航背景
選擇背景圖層，新建左側(cè)背景圖層，使用矩形選擇工具創(chuàng)建矩形選區(qū)，填充顏色（R：219，G：242，B：254），結(jié)果如圖所示。
內(nèi)頁左側(cè)導(dǎo)航的設(shè)計
按
在最上面的圖層上面創(chuàng)建“左側(cè)欄目”圖層，使用圓角矩形工具創(chuàng)建圓角矩形路徑，切換到路徑面板單擊工作路徑，使用將路徑作為選區(qū)載入按鈕創(chuàng)建選區(qū)，為選區(qū)填充白色，如圖所示。
設(shè)計出內(nèi)頁左邊欄目的方法
2.欄目文字背景設(shè)計
在“左側(cè)欄目”圖層上創(chuàng)建“欄目文字背景”圖層，使用矩形選擇工具創(chuàng)建矩形選區(qū)，設(shè)置前景色為（R：83，G：176，B：229），背景色為（R：32，G：96，B：132），使用漸變工具從上向下填充從前景到背景的顏色漸變，結(jié)果如圖所示。
設(shè)計出內(nèi)頁左邊欄目的方法
在“欄目文字背景”上新建“斜線”圖層，選擇菜單“文件|打開”命令，打開配套光盤中“\源文件\6\素材\斜線.png”文件，按
設(shè)計出內(nèi)頁左邊欄目的方法
切換到效果圖文件的斜線圖層，確保在選定矩形選區(qū)的情況下，選擇菜單“編輯|填充”，使用“圖案”填充，自定圖案選定剛才定義的“斜線”，填充結(jié)果如圖所示。
設(shè)計出內(nèi)頁左邊欄目的方法
我們發(fā)現(xiàn)填充的顏色很深，選擇圖層不透明度選項，設(shè)置圖層不透明度為20%左右，如圖所示。
拖動兩條垂直的輔助線到上面矩形的兩側(cè)，使用矩形創(chuàng)建矩形選區(qū)，填充灰色（R：221，G：221，B：221）。使用矩形工具創(chuàng)建矩形選區(qū)，在對四行灰色文字背景做小圖標式的描邊，如圖所示。
我們發(fā)現(xiàn)填充的顏色很深，選擇圖層不透明度選項，設(shè)置圖層不透明度為20%左右，如圖所示。
3.導(dǎo)航文字設(shè)計
使用文本工具輸入文字，如圖所示。
4.聯(lián)系電話設(shè)計
創(chuàng)建電話背景圖層，使用圓角矩形工具創(chuàng)建圓角矩形，創(chuàng)建選區(qū)，進行白色描邊。導(dǎo)入電話圖形，使用文本工具輸入聯(lián)系電話，并復(fù)制電腦陰影得到電話陰影效果結(jié)果如圖所示。
煙臺網(wǎng)頁設(shè)計教你設(shè)計出內(nèi)頁左邊欄目的方法到此結(jié)束，同學(xué)們可以反復(fù)練習(xí)下，很多方法做的多了自然就有了。科普云煙臺網(wǎng)站建設(shè)網(wǎng)頁設(shè)計部。
| 科普云為您講解最實用的網(wǎng)站建設(shè)相關(guān)知識 | 延伸閱讀 | |||
| 上一篇：綠客教你設(shè)計出有藝術(shù)創(chuàng)意的網(wǎng)站內(nèi)頁效果圖 |
| |||
| 下一篇：煙臺網(wǎng)頁設(shè)計教你設(shè)計出內(nèi)頁右側(cè)內(nèi)容區(qū)方法 |