數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Photoshop → Photoshop實例教程 製作晶瑩剔透的玻璃按鈕

Photoshop實例教程 製作晶瑩剔透的玻璃按鈕

時間:2012-04-17 09:24:13人氣:173作者:網友整理
PS設計達人v1.3.0
PS設計達人v1.3.0 for Android
  • 類型:安卓圖像處理大小:53.13M語言:簡體中文 評分:3.8
  • PS設計達人app是一款專業給力的全新處理手機客戶端軟件,app提供海量精選的優...
立即下載
攝影教程PS大師安卓版v1.4 正式版
攝影教程PS大師安卓版v1.4 正式版 for Android
  • 類型:安卓拍照軟件大小:25.53M語言:簡體中文 評分:3.0
  • 攝影教程PS大師安卓版中有非常多的教程的說,在這裏你可以輕鬆學習photosho...
立即下載
晶瑩水滴壁紙(動態水滴壁紙) v1.4 安卓app
晶瑩水滴壁紙(動態水滴壁紙) v1.4 安卓app for Android
  • 類型:安卓桌麵美化大小:27.14M語言:簡體中文 評分:3.0
  • 是不是經常在網上會看到一些單反相機照出來的超清照片很漂亮?晶瑩水滴壁紙是一款非常...
立即下載

本教程介紹一個玻璃按鈕的製作方法。首先按鈕分為兩個大的部分,中間的藍色水晶及邊緣透明度玻璃部分。他們的製作方法基本相同,隻需要找出相應的高光部分並渲染出來就可以了。
最終效果

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


<圖1>

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


<圖2>

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


<圖3>

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


<圖4>


<圖5>

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


<圖6>

[page]
 

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


<圖7>

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


<圖8>

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


<圖9>

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


<圖10>

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


<圖11>

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


<圖12>

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


<圖13>

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


<圖14>

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


<圖15>

[page]
 

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


<圖16>


<圖17>

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


<圖18>

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


<圖19>

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


<圖20>

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


<圖21>

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


<圖22>


<圖23>


<圖24>

[page]
 

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


<圖25>


<圖26>


<圖27>

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


<圖28>

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


<圖29>


<圖30>

最後調整一下顏色,局部再裝飾一些高光,完成。

最終效果: 
 


<圖31>

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。