本文由 網(wǎng)頁設(shè)計(jì) 加勒比海盜 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！

在學(xué)習(xí)中遇到問題可以到 論壇 發(fā)貼交流！

圖片源于wangxusu同學(xué)發(fā)的一個(gè)求助貼，可見此鏈接：

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

所以,我決定 把自己制作的過程重新整理,出個(gè)教程, 適合更多初學(xué)者共同學(xué)習(xí)進(jìn)步!

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

首先，把效果圖發(fā)出來!

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

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

下面開始：

一 繪制"底座"部分

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

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

2.為了讓它在最后看起來更真實(shí),我想要給這個(gè)正圓一些透視，使用"自由變換工具"(e),鼠標(biāo)移動(dòng)到正圓對(duì)象定界框右下角的空心方點(diǎn)上(如沒有顯示對(duì)象定界框,請(qǐng)按快捷鍵shift+ctrl+b使之顯示)，當(dāng)鼠標(biāo)變?yōu)殡p向箭頭時(shí),按下鼠標(biāo)不放,再同時(shí)按下shift+ctrl+alt鍵不放(此時(shí)鼠標(biāo)變?yōu)橐粋€(gè)虛的三角形)，按住的鼠標(biāo)往右拖移,讓底座圓做垂直方向的透視變形!

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

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

|||

本文由 網(wǎng)頁設(shè)計(jì) 加勒比海盜 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！

在學(xué)習(xí)中遇到問題可以到 論壇 發(fā)貼交流！

圖片源于wangxusu同學(xué)發(fā)的一個(gè)求助貼，可見此鏈接：

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

所以,我決定 把自己制作的過程重新整理,出個(gè)教程, 適合更多初學(xué)者共同學(xué)習(xí)進(jìn)步!

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

首先，把效果圖發(fā)出來!

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

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

下面開始：

一 繪制"底座"部分

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

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

2.為了讓它在最后看起來更真實(shí),我想要給這個(gè)正圓一些透視，使用"自由變換工具"(e),鼠標(biāo)移動(dòng)到正圓對(duì)象定界框右下角的空心方點(diǎn)上(如沒有顯示對(duì)象定界框,請(qǐng)按快捷鍵shift+ctrl+b使之顯示)，當(dāng)鼠標(biāo)變?yōu)殡p向箭頭時(shí),按下鼠標(biāo)不放,再同時(shí)按下shift+ctrl+alt鍵不放(此時(shí)鼠標(biāo)變?yōu)橐粋€(gè)虛的三角形)，按住的鼠標(biāo)往右拖移,讓底座圓做垂直方向的透視變形!

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

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

|||

二 繪制"金屬凹邊"

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

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

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

|||

三 繪制"金屬上拋光面"

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

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

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

四 繪制"內(nèi)部藍(lán)漸變" (這一步,我要用一個(gè)路徑畫出內(nèi)部復(fù)合漸變)

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

|||

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

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

在"透明度調(diào)板"中設(shè)置此漸變的混合模式為"濾色",如圖011:

|||

五 開始做"內(nèi)部標(biāo)牌"

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

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

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

4.把標(biāo)牌置于水晶按鈕上,并運(yùn)用"效果>風(fēng)格化>投影",并做了適當(dāng)角度的旋轉(zhuǎn),如圖014:

|||

六 內(nèi)部?jī)?nèi)發(fā)光

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

2.執(zhí)行菜單命令"效果>風(fēng)格化>羽化"(羽化半徑適當(dāng)),再(ctrl+shift+f10)調(diào)出透明度調(diào)板,設(shè)為濾色模式,35%透明度,如圖016:

七 高光部分

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

|||

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

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

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

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

八 完美演繹

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

到此,教程完畢!

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