教你用Photoshop制作漂亮的藍(lán)色透明玻璃按鈕

本教程是向大家介紹利用Photoshop制作藍(lán)色透明玻璃按鈕,制作效果非常漂亮,教程難度一般,制作方法很簡(jiǎn)單,感興趣的朋友可以學(xué)習(xí)這種制作方法。
這個(gè)按鈕分為兩個(gè)大的部分來(lái)制作:中間的藍(lán)色水晶及邊緣透明度玻璃部分。制作方法基本相同,只需要找出相應(yīng)的高光部分并渲染出來(lái)即可。
最終效果
1、新建一個(gè)800 * 600像素的文檔,背景填充暗紫色:#752874,如下圖。
<圖1> 2、先來(lái)制作中間的藍(lán)色水晶部分,需要完成的效果如下圖。
<圖2>
3、新建一個(gè)組,選擇橢圓選框工具,按住Shift鍵拉出一個(gè)合適的正圓選區(qū),然后給組添加圖層蒙版。
<圖3>
4、在組里新建一個(gè)圖層,選擇漸變工具,顏色設(shè)置如圖4,由上至下拉出圖5所示的線性漸變作為底色。
<圖4>
<圖5>
5、新建一個(gè)圖層,用鋼筆勾出右下角邊緣高光選區(qū)如下圖,填充白色,不透明度改為:20%,取消選區(qū)后添加圖層蒙版,用黑色畫筆把頂部過(guò)渡擦出來(lái)。
<圖6>
6、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充白色,再把圖層不透明度改為:20%,同上取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過(guò)渡擦出來(lái)。
<圖7>
7、新建一個(gè)圖層,用透明度較低的白色畫筆把下圖選區(qū)部分涂上淡淡的白色,圖層不透明度設(shè)置稍微低一點(diǎn),如下圖。
<圖8>
8、新建一個(gè)圖層,用鋼筆勾出左側(cè)邊緣高光選區(qū),填充白色。不透明度改為:10%,如下圖。
<圖9>
9、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū)填充白色,不透明度改為:20%,添加圖層蒙版,用黑色畫筆把頂部過(guò)渡擦出來(lái)。
<圖10>
10、新建一個(gè)圖層,用鋼筆勾出左上部高光選區(qū),羽化5個(gè)像素后填充白色,不透明度改為:60%,效果如下圖。
<圖11>
11、新建一個(gè)圖層,用鋼筆勾出底部高光選區(qū),羽化2個(gè)像素后填充白色。
<圖12>
12、新建一個(gè)圖層,用鋼筆勾出頂部高光部分的選區(qū),羽化6個(gè)像素后填充白色,不透明度改為:30%,效果如下圖。
<圖13>
13、新建一個(gè)圖層,用鋼筆勾出頂部中間位置的高光選區(qū),填充白色。不透明度改為:30%,取消選區(qū)后添加圖層蒙版,用黑色畫筆把中間局部擦出來(lái),如下圖。
<圖14>
14、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充白色。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過(guò)渡擦出來(lái),如下圖。
<圖15>
15、新建圖層,同上的方法制作底部及中間的其它高光,效果如圖16,17。
<圖16>
<圖17>
16、在當(dāng)前的組下面新建一個(gè)組,用橢圓選框工具拉出下圖所示的正圓選區(qū),給組添加圖層蒙版。
<圖18>
相關(guān)文章
- 今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂(lè)按鈕,充滿濃濃的圣誕節(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-18ps怎么設(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-23ps怎么設(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