側(cè)邊欄包含社交網(wǎng)站鏈接，widget，tabs和廣告。首先制作基本圖層，用矩形工具創(chuàng)建一個(gè)顏色為#353535的矩形，重復(fù)在基本圖層的內(nèi)容區(qū)域使用智能濾鏡和雜色。

社交網(wǎng)站鏈接

創(chuàng)建一個(gè)顏色為#4e4e4e，340像素 x 50像素的矩形。

使用直線工具創(chuàng)建1像素的直線，放在下圖所示位置。

添加Follow us文本，字體選用Helvetica Roman，大小為18pt，顏色#ffffff。（添加1像素的投影，不透明度為75%）

打開事先準(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。

為Most Recent下的圖形應(yīng)用圖層樣式。

· 漸變疊加（顏色）： #4f4f4f， #141e1e

為Most Popular下的圖形應(yīng)用圖層樣式。

· 漸變疊加（顏色）： #353535， #505050

創(chuàng)建一個(gè)基本層放置內(nèi)容，該形狀的大小為302像素 x 435像素，顏色為#4f4f4f。

將分類區(qū)域的文字放在下圖所示位置。

用直線工具添加大小為1像素的直線，放在下圖所示位置。

廣告區(qū)域

找?guī)讖?25像素 x 125像素的廣告樣圖放在下圖所示位置。（上下廣告圖之間的間距為35像素）

未經(jīng)允許不得轉(zhuǎn)載：445IT之家 » wordpress模板設(shè)計(jì)PS教程六：側(cè)邊欄制作