當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

ps基礎(chǔ)制作白紙翹邊的立體陰影特效教(4)

來源:未知 作者:佚名 學(xué)習(xí):17005人次

本教程主要使用Photoshop給白紙制作立體陰影效果,效果有些類似于翹腳的照片邊框效果,在網(wǎng)頁設(shè)計中也可以經(jīng)常見到,下面就一起來學(xué)習(xí)吧。做完交作業(yè)!

最終效果圖:

具體的創(chuàng)建步驟如下:
一、新建一個文檔,640像素寬、480像素高,白色背景。接下來新建一個圖層,填充為#e2e2e2,重命名為”bg”,在圖層面板中右鍵單擊”bg”圖層

選擇”轉(zhuǎn)換為智能物件(Convert to Smart Object)”。然后給該圖層應(yīng)用”濾鏡(Filter)》雜色(Noise)》添加雜色(Add Noise)”命令。

各項參數(shù)設(shè)置如下圖所示:

二、新建一個圖層,命名為”box”,選擇矩形工具(U),畫一個500像素寬,120像素高的矩形,顏色選擇白色(#ffffff)。

之后應(yīng)用如下圖層樣式,其中描邊顏色選擇#f2f2f2。

最終效果如下圖:

三、新建一個圖層,命名為”shadow-right”,選擇矩形工具(U),畫一個寬200像素,高50像素的矩形,顏色為黑色(#000000)。在圖層面板中同時選擇”box”圖層

和”shadow-right”圖層,然后選擇移動工具,使用工具屬性欄中的”底部對齊(align bottom edges)”和”右側(cè)對其(align right edges)”按鍵,

將陰影圖層放置于內(nèi)容盒圖層的右下角。如下圖所示:

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

選擇直接選擇工具,在”shadow-right”圖層的右下角單擊,這時圖層的錨點會顯示出來,在右下角的錨點上單擊,使用鍵盤上的方向鍵,讓其向下移動7個像素,

然后框選右上角和右下角的錨點,同樣使用方向鍵讓矩形的右側(cè)邊緣向左側(cè)移動3個像素,F(xiàn)在選擇移動工具將”shadows-right”圖層拖動到”box”圖層的下方。

效果如下圖:

四、現(xiàn)在在圖層面板中右鍵單擊”shadow-right”圖層,選擇”轉(zhuǎn)換為智能物件(Convert to Smart Object)”命令,將圖層轉(zhuǎn)換為智能物件,

然后在菜單欄上選擇”濾鏡(Filter)》模糊(blur)》高斯模糊(Gaussian Blur)”,參數(shù)如下圖:

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

然后選擇漸變工具(G),按住shift鍵,給”shadow-right”圖層應(yīng)用一個從黑色(#000000)到透明的水平漸變,之后將圖層的不透明度調(diào)整到30%。

這樣就完成了內(nèi)容盒右側(cè)陰影的設(shè)計,最終效果如下圖:

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
厄洛斯2018-04-18 01:47
很不錯
嘻嘻哈哈_Cherry2015-07-08 09:30
經(jīng)常看到這種效果,原來是這么做的~092906ewao4euw2aso7vnu.jpg
嘻嘻哈哈_Cherry2015-07-08 09:07
經(jīng)?吹竭@種效果,原來是這么做的~092906ewao4euw2aso7vnu.jpg
老張家的月月2011-10-09 10:24
不錯的教程
老張家的月月2011-10-09 10:24
不錯的教程
老張家的月月2011-10-09 10:24
不錯的教程
跟我去漂泊2011-10-09 06:23
教程不錯
跟我去漂泊2011-10-09 06:23
教程不錯
跟我去漂泊2011-10-09 06:23
教程不錯
天似夢2011-10-09 06:07
不錯的教程。
天似夢2011-10-09 06:07
不錯的教程。
天似夢2011-10-09 06:07
不錯的教程。
空城碎夢baby2011-10-09 11:26
真棒
億網(wǎng)設(shè)計2011-10-09 11:26
真棒
韻語time2011-10-09 11:26
真棒

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!