24h購物| | PChome| 登入
2008-03-08 01:21:26| 人氣4,201| 回應2 | 上一篇 | 下一篇

GIMP做金屬鑲玻璃按鈕

推薦 0 收藏 0 轉貼0 訂閱站台

看起來很漂亮、華麗的按鈕或是LOGO,雖然是手續繁複,複方質感效果,但主要用到的就是[濾鏡]>[映射]>[凹凸貼圖](Filters/Map/Bump Map),以及色彩曲線功能兩個而已


※ 玻璃本體
一、
開一個透明底色的檔案,用矩形選取工具拉一個方塊,[選擇]>[Rounded Rectangle],做出一個圓角矩形,填入黑色。
 
二、
1.新增透明圖層,同一個圓角矩形選取範圍,[選擇]>[縮小],數值約10
2.前景色為黑色,選擇喜歡的背景色,以漸層工具填色,希望拉出完美垂直漸層的話,拉的同時要按住CTRL鍵

3.取消原選取範圍,全選該圖層,[濾鏡]>[模糊化]>[高斯模糊](Filters/Blur/Gaussian Blur),數值30
 
===========================

※ 玻璃反光
三、
1.新增透明圖層,以黑底圖層的透明區域轉為選擇區域,再縮小約5的大小
2.以矩形選取工具,刪減原選取範圍的模式,切掉下半邊的選取區域
 也可以直接將圓角選取區轉成快速遮罩,以矩形選取下半邊後填入黑色,再轉回選擇範圍
3.前景色設為白色,在漸層工具分頁中,選擇「前景色至透明」模式,由上往下拉填色
 
四、
1.顯示參考線狀態下,自視窗左側邊緣拉進兩條參考線,分別位在圓角轉成直線的交界處
2.以透視工具(Perspective Tool),移動反光圖層底部的小方塊,至參考線的位置,並再微微調高方塊的高度,讓反光面變得比較扁一點
(變型後不要直接回原圖層,而以新增圖層方式,會比較好看)
 
===========================

※ 金屬環
五、
1.新增兩個透明圖層,以黑底圓角矩形圖層的「透明區域轉為選擇區域」,擴大5左右
2.轉入快速遮罩,以黑底圖層原大小選擇範圍內填入黑色,轉回選擇狀態會出現一個環狀選擇範圍
3.一個圖層填入白色
4.白環圖層改為全選,[濾鏡]>[模糊化]>[高斯模糊](Filters/Blur/Gaussian Blur),數值8
5.另一個圖層全部填上灰色,[濾鏡]>[映射]>[凹凸貼圖](Filters/Map/Bump Map),線性,勾選Compensate for darkening,深度8,參考圖為白環圖層
 (此圖層可以直接使用環狀選擇範圍做出灰環)
...要注意環的邊緣不要被切掉,利用[影像]<[畫布尺寸],以及[圖層]>[令圖層符合影像尺寸]兩個工具調整

6.重頭戲來了
凹凸的灰環圖層,[色彩]>[曲線],將亮度線調整成波浪狀
 
這樣就出現金屬閃亮亮、高對比的質感了!
以同樣方法,做出文字部分...
加上陰影就很立體了

最後的完成圖~
(用圖層遮罩擋掉不要的部分)
 

本文參考來源:
http://www.gimptalk.com/forum/topic/Make-A-Cool-Glass-metal-Sig-15783-1.html
該教學文中的邊框都被切到...

台長: 飄雪寒燕(不良薯)
人氣(4,201) | 回應(2)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 數位資訊(科技、網路、通訊、家電) | 個人分類: GIMP範例 |
此分類下一篇:WakeUp罐vsGIMP(未完待續)
此分類上一篇:GIMP色板(色頻)去背

5001
請問一下
我那個金屬框的四個角都不會像範例中一樣的平整光滑
怎樣改呀?
謝謝
2010-05-14 20:03:55
版主回應
角而已嗎?
什麼時候發現的?若是一開始做就有問題,圓角矩形階段要另外作,不要用擴大選取的方式。
若是做到後面,就要用遮罩功能,將形狀修到漂亮。但若光澤也歪掉,就要重做……
2010-05-14 23:07:55
5001
是做到後面發現的
"用遮罩功能,將形狀修到漂亮"就是用筆刷塗遮罩?
"光澤歪掉"是曲線那邊的問題?
"金屬環的環狀選擇範圍"你那招我不會,我用魔術棒減去選取範圍,這樣會使四角有缺損嗎?
2010-05-15 21:54:41
版主回應
1.是的。或是另外做一個漂亮的圓角矩型的遮罩
2.最後的成品,金屬反光感覺歪歪扭扭或是鋸齒狀都算失敗
3.應該是吧,魔術棒不容易準確選出自己想要的東西。環的部份,我說明不清楚。基本原理是,選擇範圍變大後轉成快速遮罩、再用未變大的原大小選擇範圍去挖掉中間的部份。
這可以先用放大的選擇範圍在新增的圖層填入白色,再拿原本大小選擇範圍去DEL掉白色圓角矩型中間的部份,這樣也能變出一個白色的環形。
2010-05-16 01:38:02
是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文