時間:2024-03-07 21:46作者:下載吧人氣:30
這種萌萌噠的陰影設計常常能看到,特別是最近突然流行起來,今天就跟大家說說,怎么做出這種半透明的投影效果。做完交作業。
看完后注意到了共同點沒有?沒錯,上面這些圖都有個共同點就是點綴了整個界面的精致陰影~
這就是本教程要分享給大家的最近大熱的設計技巧:“彌散陰影”。相信大家早就見到過類似這些案例了,但你們真的嘗試使用過嗎?一個本來60分的古板扁平UI界面,加上這種陰影效果就能作品秒變大神啦~
現在開始三步教程,首先拿鄙人最近的一個羞羞案例來做示范(因為是示例,我把陰影加的有些重):
第一步、這里以界面中的圓角矩形按鈕來做示范,先畫個230*60的圓角矩形,色值#ff4683,得到一個圓角矩形
(新手朋友們要記住想用彌散陰影的話,先別用直角,稍微幾像素的圓角或直接圓角矩形做出來的效果更好看)
第二步、ctrl+j快捷鍵復制圓角矩形A得到圓角矩形B,透明度設30%,并向下移動10px(記得把B圖層移到A圖層下方)
第三步、點開PS工具欄中的濾鏡-模糊-高斯模糊功能,設置模糊半徑為6,噠啦~一個最簡單的彌散陰影就做出來啦!!!
依次類推,我們可以發揮創意,運用彌散陰影技巧設計出更多有意思的小部件,并且完美運用~~
本文只是希望帶大家入個門,如其中的技巧還有很多的,喜歡上這種彌散陰影的風格后,相信聰明的你還能設計衍變出更多風格的彌散陰影哦!
(文中圖片部份是網上找的,部份是我自己的,如果善用了您的作品請聯系刪除( ^_^ )/~~)
網友評論