PS設(shè)計(jì)教程之制作WordPress新聞博客模(9)
打開事先準(zhǔn)備好的社交網(wǎng)絡(luò)圖標(biāo),按照下圖所示位置放置。使用快捷鍵Ctrl+T進(jìn)行變換大小操作,直到大小合適為止,為各個(gè)圖標(biāo)添加1像素的投影。
About Us Widget
widget包括縮略圖,頁眉,內(nèi)容,read more按鈕。首先,創(chuàng)建一個(gè)顏色與放社交圖標(biāo)區(qū)域一樣的基本圖層,大小340像素 x 210像素。頁眉的文本字體格式與社交圖標(biāo)區(qū)域不變。
創(chuàng)建大小為90像素 x 90像素,顏色為#121b1b的正方形。放在圖示About Yana的下方。
用文字工具在之前的方形右邊添加顏色為#cccccc的文字,并加上1像素的頭像。另外,復(fù)制之前制作的read more按鈕,將其顏色改為#616161,放在圖示位置。
Tabs
tabs包含Most Recent posts和Most Popular兩部分內(nèi)容。創(chuàng)建一個(gè)125像素 x 50像素的矩形。在該矩形放上Most Recent的字樣,字體為Helvetica Roman,大小14pt,顏色#fffffff,并添加1像素的投影。復(fù)制這兩個(gè)圖層,將文本改為Most Popular。
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁模板教程
- ps黑色風(fēng)格網(wǎng)頁模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁模板
- PS設(shè)計(jì)一個(gè)葡萄酒博客網(wǎng)頁模板
- 如何設(shè)計(jì)與PSD模板標(biāo)題導(dǎo)航菜單教程
- ps設(shè)計(jì)心形網(wǎng)頁模板教程
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- photoshop設(shè)計(jì)企業(yè)網(wǎng)站首頁實(shí)例
- PS設(shè)計(jì)教程之如何制作一個(gè)時(shí)尚的商業(yè)模
推薦教程
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程