ps制作光滑平整的透明玻璃質(zhì)感按鈕教程
我要評(píng)論版權(quán)申明：本文原創(chuàng)作者“淅瀝小雨”，感謝“淅瀝小雨“的原創(chuàng)經(jīng)驗(yàn)分享！
先來看看玻璃效果是怎樣的如下圖所示：
通過上面的圖片我們可以看出 玻璃質(zhì)感主要是表現(xiàn)物體的光影效果， 要突出半透明、透明、背景之間的前后關(guān)系 只要掌握這幾個(gè)表現(xiàn)手法就可以了~
1、玻璃的透明和半透明效果
日常我們看到的玻璃透明的居多 還有一些加了各種涂層的鏡面玻璃 總的來說它們具有一個(gè)共性， 那就是表面非常光滑平整 光照射在光滑平整的玻璃上會(huì)形成強(qiáng)烈的反光 也就是我們童年常玩的鏡面反射游戲 ，在現(xiàn)實(shí)生活中看的最多的就是窗戶的玻璃反射周圍景物的效果如下圖
這種玻璃表面光滑平整 高光強(qiáng)烈呈塊狀或者光斑狀
還有一種就是半透明的 比如毛玻璃 和磨砂玻璃 如下圖
這種玻璃的表面粗糙，呈現(xiàn)的反光效果不強(qiáng)烈 高光比較柔和 不宜形成鏡面效果！通過上方的對比 大家都了解了2種玻璃的區(qū)別
2、光滑平整的透明玻璃質(zhì)感怎么表現(xiàn)？
2.1我們先新建一個(gè)畫布 大小1200X700 背景為深灰色
2.2添加圖層樣式—圖案疊加 增加畫布背景紋理 ，再執(zhí)行漸變疊加 修改混合模式為-疊加如下圖
2.3 繪制一個(gè)圓角矩形寬度 200 高度300 圓角10
2.4 現(xiàn)在來做透明效果 要讓一個(gè)圖層變成透明 一般調(diào)整不透明度為0% 還有一種方式是把填充調(diào)整為0% 這里我們選擇第二種（為什么選擇第二種后面就知道了）
2.5 選中矩形1 打開圖層樣式-投影如下圖
2.6 復(fù)制矩形1 關(guān)閉圖層樣式效果 并且關(guān)閉填充 打開描邊，描邊顏色選擇白色 大小2PX如下圖
2.7在矩形1拷貝圖層添加圖層蒙板 用黑色畫筆畫出玻璃邊緣光線變化如下圖
2.8用鋼筆工具畫出反光效果 形狀1
2.9 把形狀1 剪貼到矩形1中并且調(diào)整不透明度為20%
2.9.1 有的同學(xué)做到這部可能沒有里面的反光效果 這個(gè)時(shí)候要雙擊矩形1 打開混合選項(xiàng)勾選1 3項(xiàng)即可
3.0 最后在添加一點(diǎn)光效 突出質(zhì)感 用柔邊畫筆在畫布中選擇白色單擊
3.1把圖層3執(zhí)行CTRL+T自由變換 壓扁縮小放到玻璃邊緣部分如下圖
3.2最后添加文案做點(diǎn)修飾就好了
用這種方法還可以做出這樣的效果如圖：
教程結(jié)束，以上就是ps制作光滑平整的透明玻璃質(zhì)感按鈕教程的全部內(nèi)容，希望大家喜歡！
相關(guān)教程推薦：
教你如何用Photoshop制作透明的玻璃質(zhì)感按鈕
相關(guān)文章
今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂按鈕，充滿濃濃的圣誕節(jié)日氣息，小伙伴們還不快快打開PS一起來學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕？ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕，如果添加漸變色會(huì)更加顯眼，該怎么設(shè)計(jì)漸變色按鈕呢？下面我們就來看看ps按鈕樣式的設(shè)計(jì)方法，詳細(xì)請看下文介紹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”按鈕，一起來學(xué)習(xí)吧2021-05-18
ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕？很多時(shí)候我們會(huì)看到各種按鈕，想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕，該怎么操作呢？下面我們就來看看ps按鈕矢量圖的設(shè)計(jì)方法，需要的朋友2021-04-08
怎么用PS制作按鈕形狀效果？下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程，感興趣的小伙伴來學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)？ps中想要設(shè)計(jì)一款圓形的按鈕，該怎么設(shè)計(jì)這個(gè)按鈕矢量圖呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-30
PS怎么設(shè)計(jì)可愛的按鈕？ps中想要設(shè)計(jì)一款可愛的按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看ps設(shè)計(jì)按鈕的教程，需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕？ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕，該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-23
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕？ps中想要設(shè)計(jì)按鈕，該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
PS怎么設(shè)計(jì)左右輪播圖的按鈕？網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果，會(huì)有左右按鈕，該怎么設(shè)計(jì)這個(gè)按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-09
