制作網(wǎng)頁按鈕彌散陰影效果

　　彌散陰影設(shè)計技巧，即裝逼，又實用，還能一秒提升作品質(zhì)量，下面是由百分網(wǎng)小編為大家準(zhǔn)備的制作網(wǎng)頁按鈕彌散陰影效果，喜歡的可以收藏一下!了解更多詳情資訊，請關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)!

　　先看看效果圖

　　第一步、以界面中的圓角矩形按鈕來做案例，先畫個500*100的圓角矩形，色值#52ca7a，得到一個圓角矩形，我命名為：學(xué)UI設(shè)計網(wǎng)【圓角】

　　(朋友們要記住想用彌散陰影，先別用直角，圓角做出來的效果更好看)

　　第二步、ctrl+j快捷鍵復(fù)制學(xué)UI設(shè)計網(wǎng)【圓角】得到學(xué)UI設(shè)計網(wǎng)【陰影】，這里和直接在圖層樣式中添加投影樣式的區(qū)別就在這里了：必須要把學(xué)UI設(shè)計網(wǎng)【陰影】等比例縮小一些!然后透明度設(shè)40%左右，并向下移動15px左右(這些數(shù)值僅供參考，具體自己把握，方法是死的，人是活的，另外記得把學(xué)UI設(shè)計網(wǎng)【陰影】圖層移到學(xué)UI設(shè)計網(wǎng)【圓角】下方)

　　第三步、點開PS工具欄中的窗口-屬性-蒙板，設(shè)置羽化為10左右，就這樣一個最最簡單的彌散陰影就做出來啦!!

　　是不是很簡單，我們可以發(fā)揮創(chuàng)意，運(yùn)用彌散陰影技巧設(shè)計出更多有意思的小部件，并且完美運(yùn)用。

【制作網(wǎng)頁按鈕彌散陰影效果】相關(guān)文章：

網(wǎng)頁互動按鈕的制作11-03

Photoshop制作網(wǎng)頁按鈕的方法07-26

PS如何設(shè)計一款帶陰影的網(wǎng)頁按鈕08-28

使用PhotoShop制作斜紋質(zhì)感網(wǎng)頁導(dǎo)航按鈕教程06-03

網(wǎng)頁點擊按鈕返回頂部代碼11-05

網(wǎng)頁設(shè)計中如何設(shè)計按鈕07-29

如何使用PS圖層樣式制作立體感的網(wǎng)頁開關(guān)按鈕06-09

制作photoshop金屬質(zhì)感按鈕的方法10-30

怎樣制作網(wǎng)頁 制作網(wǎng)頁詳細(xì)操作步驟09-02

Dreamweaver如何自己制作圖形按鈕11-09