ps基礎(chǔ)制作白紙翹邊的立體陰影特效教(4)
本教程主要使用Photoshop給白紙制作立體陰影效果,效果有些類似于翹腳的照片邊框效果,在網(wǎng)頁(yè)設(shè)計(jì)中也可以經(jīng)常見到,下面就一起來(lái)學(xué)習(xí)吧。做完交作業(yè)!
最終效果圖:
具體的創(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è)像素,F(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ì),最終效果如下圖:
學(xué)習(xí) · 提示
推薦教程
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 用ps制作豎列導(dǎo)航
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- banner教程,用ps制作960*90的廣告圖片
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 陰影效果,教你制作各類陰影教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片