- 相關推薦
制作網頁按鈕彌散陰影效果
彌散陰影設計技巧，即裝逼，又實用，還能一秒提升作品質量，下面是由百分網小編為大家準備的制作網頁按鈕彌散陰影效果，喜歡的可以收藏一下!了解更多詳情資訊，請關注應屆畢業生考試網!
先看看效果圖
第一步、以界面中的圓角矩形按鈕來做案例，先畫個500*100的圓角矩形，色值#52ca7a，得到一個圓角矩形，我命名為：學UI設計網【圓角】
(朋友們要記住想用彌散陰影，先別用直角，圓角做出來的效果更好看)
第二步、ctrl+j快捷鍵復制學UI設計網【圓角】得到學UI設計網【陰影】，這里和直接在圖層樣式中添加投影樣式的區別就在這里了：必須要把學UI設計網【陰影】等比例縮小一些!然后透明度設40%左右，并向下移動15px左右(這些數值僅供參考，具體自己把握，方法是死的，人是活的，另外記得把學UI設計網【陰影】圖層移到學UI設計網【圓角】下方)
第三步、點開PS工具欄中的窗口-屬性-蒙板，設置羽化為10左右，就這樣一個最最簡單的彌散陰影就做出來啦!!
是不是很簡單，我們可以發揮創意，運用彌散陰影技巧設計出更多有意思的小部件，并且完美運用。
【制作網頁按鈕彌散陰影效果】相關文章：
網頁互動按鈕的制作11-03
Photoshop制作網頁按鈕的方法07-26
PS如何設計一款帶陰影的網頁按鈕08-28
使用PhotoShop制作斜紋質感網頁導航按鈕教程06-03
網頁設計中如何設計按鈕07-29
網頁點擊按鈕返回頂部代碼11-05
網頁設計中按鈕是什么顏色06-18
制作photoshop金屬質感按鈕的方法10-30