陰影效果,制作網(wǎng)頁常見的圖片投影效果

2022-12-26 18:31:45 來源/作者: / 己有:27人學(xué)習(xí)過

 

第一步、這里以界面中的圓角矩形按鈕來做示范,先畫個(gè)230*60的圓角矩形,色值#ff4683,得到一個(gè)圓角矩形

(新手朋友們要記住想用彌散陰影的話,先別用直角,稍微幾像素的圓角或直接圓角矩形做出來的效果更好看)

_0439131B3-4.png

 

第二步、ctrl+j快捷鍵復(fù)制圓角矩形A得到圓角矩形B,透明度設(shè)30%,并向下移動(dòng)10px(記得把B圖層移到A圖層下方)

_043913N12-5.png

 

第三步、點(diǎn)開PS工具欄中的濾鏡-模糊-高斯模糊功能,設(shè)置模糊半徑為6,噠啦~一個(gè)最簡(jiǎn)單的彌散陰影就做出來啦?。。?/p>

_0439132O8-6.png

 

依次類推,我們可以發(fā)揮創(chuàng)意,運(yùn)用彌散陰影技巧設(shè)計(jì)出更多有意思的小部件,并且完美運(yùn)用~~

_0439131304-7.png