側邊欄包含社交網站連結,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 畫素)