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

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

看完后注意到了共同點沒有？沒錯，上面這些圖都有個共同點就是點綴了整個界面的精致陰影~

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

現(xiàn)在開始三步教程，首先拿鄙人最近的一個羞羞案例來做示范（因為是示例，我把陰影加的有些重）：

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

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

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

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

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

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

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