本文由中國(guó)教程網(wǎng) 王大果子 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！

呵呵，我是外行，多多包含（但是，本教程原創(chuàng)，如轉(zhuǎn)載請(qǐng)注明出處））

這個(gè)是繪制好以后的效果：

|||

本文由中國(guó)教程網(wǎng) 王大果子 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！

呵呵，我是外行，多多包含（但是，本教程原創(chuàng)，如轉(zhuǎn)載請(qǐng)注明出處））

這個(gè)是繪制好以后的效果：

|||

其實(shí)制作起來很簡(jiǎn)單！

首先創(chuàng)建一個(gè)如圖的方框后，點(diǎn)住方框四角的任意一角拖動(dòng)，形成方形倒圓角

 再在適當(dāng)?shù)奈恢锰砑右粋€(gè)方框，作為該圖產(chǎn)品的屏幕

|||

 制作按紐的步驟：

 再在里面創(chuàng)建一個(gè)橢圓后，點(diǎn)擊工具攔里的互交式透明漸變工具對(duì)小橢圓進(jìn)行漸變半透明，用來讓按紐看起來有反光感！如下圖！

 創(chuàng)建兩個(gè)圓，如下圖：

擺放成這樣的位置后，先選住下面一個(gè)圓，按住鍵盤上的shift鍵后選稍微左上那個(gè)圓（注意選擇的先后順序）再點(diǎn)擊工具攔里的修剪工具

|||

刪除不必要的圓形，留下如下圖形狀

雙擊或者按f10，對(duì)它進(jìn)行造型修改成這樣

修改好以后放入創(chuàng)建好的圓形內(nèi)，靠略上方并居中， 并用相同方法對(duì)它進(jìn)行互交漸變透明度。

 這樣，就可以填充顏色了，將大圓填充為黑色，其他這兩個(gè)物件填充成白色或灰色，就得到這樣一種效果了

 呵呵，是不是這樣感覺就有一定的反光效果了？

效果出來后，里面的文字圖形我就不必再羅嗦了！呵呵|||

 依次類推復(fù)制并制作好其他幾個(gè)按紐后，擺放在剛才框架里的這樣的位置上，如下圖

 下面開始制作長(zhǎng)條按鈕了~！

方法也很簡(jiǎn)單！首先這樣豎立著創(chuàng)建一個(gè)長(zhǎng)方形，在未轉(zhuǎn)曲前拖住四角的其中任意一個(gè)角將倒圓角拉滿，形成如圖

復(fù)制剛才圓按鈕里兩個(gè)反光效果體，方法和剛才一樣

大體上，框架結(jié)構(gòu)就出來了，接著的任務(wù)是對(duì)它進(jìn)行填充顏色！|||

選擇著第2大的框子按f11或者漸變填色工具，設(shè)置參數(shù)如下

 確定后可以看到，機(jī)身效果如圖：

再單獨(dú)選住大框， 填充所需顏色

是不是發(fā)現(xiàn)還缺乏一些質(zhì)感呢？

別急，我們來為它添加一些質(zhì)感物件！

創(chuàng)建一個(gè)長(zhǎng)方形，并將它轉(zhuǎn)曲后，勾勒成圖中這樣一個(gè)形狀后，按shift鍵再點(diǎn)產(chǎn)品圖的第二大線框，點(diǎn)工具欄里的交叉按鈕：

效果如圖：

|||

 現(xiàn)在，可以把不需要的那個(gè)形狀給刪除掉了！把留下的那個(gè)形狀來進(jìn)行互交透明漸變

但是還是感到質(zhì)感不強(qiáng)！那么還有一些增強(qiáng)質(zhì)感的元素需要添加進(jìn)去方法如下：

創(chuàng)建兩個(gè)如圖的長(zhǎng)方形條，倒圓角度也設(shè)置為100，

對(duì)它們倆的方向進(jìn)行反方向的互交漸變透明，如圖！就能制作反光線的效果

這樣之后，選住他們倆，按ctrl+g組合它們，并在選擇他們的狀態(tài)下，鼠標(biāo)右鍵點(diǎn)擊工具欄里的色盤里的無填充色，如下圖的位置

我們?cè)侔逊垂饩€的高度壓縮得很扁，扁到差不多一根線的大小，放到機(jī)器里的內(nèi)框的上下處，，左右也用相同方法！如圖：

 至于logo，那就看你的喜好了，還有屏幕內(nèi)部，隨便找個(gè)什么位圖給放進(jìn)去就完事！嘿嘿

與本文相關(guān)討論請(qǐng)到這里與作者交流：http://bbs.jcwcn.com/thread-171220-1-2.html