陰影效果，制作網(wǎng)頁(yè)常見的圖片投影效果(4)

這種萌萌噠的陰影設(shè)計(jì)常常能看到，特別是最近突然流行起來，今天就跟大家說說，怎么做出這種半透明的投影效果。做完交作業(yè)。

看完后注意到了共同點(diǎn)沒有？沒錯(cuò)，上面這些圖都有個(gè)共同點(diǎn)就是點(diǎn)綴了整個(gè)界面的精致陰影~

這就是本教程要分享給大家的最近大熱的設(shè)計(jì)技巧：“彌散陰影”。相信大家早就見到過類似這些案例了，但你們真的嘗試使用過嗎？一個(gè)本來60分的古板扁平UI界面，加上這種陰影效果就能作品秒變大神啦~

現(xiàn)在開始三步教程，首先拿鄙人最近的一個(gè)羞羞案例來做示范（因?yàn)槭鞘纠�，我把陰影加的有些重）�?/p>

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

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

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

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

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

本文只是希望帶大家入個(gè)門，如其中的技巧還有很多的，喜歡上這種彌散陰影的風(fēng)格后，相信聰明的你還能設(shè)計(jì)衍變出更多風(fēng)格的彌散陰影哦！

（文中圖片部份是網(wǎng)上找的，部份是我自己的，如果善用了您的作品請(qǐng)聯(lián)系刪除( ^_^ )/~~）