教你如何用Photoshop制作透明的玻璃質(zhì)感按鈕

如果你有使用過(guò)Vista或是Windows7操作系統(tǒng),你一定會(huì)對(duì)它的玻璃質(zhì)感按鈕有深刻印象吧?今天我們就來(lái)教大家如何用Photoshop來(lái)制作一個(gè)透明的玻璃質(zhì)感按鈕??!廢話(huà)不多說(shuō),上步驟:
1.建立一個(gè)600*350像素大小的文件,新建一層,用矩形框選工具畫(huà)一個(gè)長(zhǎng)方形并填充黑色

2.再新建一層,畫(huà)出一個(gè)矩形選區(qū),拉一個(gè)灰色過(guò)渡的漸變,并將這一層的透明度降低到90%。

3.新建一層,再畫(huà)一個(gè)細(xì)長(zhǎng)的矩形選區(qū),填充淺灰色,將這一層的透明度調(diào)到80%。

4.新建圖層畫(huà)分隔線(xiàn),每個(gè)分割線(xiàn)由2部分構(gòu)成,上部分填充灰色漸變,下部分填充深灰色,合并圖層,在復(fù)制圖層,放到合適位置。

5.新建圖層,用橢圓形框選工具畫(huà)一個(gè)選區(qū),對(duì)選區(qū)羽化(數(shù)值大小自己看著滿(mǎn)意就可以),填充藍(lán)色

6.用矩形框選工具刪除兩邊多余部分。

7.選一張自己喜歡的圖片放在最底層作為背景,新建一層,畫(huà)一個(gè)倒角矩形,填充任意色,不要取消選區(qū)

8.隱藏剛才填充任性顏色的圖層,選擇背景圖片圖層,對(duì)剛才畫(huà)的選區(qū)執(zhí)行高斯模糊命令,數(shù)值自定義

9.顯示剛才隱藏的圖層,給這個(gè)圖層添加一個(gè)投影的圖層樣式,回到圖層面板將這個(gè)圖層的填充調(diào)到0%(這一點(diǎn)很重要)。

10.打上字,大功告成。

剛才看了下,確實(shí)是填充調(diào)到O,如果不透明度調(diào)到O,就沒(méi)有陰影了,筆誤,謝謝更正。另外背景圖可以隨便更換,非常方便,可以作為模板保存。

以上就是如何用Photoshop制作透明的玻璃質(zhì)感按鈕的方法,希望大家能從本篇中學(xué)到一些PS知識(shí),謝謝大家觀看!
相關(guān)文章
今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂(lè)按鈕,充滿(mǎn)濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開(kāi)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ì)可愛(ài)的按鈕?ps中想要設(shè)計(jì)一款可愛(ài)的按鈕,該怎么設(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)常能見(jiàn)到多張圖片輪播的效果,會(huì)有左右按鈕,該怎么設(shè)計(jì)這個(gè)按鈕呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09











