當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

ps制作漂亮的藍色透明玻璃按鈕(5)

來源:photoshop聯盟 作者:Sener 學習:8878人次

按鈕分為兩個大的部分來制作:中間的藍色水晶及邊緣透明度玻璃部分。制作方法基本相同,只需要找出相應的高光部分并渲染出來即可。

最終效果

1、新建一個800* 600像素的文檔,背景填充暗紫色:#752874,如下圖。

<圖1>
2、先來制作中間的藍色水晶部分,需要完成的效果如下圖。

<圖2>

3、新建一個組,選擇橢圓選框工具,按住Shift鍵拉出一個合適的正圓選區(qū),然后給組添加圖層蒙版。

<圖3>

4、在組里新建一個圖層,選擇漸變工具,顏色設置如圖4,由上至下拉出圖5所示的線性漸變作為底色。

<圖4>

<圖5>

5、新建一個圖層,用鋼筆勾出右下角邊緣高光選區(qū)如下圖,填充白色,不透明度改為:20%,取消選區(qū)后添加圖層蒙版,用黑色畫筆把頂部過渡擦出來。

<圖6>
6、新建一個圖層,用鋼筆勾出下圖所示的選區(qū),填充白色,再把圖層不透明度改為:20%,同上取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來。

<圖7>

7、新建一個圖層,用透明度較低的白色畫筆把下圖選區(qū)部分涂上淡淡的白色,圖層不透明度設置稍微低一點,如下圖。

<圖8>

8、新建一個圖層,用鋼筆勾出左側邊緣高光選區(qū),填充白色。不透明度改為:10%,如下圖。

<圖9>

9、新建一個圖層,用鋼筆勾出下圖所示的選區(qū)填充白色,不透明度改為:20%,添加圖層蒙版,用黑色畫筆把頂部過渡擦出來。

<圖10>
10、新建一個圖層,用鋼筆勾出左上部高光選區(qū),羽化5個像素后填充白色,不透明度改為:60%,效果如下圖。

<圖11>

11、新建一個圖層,用鋼筆勾出底部高光選區(qū),羽化2個像素后填充白色。

<圖12>

12、新建一個圖層,用鋼筆勾出頂部高光部分的選區(qū),羽化6個像素后填充白色,不透明度改為:30%,效果如下圖。

<圖13>

13、新建一個圖層,用鋼筆勾出頂部中間位置的高光選區(qū),填充白色。不透明度改為:30%,取消選區(qū)后添加圖層蒙版,用黑色畫筆把中間局部擦出來,如下圖。

<圖14>

14、新建一個圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個像素后填充白色。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來,如下圖。

<圖15>
15、新建圖層,同上的方法制作底部及中間的其它高光,效果如圖16,17。

<圖16>

<圖17>

16、在當前的組下面新建一個組,用橢圓選框工具拉出下圖所示的正圓選區(qū),給組添加圖層蒙版。

<圖18>

17、在組里新建一個圖層,填充白色,不透明度改為:10%,效果如下圖。

<圖19>

18、新建一個圖層,用鋼筆勾出頂部高光部分的選區(qū),羽化3個像素后填充白色。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣需要過渡的部分擦出來,再把圖層不透明度改為:60%,效果如下圖。

<圖20>
19、把當前圖層復制一層,加強高光部分的亮度,不透明度改為:100%,效果如下圖。

<圖21>

20、新建一個圖層,同上的方法制作中間部分的高光,過程如圖22- 24。

<圖22>

<圖23>

<圖24>
21、新建圖層,同上的方法制作右邊的高光部分,過程如圖25- 27。

<圖25>

<圖26>

<圖27>
22、新建一個圖層,用鋼筆勾出底部高光選區(qū)填充白色,不透明度改為:50%,如下圖。

<圖28>

23、在圖層的最上面創(chuàng)建亮度/對比度調整圖層,適當增加圖片的對比度,參數設置如圖29,效果如圖30。

<圖29>

<圖30>

最后調整一下顏色,局部再裝飾一些高光,完成最終效果。

<圖31>

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
李家煜2018-07-01 11:58
話說有個小孩毛孔粗大,于是她媽媽就給她找偏方,一日聽說用黑芝麻水泡澡可以解決毛孔粗大的問題,于是興沖沖買了一斤黑芝麻給她泡澡,但是姑娘拿去用了之后,好長時間都沒出來,她媽不放心,就進浴室看,看見她正往外一個個挑芝麻呢
芳菲de青春2017-05-27 11:51
大家說出一部電視劇或者電影名字,把名字里的任意一個字用“屌”字代替,我先來:亮屌
盟盟兒2017-05-27 11:41
老子今天在駕校被教練打了,麻辣個逼,老紙 今天去駕校學車,被教練踢了一腳,進醫(yī)院了。已經報警,怎么會有這樣的教練?醫(yī)院檢查說沒事,我也不訛人,但他必須給我道歉。原因是今天練路考,教練叫我看看油還有多少,我擰開油箱蓋看了半天也沒看清楚,光線太暗。我順手摸出打火機湊近油箱口,就在我準備按下打火機的時候教練一腳把我踹飛了,尼瑪到現在勞資還在醫(yī)院輸液。我決定明天就退款,這教練脾氣太壞了。我要換駕校!
胖胖的老婆2017-05-27 10:59
小時候每當我生病,母親都會為我沖一杯咖啡,她溫柔地說:“外國人都喝這個的!庇仔〉奈铱偤ε驴Х,酸甜苦澀交錯。如今我走遍米蘿、上島、星巴克都找不到小時候喝的那個味道,直到那天我喝了一杯板藍根……
zhangduo2017-05-27 10:28
肚子餓,看見同事桌上有瓶酸奶,想都沒想就喝了。一會同事來了大叫到:“我的洗面奶怎么不見了!108塊。!” 我沒說話 只是默默的走向廁所,一頓摳嗓子,老難受了,把東西拼命的吐,直到吐出酸水,好不容易吐的差不多了,眼淚叭嚓滴回到座位上時,同事抱著一個瓶子說:“嚇死我了,洗面奶滾到桌子下了,我的酸奶怎么又不見了呢。 你奶奶個熊滴,喝你點酸奶 把人往死里整
Gala2017-05-27 10:07
話說一位老太太買了一頭哈士奇,因為第一個字是哈,就給狗起名“哈哈”,結果有一天遛狗,二貨走失,小區(qū)院里飄蕩著老太太的叫聲:哈哈!哈哈.......
路西法蒙2017-05-27 09:19
剛吃飯的時候,我爸突然抬頭跟我說:“我今天幫你拿了塊地.”我就知道我其實是隱形富二代!之前的貧困都是為了磨礪我!時機終于成熟了!家里終于肯讓我大顯身手了!我強忍住內心的激動,用盡量平和又不經意的語氣回答他:“哦,哪里的?”“順豐的,我自己下樓去拿的…”
李騰20012017-05-27 09:17
那年剛畢業(yè)時找工作,面試時對面坐著的漂亮女白領,是人力資源部經理,她問我:你能干多長時間?我有些詫異,但還是老老實實回答:一般半個小時,狀態(tài)好的時候四十分鐘。她低聲說:我是說你在這兒能干多久?我環(huán)顧四周,有些羞澀的說:這我可能放不開,我從沒當著這么多人,真的不太習慣。一周以后我被錄取了。
別愛我happy2017-05-27 08:40
小時候家里窮,洗不起澡,只能趴在窗戶上看鄰居阿姨洗澡。哎,命苦。 家里窮,,娶不起老婆,只能睡別人家的老婆。哎,命苦。 家里窮,養(yǎng)不起孩子,只能讓隔壁幫我養(yǎng)。哎,命苦。。。
朕錦衣夜行2017-05-27 06:03
5年前談了個女朋友,她爹不喜歡我,把她遠嫁外地了。今天在街上突然碰到她爹,雖然恨他,但叫了聲叔還遞了根中華煙。她爹猛抽了兩口煙:你有今天的成功是我沒想到的啊,叔后悔。‘敵跷宜銣誓阈∽泳褪莻要飯的命,怕妮子受苦,所以死活不讓妮子跟著你?扇f萬沒想到的是,現在TMD要飯會這么掙錢!
如此的美2017-05-27 05:12
有時候不逼自己一下,你永遠不知道自己的潛力有多大,這就像你給我100公斤磚,可能我拎不動,但給我100公斤百元鈔票,我不光拎的動,說不準我還能跑
heyulong2017-05-27 01:25
話說有個小孩毛孔粗大,于是她媽媽就給她找偏方,一日聽說用黑芝麻水泡澡可以解決毛孔粗大的問題,于是興沖沖買了一斤黑芝麻給她泡澡,但是姑娘拿去用了之后,好長時間都沒出來,她媽不放心,就進浴室看,看見她正往外一個個挑芝麻呢

關注大神微博加入>>

網友求助,請回答!