圖片輪換區(qū)域包含圖像預(yù)覽，縮略圖，標(biāo)題，內(nèi)容，read more按鈕以及輪換控制鍵。首先，創(chuàng)建一個大小為620像素 x 1305像素，顏色為#e1eaea的矩形，做安放內(nèi)容之用。

在基本圖層上添加噪點(diǎn)。進(jìn)入濾鏡-轉(zhuǎn)換為智能濾鏡，然后再進(jìn)入濾鏡-雜色-添加雜色-數(shù)量-1

在下圖所示位置分別放上大小為300像素 x 200像素的預(yù)覽樣圖和60像素 x 60像素的縮略圖。（圖片的擺放距離如圖上的紅體字所示）

應(yīng)用圖層樣式

· 描邊（顏色）： #4e4e4e

接下來，我們?yōu)轭A(yù)覽圖和縮略圖分別添加標(biāo)題，內(nèi)容以及read more 按鈕。文字的字體參數(shù)參見下圖的紅體字部分。

制作一個80像素 x 25像素的矩形作為read more按鈕，放在下圖所示位置。

新建圖層，用鉛筆工具（Pencil Tool）在該圖層上描出下圖所示的箭頭形狀。

在上一步的箭頭圖層中使用蒙版工具，在箭頭圖層載入選區(qū)。然后適用快捷鍵Ctrl + Shift + I 進(jìn)行反選（Inverse），選中矩形圖層，然后點(diǎn)擊下圖中fx圖標(biāo)前的蒙版圖標(biāo)。完成之后，隱藏箭頭圖層或是刪掉。

將矩形的顏色改為#fea702

應(yīng)用圖層樣式

· 投影（顏色）： #000000

· 內(nèi)陰影（顏色）： #ffffff

用文字工具在read more按鈕的正中位置上添加文字，字體名為Helvetica Roman，字體大小12pt，字體顏色#fffffff。 完成之后，復(fù)制該形狀圖層并上移1像素，將顏色修改為：#cb8500.

最后一項(xiàng)操作是添加分割線。選用文本工具，輸入“——–”內(nèi)容作為分割線，填充顏色為#4e4e4e，復(fù)制文本層（寫了很多“—–”的這層），改變原始圖層顏色為#ffffff。

未經(jīng)允許不得轉(zhuǎn)載：445IT之家 » wordpress模板設(shè)計(jì)PS教程四：圖片輪換區(qū)域