本教程是向大家介紹利用Photoshop制作藍(lán)色透明玻璃按鈕，制作效果非常漂亮，教程難度一般，制作方法很簡單，感興趣的朋友可以學(xué)習(xí)這種制作方法。

這個(gè)按鈕分為兩個(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>

教程已完畢，現(xiàn)在大家會(huì)利用Photoshop制作藍(lán)色透明玻璃按鈕吧！希望這篇教程對(duì)大家有一定的幫助！感謝大家觀看！

最新評(píng)論