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

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

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

2.欄目文字的設計

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

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

3.欄目信息的設計

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

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

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

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

4.更多新聞的設計

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

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

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