教你網(wǎng)站信息中心欄目的設(shè)計(jì)方法教程

1.環(huán)形圖標(biāo)的繪制

選擇背景圖層，創(chuàng)建“信息中心圖標(biāo)”圖層，使用選擇工具組中的“橢圓選擇工具”，按住<Alt+Shift>從中心創(chuàng)建正圓形選區(qū)。設(shè)置前景色為（R：212，G：71，B：17），背景色為（R：248，G：174，B：54），選擇漸變工具，為選區(qū)從上向下填充前景向背景的漸變色，按<Ctrl+D>取消選區(qū)。再次選擇“橢圓選擇工具”，按住<Alt+Shift>從中心創(chuàng)建一個(gè)小一些的正圓形選區(qū)，按Delete鍵刪除選區(qū)內(nèi)的圖像，結(jié)果如圖所示。

網(wǎng)站信息中心欄目的設(shè)計(jì)教程(圖一)
 

2.欄目文字的設(shè)計(jì)

選擇文本工具，輸入“信息中心 News”欄目文字，設(shè)置字體為“漢儀中圓簡(jiǎn)”，設(shè)置字號(hào)16，顏色為深灰（R：45，G：45，B：45），如圖所示。

網(wǎng)站信息中心欄目的設(shè)計(jì)教程(圖二)
 

3.欄目信息的設(shè)計(jì)

同樣使用文本工具，設(shè)置文字字體為宋體，大小為11，行距為18，顏色和標(biāo)題一樣為深灰，輸入6條新聞標(biāo)題信息，結(jié)果如圖所示。使用同樣的方法輸入新聞日期，如圖所示。

網(wǎng)站信息中心欄目的設(shè)計(jì)教程(圖三)
 

創(chuàng)建“新聞圖標(biāo)”圖層，使用矩形選擇工具，設(shè)置選擇方式為第二個(gè)圖標(biāo)“相加”，如圖所示，在每條新聞的前面創(chuàng)建小的正方形選區(qū)，設(shè)置前景色為橙色（R：212，G：71，B：17），按<Alt+Delete>鍵填充前景色，結(jié)果如圖所示。

網(wǎng)站信息中心欄目的設(shè)計(jì)教程(圖四)
 

4.更多新聞的設(shè)計(jì)

使用文本工具輸入英文更多“MORE”，設(shè)置字體與大小，放置在信息中心欄目的右側(cè)。選擇“新聞圖標(biāo)圖層”，按照繪制信息中心圖標(biāo)的方法，繪制表示更多的圖標(biāo)，注意中間的三角形可以通過多邊形選區(qū)工具建立，結(jié)果如圖所示。

網(wǎng)站信息中心欄目的設(shè)計(jì)教程(圖五)
 

至此“網(wǎng)站信息中心欄目的設(shè)計(jì)方法教程”結(jié)束，由科普云煙臺(tái)網(wǎng)頁(yè)設(shè)計(jì)部整理發(fā)布