本文由 網頁設計 加勒比海盜 原創，轉載請保留此信息！

在學習中遇到問題可以到 論壇 發貼交流！

圖片源于wangxusu同學發的一個求助貼，可見此鏈接：

ξ湯圓ξ同學發的貼子：http://bbs.jcwcn.com/viewthread.php?tid=250902 頗受大家歡迎,有不少同學交了自己的作品,也有一些人即喜歡卻苦于做不好!

所以,我決定 把自己制作的過程重新整理,出個教程, 適合更多初學者共同學習進步!

希望大家喜歡,積極做出自己更漂亮的作品!----------------加勒比海盜

首先，把效果圖發出來!

對本文感興趣的朋友可以到這里與作者交流：http://bbs.jcwcn.com/viewthread.php?tid=261149

說明：
1.教程內容分八部分,考慮到適合初學者,特別詳細,
2.文字部分,()中的內容為相對的命令快捷鍵或所作的補充說明!

下面開始：

一 繪制"底座"部分

1.用橢圓工具(l),按住alt+shift(以某一點為中心)畫出一正圓,

然后打開圖層調板(f7),在對象名上雙擊,重命名為"金屬底座",如圖000:

2.為了讓它在最后看起來更真實,我想要給這個正圓一些透視，使用"自由變換工具"(e),鼠標移動到正圓對象定界框右下角的空心方點上(如沒有顯示對象定界框,請按快捷鍵shift+ctrl+b使之顯示)，當鼠標變為雙向箭頭時,按下鼠標不放,再同時按下shift+ctrl+alt鍵不放(此時鼠標變為一個虛的三角形)，按住的鼠標往右拖移,讓底座圓做垂直方向的透視變形!

3.按>鍵切換到漸變填色,(ctrl+f9)調出漸變調板,設置"徑向漸變" ，然后用漸變工具(g)在圓中拉了徑向漸變,并設置描邊為黑色,粗細為2pt,如圖001：

4.打開外觀面板(shift+f6),按ctrl+/ 給底座圓"添加新填色",對這個新填色,用漸變工具(g),從左上角往中心拉出黑白徑向漸變, 再在"透明度調板"中設置此漸變的混合模式為"濾色",如圖002：

|||

本文由 網頁設計 加勒比海盜 原創，轉載請保留此信息！

在學習中遇到問題可以到 論壇 發貼交流！

圖片源于wangxusu同學發的一個求助貼，可見此鏈接：

ξ湯圓ξ同學發的貼子：http://bbs.jcwcn.com/viewthread.php?tid=250902 頗受大家歡迎,有不少同學交了自己的作品,也有一些人即喜歡卻苦于做不好!

所以,我決定 把自己制作的過程重新整理,出個教程, 適合更多初學者共同學習進步!

希望大家喜歡,積極做出自己更漂亮的作品!----------------加勒比海盜

首先，把效果圖發出來!

對本文感興趣的朋友可以到這里與作者交流：http://bbs.jcwcn.com/viewthread.php?tid=261149

說明：
1.教程內容分八部分,考慮到適合初學者,特別詳細,
2.文字部分,()中的內容為相對的命令快捷鍵或所作的補充說明!

下面開始：

一 繪制"底座"部分

1.用橢圓工具(l),按住alt+shift(以某一點為中心)畫出一正圓,

然后打開圖層調板(f7),在對象名上雙擊,重命名為"金屬底座",如圖000:

2.為了讓它在最后看起來更真實,我想要給這個正圓一些透視，使用"自由變換工具"(e),鼠標移動到正圓對象定界框右下角的空心方點上(如沒有顯示對象定界框,請按快捷鍵shift+ctrl+b使之顯示)，當鼠標變為雙向箭頭時,按下鼠標不放,再同時按下shift+ctrl+alt鍵不放(此時鼠標變為一個虛的三角形)，按住的鼠標往右拖移,讓底座圓做垂直方向的透視變形!

3.按>鍵切換到漸變填色,(ctrl+f9)調出漸變調板,設置"徑向漸變" ，然后用漸變工具(g)在圓中拉了徑向漸變,并設置描邊為黑色,粗細為2pt,如圖001：

4.打開外觀面板(shift+f6),按ctrl+/ 給底座圓"添加新填色",對這個新填色,用漸變工具(g),從左上角往中心拉出黑白徑向漸變, 再在"透明度調板"中設置此漸變的混合模式為"濾色",如圖002：

|||

二 繪制"金屬凹邊"

1.選中"底座圓"路徑，然后"對象>路徑>偏移路徑"，得到新路徑,在圖層面板中命名為"金屬凹邊",如圖003：

2.對此偏移路徑,(shift+f6)打開外觀面板,點右上角的倒三角菜單,選擇"簡化至基本外觀",如圖示004:

3.填充設為無色,設置一個描邊大小(比如為5pt),ctrl+c復制一份(到粘貼板)以備后用，再"對象>路徑>輪廓化描邊",然后填充線性漸變如圖示005：

|||

三 繪制"金屬上拋光面"

1.(將二-3中復制的路徑)ctrl+f粘貼到前面,得到新路徑,在圖層中命名為"金屬上拋光面"

2.按>鍵,切換到漸變填色并調出漸變調板,按住ctrl鍵鼠標點擊工具欄中的"漸變方框圖標",將漸變重置為默認的黑白漸變!如圖示006：

然后,在漸變調板中設置色標,并用漸變工具(g),拉出黑白線性漸變,描邊設為無,如圖007:

四 繪制"內部藍漸變" (這一步,我要用一個路徑畫出內部復合漸變)

1.再畫一稍小的橢圓,圖層命名為"內部藍漸變",位置稍偏上右,如圖008：

|||

2.填充一徑向漸變,并設置描邊為灰色,粗細為4pt, 如圖009:

3.(如一-4) 打開外觀面板(shift+f6),按ctrl+/ 給橢圓"添加新填色",并用漸變工具(g),從右下角往右,拉出徑向漸變,如圖010:

在"透明度調板"中設置此漸變的混合模式為"濾色",如圖011:

|||

五 開始做"內部標牌"

1.用"圓角矩形工具",拖畫出圓角矩形,不松開鼠標,同時按↑或↓來調整圓角大小,填充白色,描邊為無,如圖012:

2.文本工具(t)點擊并輸入英文graby,然后"文字>創建輪廓"(shift+ctrl+o),

3.選擇矩形和文字路徑,shift+ctrl+f9調出路徑查找器,從矩形減去文字路徑,如圖013:

4.把標牌置于水晶按鈕上,并運用"效果>風格化>投影",并做了適當角度的旋轉,如圖014:

|||

六 內部內發光

1.選擇工具(v),選擇"內部藍漸變",ctrl+c復制,再ctrl+f原位粘貼到前面, 按d鍵,使它為默認的填充描邊,然后菜單命令"對象>路徑>偏移路徑",得到小一些的橢圓,用淺藍色填充,設置如圖015:

2.執行菜單命令"效果>風格化>羽化"(羽化半徑適當),再(ctrl+shift+f10)調出透明度調板,設為濾色模式,35%透明度,如圖016:

七 高光部分

1.選擇工具(v),選擇上一步偏移路徑剩下的大橢圓,ctrl+c復制到粘貼板(以備后用)
2.畫一路徑形狀,與此橢圓相減,得到一形狀區域如圖017:

|||

3.為這一路徑命名為"質感高光",填充一種青色,調出透明度調板(ctrl+shift+f10),設為濾色模式,85%透明度,如圖018:

4.將1中復制的橢圓ctrl+f粘貼到前面,選擇橢圓及"質感高光",透明度調板中,點開右上角倒三角菜單,選擇"建立不透明蒙版",如圖019:

5.單擊蒙版縮略框(圖020紅圈處),進入蒙版編輯

6.選擇蒙版路徑,按ctrl點擊漸變小方框(圖021紅圈處)即用默認漸變填充蒙版路徑,漸變工具(g)調整漸變,做出漸隱效果, 最后再點左側對象縮略圖,回到圖層,如圖021:

八 完美演繹

同樣用建立不透明蒙版的方法我加上了左上高光,和右下高光, 最后,我把"內部標牌"的不透明度降為了80%,并為底座加上的陰影,得到最終效果圖022:

到此,教程完畢!

對本文感興趣的朋友可以到這里與作者交流：http://bbs.jcwcn.com/viewthread.php?tid=261149