Photoshop制作有陰影的水晶導(dǎo)航按鈕
我要評(píng)論本教程是向大家介紹利用Photoshop制作有陰影的水晶導(dǎo)航按鈕，效果非常不錯(cuò)，適合新手朋友學(xué)習(xí)，本Photoshop教程的按鈕制作比較簡(jiǎn)單。大致的過程：先畫好想要的按鈕形狀，可以使任意圖形。然后設(shè)置一些圖層樣式，后面加上高光和文字即可。 感興趣的朋友可以學(xué)學(xué)這種制作方法
最終效果：
1、把底圖層填充成灰色，再創(chuàng)建一個(gè)新圖層，在新圖層上用矩形選框工具畫出一個(gè)長(zhǎng)方形(大小自己看著來(lái)) 用蘭色填充(蘭色值為#22aff7)。在這里順便把選區(qū)儲(chǔ)存起來(lái) 因?yàn)楹竺嬉玫健?最后給一個(gè)5px的下拉陰影，如下圖:
2、新建一圖層，起名”深色”，用深蘭色填充(顏色值為#0141af) 如下圖：
3、用橡皮擦工具(模式:畫筆 直徑:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”層點(diǎn)幾下，如下圖:
4、制一個(gè)”深色”層，應(yīng)用這個(gè)層的混合選項(xiàng)里的內(nèi)陰影，具體數(shù)值如下圖:
5、用橢圓選框工具畫出如下圖這個(gè)樣子:
新建一個(gè)層起名為”白色” 選區(qū)反選(Ctrl+Shift+i)后填充白色，如下圖:
載入咱們最早保存的那個(gè)選區(qū)，執(zhí)行反選(Ctrl+Shift+i) 然后Delete多余白色，結(jié)果如下圖:
6、對(duì)這個(gè)”白色”層應(yīng)用高斯模糊 (濾鏡—模糊—高斯模糊) 模糊值為:3px 如下圖:
7、調(diào)整”白色”層的透明度，如下圖:
最終效果：
以上就是Photoshop制作有陰影的水晶導(dǎo)航按鈕步驟，關(guān)鍵步驟都講完了，剩下的就是根據(jù)自己的需要加上字啊，陰影什么的，大家可以自己嘗試制作一下。希望本教程對(duì)大家有一定的幫助！
相關(guān)文章
今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂按鈕，充滿濃濃的圣誕節(jié)日氣息，小伙伴們還不快快打開PS一起來(lái)學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕？ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕，如果添加漸變色會(huì)更加顯眼，該怎么設(shè)計(jì)漸變色按鈕呢？下面我們就來(lái)看看ps按鈕樣式的設(shè)計(jì)方法，詳細(xì)請(qǐng)看下文介紹2021-05-27
如何設(shè)計(jì)藍(lán)色金屬按鈕?用PS設(shè)計(jì)藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計(jì)，其實(shí)不然，一些按鈕不只可以用AI設(shè)計(jì)，PS照樣可以，今天我們就教大家制作一個(gè)藍(lán)色科技金屬質(zhì)感的“play”按鈕，一起來(lái)學(xué)習(xí)吧2021-05-18
ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕？很多時(shí)候我們會(huì)看到各種按鈕，想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕，該怎么操作呢？下面我們就來(lái)看看ps按鈕矢量圖的設(shè)計(jì)方法，需要的朋友2021-04-08
怎么用PS制作按鈕形狀效果？下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程，感興趣的小伙伴來(lái)學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)？ps中想要設(shè)計(jì)一款圓形的按鈕，該怎么設(shè)計(jì)這個(gè)按鈕矢量圖呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-06-30
PS怎么設(shè)計(jì)可愛的按鈕？ps中想要設(shè)計(jì)一款可愛的按鈕，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看ps設(shè)計(jì)按鈕的教程，需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕？ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕，該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-09-23
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕？ps中想要設(shè)計(jì)按鈕，該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
PS怎么設(shè)計(jì)左右輪播圖的按鈕？網(wǎng)頁(yè)中經(jīng)常能見到多張圖片輪播的效果，會(huì)有左右按鈕，該怎么設(shè)計(jì)這個(gè)按鈕呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
