Photoshop簡(jiǎn)單制作網(wǎng)頁(yè)的內(nèi)容陰影塊

最終效果圖：

具體的創(chuàng)建步驟如下：

一、新建一個(gè)文檔，640像素寬、480像素高，白色背景。接下來(lái)新建一個(gè)圖層，填充為#e2e2e2，重命名為”bg”，在圖層面板中右鍵單擊”bg”圖層，選擇”轉(zhuǎn)換為智能物件（Convert to Smart Object）”。然后給該圖層應(yīng)用”濾鏡（Filter）》雜色（Noise）》添加雜色（Add Noise）”命令。各項(xiàng)參數(shù)設(shè)置如下圖所示：

二、新建一個(gè)圖層，命名為”box”，選擇矩形工具（U），畫一個(gè)500像素寬，120像素高的矩形，顏色選擇白色（#ffffff）。之后應(yīng)用如下圖層樣式，其中描邊顏色選擇#f2f2f2。

最終效果如下圖：

三、新建一個(gè)圖層，命名為”shadow-right”，選擇矩形工具（U），畫一個(gè)寬200像素，高50像素的矩形，顏色為黑色（#000000）。在圖層面板中同時(shí)選擇”box”圖層和”shadow-right”圖層，然后選擇移動(dòng)工具，使用工具屬性欄中的”底部對(duì)齊（align bottom edges）”和”右側(cè)對(duì)其（align right edges）”按鍵，將陰影圖層放置于內(nèi)容盒圖層的右下角。如下圖所示：

然后在圖層面板中選擇”shadow-right”圖層的矢量蒙版縮略圖，如下圖：

選擇直接選擇工具，在”shadow-right”圖層的右下角單擊，這時(shí)圖層的錨點(diǎn)會(huì)顯示出來(lái)，在右下角的錨點(diǎn)上單擊，使用鍵盤上的方向鍵，讓其向下移動(dòng)7個(gè)像素，然后框選右上角和右下角的錨點(diǎn)，同樣使用方向鍵讓矩形的右側(cè)邊緣向左側(cè)移動(dòng)3個(gè)像素。現(xiàn)在選擇移動(dòng)工具將”shadows-right”圖層拖動(dòng)到”box”圖層的下方。效果如下圖：

四、現(xiàn)在在圖層面板中右鍵單擊”shadow-right”圖層，選擇”轉(zhuǎn)換為智能物件（Convert to Smart Object）”命令，將圖層轉(zhuǎn)換為智能物件，然后在菜單欄上選擇”濾鏡（Filter）》模糊（blur）》高斯模糊（Gaussian Blur）”，參數(shù)如下圖：

之后給此圖層添加蒙版，如下圖：

然后選擇漸變工具（G），按住shift鍵，給”shadow-right”圖層應(yīng)用一個(gè)從黑色（#000000）到透明的水平漸變，之后將圖層的不透明度調(diào)整到30%。這樣就完成了內(nèi)容盒右側(cè)陰影的設(shè)計(jì)，最終效果如下圖：

同理，你可以按照上面的方法做出左邊的陰影效果。

下載文件：http://網(wǎng)址未加載/wp-content/uploads/2011/05/box-shadows.zip