

側邊欄包含社交網站鏈接,widget,tabs 和廣告。首先製作基本圖層,用矩形工具創建一個顏色為 #353535 的矩形,重複在基本圖層的內容區域使用智能濾鏡和雜色。

社交網站鏈接

創建一個顏色為 #4e4e4e,340 像素 x 50 像素的矩形。

使用直線工具創建 1 像素的直線,放在下圖所示位置。

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

打開事先準備好的社交網絡圖標,按照下圖所示位置放置。使用快捷鍵 Ctrl+T 進行變換大小操作,直到大小合適為止,為各個圖標添加 1 像素的投影。

About Us Widget

widget 包括縮略圖,頁眉,內容,read more 按鈕。首先,創建一個顏色與放社交圖標區域一樣的基本圖層,大小 340 像素 x 210 像素。頁眉的文本字體格式與社交圖標區域不變。

創建大小為 90 像素 x 90 像素,顏色為 #121b1b 的正方形。放在圖示 About Yana 的下方。

用文字工具在之前的方形右邊添加顏色為 #cccccc 的文字,並加上 1 像素的頭像。另外,複製之前製作的 read more 按鈕,將其顏色改為 #616161,放在圖示位置。

Tabs

tabs 包含 Most Recent posts 和 Most Popular 兩部分內容。創建一個 125 像素 x 50 像素的矩形。在該矩形放上 Most Recent 的字樣,字體為 Helvetica Roman,大小 14pt,顏色 #fffffff,並添加 1 像素的投影。複製這兩個圖層,將文本改為 Most Popular 。

為 Most Recent 下的圖形應用圖層樣式。
· 漸變疊加 (顏色): #4f4f4f, #141e1e

為 Most Popular 下的圖形應用圖層樣式。
· 漸變疊加 (顏色): #353535, #505050


創建一個基本層放置內容,該形狀的大小為 302 像素 x 435 像素,顏色為 #4f4f4f 。

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

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

廣告區域

找幾張 125 像素 x 125 像素的廣告樣圖放在下圖所示位置。 (上下廣告圖之間的間距為 35 像素)
