ps制作漂亮的藍(lán)色透明玻璃按鈕(5)
按鈕分為兩個(gè)大的部分來制作:中間的藍(lán)色水晶及邊緣透明度玻璃部分。制作方法基本相同,只需要找出相應(yīng)的高光部分并渲染出來即可。
最終效果
1、新建一個(gè)800* 600像素的文檔,背景填充暗紫色:#752874,如下圖。
<圖1>
2、先來制作中間的藍(lán)色水晶部分,需要完成的效果如下圖。
<圖2>
3、新建一個(gè)組,選擇橢圓選框工具,按住Shift鍵拉出一個(gè)合適的正圓選區(qū),然后給組添加圖層蒙版。
<圖3>
4、在組里新建一個(gè)圖層,選擇漸變工具,顏色設(shè)置如圖4,由上至下拉出圖5所示的線性漸變作為底色。
<圖4>
<圖5>
5、新建一個(gè)圖層,用鋼筆勾出右下角邊緣高光選區(qū)如下圖,填充白色,不透明度改為:20%,取消選區(qū)后添加圖層蒙版,用黑色畫筆把頂部過渡擦出來。
<圖6>
6、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充白色,再把圖層不透明度改為:20%,同上取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來。
<圖7>
7、新建一個(gè)圖層,用透明度較低的白色畫筆把下圖選區(qū)部分涂上淡淡的白色,圖層不透明度設(shè)置稍微低一點(diǎn),如下圖。
<圖8>
8、新建一個(gè)圖層,用鋼筆勾出左側(cè)邊緣高光選區(qū),填充白色。不透明度改為:10%,如下圖。
<圖9>
9、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū)填充白色,不透明度改為:20%,添加圖層蒙版,用黑色畫筆把頂部過渡擦出來。
<圖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ū)后添加圖層蒙版,用黑色畫筆把中間局部擦出來,如下圖。
<圖14>
14、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充白色。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來,如下圖。
<圖15>
15、新建圖層,同上的方法制作底部及中間的其它高光,效果如圖16,17。
<圖16>
<圖17>
16、在當(dāng)前的組下面新建一個(gè)組,用橢圓選框工具拉出下圖所示的正圓選區(qū),給組添加圖層蒙版。
<圖18>
17、在組里新建一個(gè)圖層,填充白色,不透明度改為:10%,效果如下圖。
<圖19>
18、新建一個(gè)圖層,用鋼筆勾出頂部高光部分的選區(qū),羽化3個(gè)像素后填充白色。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣需要過渡的部分擦出來,再把圖層不透明度改為:60%,效果如下圖。
<圖20>
19、把當(dāng)前圖層復(fù)制一層,加強(qiáng)高光部分的亮度,不透明度改為:100%,效果如下圖。
<圖21>
20、新建一個(gè)圖層,同上的方法制作中間部分的高光,過程如圖22- 24。
<圖22>
<圖23>
<圖24>
21、新建圖層,同上的方法制作右邊的高光部分,過程如圖25- 27。
<圖25>
<圖26>
<圖27>
22、新建一個(gè)圖層,用鋼筆勾出底部高光選區(qū)填充白色,不透明度改為:50%,如下圖。
<圖28>
23、在圖層的最上面創(chuàng)建亮度/對(duì)比度調(diào)整圖層,適當(dāng)增加圖片的對(duì)比度,參數(shù)設(shè)置如圖29,效果如圖30。
<圖29>
<圖30>
最后調(diào)整一下顏色,局部再裝飾一些高光,完成最終效果。
<圖31>
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)設(shè)計(jì),巧用PS制作透明感的圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡單逼真的環(huán)形播放按鈕圖標(biāo)
推薦教程
- Photoshop制作放大縮小網(wǎng)頁圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕
- photoshop制作按鈕 :Vista風(fēng)格按鈕
- 利用Photoshop制作超酷人像按鈕
- 圖標(biāo)設(shè)計(jì),用Photoshop制作一個(gè)麥克風(fēng)圖標(biāo)
- 用Photoshop制作itunes風(fēng)格按鈕
- ps設(shè)計(jì)紅色網(wǎng)頁按鈕教程
- ps制作凹凸播放器按鈕教程
- Photoshop繪制綠色風(fēng)格半透明網(wǎng)頁按鈕