Photoshop中建立內容盒陰影製作效果教程

來源:互聯網
上載者:User

  最終效果圖:

  具體的建立步驟如下:

  一、建立一個文檔,640像素寬、480像素高,白色背景。接下來建立一個圖層,填充為#e2e2e2,重新命名為”bg”,在圖層面板中按右鍵”bg”圖層,選擇”轉換為智能物件(Convert to Smart Object)”。然後給該圖層應用”濾鏡(Filter)》雜色(Noise)》添加雜色(Add Noise)”命令。各項參數設定如下圖所示:

  二、建立一個圖層,命名為”box”,選取矩形工具(U),畫一個500像素寬,120像素高的矩形,顏色選擇白色(#ffffff)。之後應用如下圖層樣式,其中描邊顏色選擇#f2f2f2。

  最終效果如下圖:

  三、建立一個圖層,命名為”shadow-right”,選取矩形工具(U),畫一個寬200像素,高50像素的矩形,顏色為黑色(#000000)。在圖層面板中同時選擇”box”圖層和”shadow-right”圖層,然後選擇移動工具,使用工具屬性欄中的”底部對齊(align bottom edges)”和”右側對其(align right edges)”按鍵,將陰影圖層放置於內容盒圖層的右下角。如下圖所示:

  然後在圖層面板中選擇”shadow-right”圖層的向量蒙版縮圖,如下圖:

  選擇直接選擇工具,在”shadow-right”圖層的右下角單擊,這時圖層的錨點會顯示出來,在右下角的錨點上單擊,使用鍵盤上的方向鍵,讓其向下移動7個像素,然後框選右上方和右下角的錨點,同樣使用方向鍵讓矩形的右側邊緣向左側移動3個像素。現在選擇移動工具將”shadows- right”圖層拖動到”box”圖層的下方。效果如下圖:

  四、現在在圖層面板中按右鍵”shadow-right”圖層,選擇”轉換為智能物件(Convert to Smart Object)”命令,將圖層轉換為智能物件,然後在功能表列上選擇”濾鏡(Filter)》模糊(blur)》高斯模糊(Gaussian Blur)”,參數如下圖:

  之後給此圖層添加蒙版,如下圖:

  然後選擇漸層工具(G),按住shift鍵,給”shadow-right”圖層應用一個從黑色(#000000)到透明的水平漸層,之後將圖層的不透明度調整到30%。這樣就完成了內容盒右側陰影的設計,最終效果如下圖:

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

  下載檔案:http://startwmlife.com/wp-content/uploads/2011/05/box-shadows.zip

分類:
  • PS入門教程
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。