如何用Photoshop制作一個(gè)藍(lán)色的圓形水晶球按鈕
我要評(píng)論經(jīng)常上網(wǎng)的朋友，會(huì)看到許多的網(wǎng)頁(yè)都有漂亮的按鈕，其中有一類按鈕就像是水晶球一樣晶透可人。我們估且把這類的按鈕就稱之為水晶按鈕吧，貌似蘋果的iPhone，iPod，iPad等產(chǎn)品里使用的按鈕就類似這種水晶按鈕。
今天我們要教大家制作的就是打造出一款水晶類的按鈕——藍(lán)色水晶球按鈕，先看一下最終效果：
下面我們開始介紹制作步驟：
首先新建一張500px*500px的空白背景畫布，畫布參數(shù)可參考之前介紹的倒影字制作。
使用橢圓選區(qū)工具，按住Alt+Shift，從中心處往外拖，做一個(gè)正圓選區(qū)，新建圖層1并填充藍(lán)色(這里填充的顏色可以任意，關(guān)鍵是要有填充，之后會(huì)用圖層混合樣式修改顏色)。如圖示：
按Ctrl+D取消選區(qū)，雙擊圖層1或右擊選擇混合選項(xiàng)，打開圖層樣式參數(shù)設(shè)置框。如圖示，選擇漸變疊加，在顏色漸變選擇器里設(shè)置90度線性疊加，顏色如圖展示的淺藍(lán)-深藍(lán)（30%位置）-淺藍(lán)。
輸入文字：Garden29，調(diào)整字體，字號(hào)，顏色。雙擊文字圖層，對(duì)其使用內(nèi)陰影樣式，參數(shù)如圖。
在文字圖層上方新建一個(gè)圖層，畫一個(gè)略小于圖層1的正圓，填充白色。對(duì)該圖層添加圖層蒙版，在蒙版上拉一下從上到下，由白到黑的漸變，制作出頂部反光。效果如圖：
再新建一個(gè)圖層位于最上方，用鋼筆工具勾畫一個(gè)月牙形狀，轉(zhuǎn)為選區(qū)，按前面的方法制作底部反光效果。如圖：
接下來(lái)再新建一個(gè)圖層，拖動(dòng)圖層至圖層1下方，使用橢圓選區(qū)工具作一個(gè)扁平的橢圓選區(qū)，右擊選區(qū)-羽化5像素左右，填充黑色。制作出陰影，效果如圖示：
總結(jié)：水晶按鈕的制作，關(guān)鍵在于反光部分，角度與反光強(qiáng)度要制作得當(dāng)，這樣制作出來(lái)的效果才更加逼真，更具水晶質(zhì)感。
教程完畢，Photoshop制作一個(gè)藍(lán)色的圓形水晶球按鈕是不是很簡(jiǎn)單，大家也可以嘗試制作其他有特色的按鈕，小編相信大家一定會(huì)打造比這更好看的按鈕！
相關(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
