瀏覽過(guò)蘋果公司主頁(yè)的人，想必對(duì)其晶瑩剔透，流光溢彩的網(wǎng)頁(yè)按鈕有深刻的印象（圖0）。記得看過(guò)介紹制作蘋果風(fēng)格按鈕的文章，不過(guò)那是用PHOTOSHOP做出來(lái)的，在Coreldraw中又是如何制作呢？請(qǐng)看我的制作方法：

　　雖然心動(dòng)不如行動(dòng)，但是在行動(dòng)之前還要“運(yùn)籌帷幄”，仔細(xì)觀察一下，我們會(huì)發(fā)現(xiàn)按鈕主要分為以下幾部分：

　　1）按鈕主體。
　　 2）按鈕上面的高光部分。
　　 3）按鈕陰影部分。
　　 4）文字及文字陰影。

　　這樣一分析，就會(huì)胸有成竹，做起來(lái)自然得心應(yīng)手。好，打開心愛(ài)的Coreldraw 10,新建一個(gè)文檔，開始蘋果風(fēng)格按鈕的設(shè)計(jì)。

　　1.選擇矩形工具，繪制一個(gè)細(xì)長(zhǎng)的矩形A。剛繪制的矩形會(huì)保持在選擇狀態(tài)，看看屬性欄，單擊并關(guān)閉“Round Coners Together”小鎖狀按鈕，這樣可以單獨(dú)調(diào)節(jié)某個(gè)矩形的圓角而不影響其它的。在屬性欄中作如圖2的設(shè)置，調(diào)整左上和右上兩個(gè)圓角。需要說(shuō)明的是，這里的圓角數(shù)值并不是絕對(duì)的，其數(shù)值視你要制作的按鈕大小而定。

　　2.繼續(xù)繪制一個(gè)細(xì)長(zhǎng)的小矩形B放在按鈕主體頂部，選擇它們，單擊屬性欄上“Align and Distribute”（對(duì)齊和分布）按鈕，設(shè)置矩形B相對(duì)于A水平對(duì)齊，并去掉它們的輪廓線顏色。選擇細(xì)長(zhǎng)矩形B,選“Effects”（效果）菜單-%26gt;“Add perspective”（添加透視點(diǎn)）命令，按住Shift和Ctrl向外拖動(dòng)控制手柄至適當(dāng)位置，完成添加透視點(diǎn)的操作，作為高光部分（圖3）。

　　3.按鈕基本輪廓已經(jīng)做出，下面要添加生動(dòng)的色彩。按“G”切換到“交互式填充工具”對(duì)按鈕主體應(yīng)用天藍(lán)色的漸變填充，設(shè)置如圖4，其中漸變填充起始點(diǎn)顏色為C:49,M:2,Y:5,K:0,終點(diǎn)顏色為白色。其實(shí)這里的設(shè)定不是絕對(duì)的，你還可以根據(jù)自己喜好反復(fù)調(diào)節(jié)，使效果更加理想。

4.用右鍵（注意是右鍵）拖動(dòng)按鈕主體到高光部分，從彈出菜單中選“Copy Fill Here”（復(fù)制到此），這樣就快速將按鈕主體的填充屬性復(fù)制到高光部分了，很顯然，還要進(jìn)一步調(diào)整：選“交互式填充”工具，再選高光部分，在屬性欄上將其線性填充角度由－90度改為90度，結(jié)果如圖5。

 

　　5.為了做出更逼真的效果，還要求助于“交互式透明”工具，用它在按鈕主體上進(jìn)行交互式的透明設(shè)置，如圖6。仔細(xì)觀察一下，很明顯，效果更好了。

　　6.在這里是很需要耐心和一定的審美觀，甚至是“只可意會(huì)，不可言傳”的東西，需要不斷的探索和嘗試。好了，還要做更進(jìn)一步的美化和修飾。選擇“交互式陰影工具”給按鈕主體部分加上陰影，注意陰影的顏色相對(duì)主體要暗一些（如圖7），以增強(qiáng)真實(shí)生動(dòng)的感覺(jué)。

　　7.做到這里，再堅(jiān)持幾步，就可以欣賞我們的酷按鈕了！下面要加上文字以豐富按鈕的內(nèi)容。選文本工具，輸入”MacOS X"并選擇一種合適的字體，設(shè)置顏色為黑色，并加上陰影，移動(dòng)到按鈕中心，還可以用“Align and Distribute”功能，進(jìn)行準(zhǔn)確的對(duì)齊，結(jié)果如圖8。

　　8.真的快要完成了，請(qǐng)繼續(xù)...將按鈕全選，按住Ctrl鍵水平移動(dòng)到合適位置，按下右鍵復(fù)制它，選擇“交互式填充工具”，分別更改按鈕主體漸變顏色，高光部分顏色，陰影部分顏色等，用“文本”工具分別更改文字內(nèi)容。如圖9。

　　9.如法炮制，一鼓作氣制作出其它按鈕，并用對(duì)齊輔助線功能仔細(xì)排列，好，終于大功告成?。ㄈ鐖D10）

最新評(píng)論