雖然心動不如行動,但是在行動之前還要“運籌帷幄”,仔細觀察一下,我們會發現按鈕主要分為以下幾部分:
1)按鈕主體。
2)按鈕上麵的高光部分。
3)按鈕陰影部分。
4)文字及文字陰影。
這樣一分析,就會胸有成竹,做起來自然得心應手。好,打開心愛的Coreldraw 10,新建一個文檔,開始蘋果風格按鈕的設計。
1.選擇矩形工具,繪製一個細長的矩形A。剛繪製的矩形會保持在選擇狀態,看看屬性欄,單擊並關閉“Round Coners Together”小鎖狀按鈕,這樣可以單獨調節某個矩形的圓角而不影響其它的。在屬性欄中作如圖2的設置,調整左上和右上兩個圓角。需要說明的是,這裏的圓角數值並不是絕對的,其數值視你要製作的按鈕大小而定。
2.繼續繪製一個細長的小矩形B放在按鈕主體頂部,選擇它們,單擊屬性欄上“Align and Distribute”(對齊和分布)按鈕,設置矩形B相對於A水平對齊,並去掉它們的輪廓線顏色。選擇細長矩形B,選“Effects”(效果)菜單->“Add perspective”(添加透視點)命令,按住Shift和Ctrl向外拖動控製手柄至適當位置,完成添加透視點的操作,作為高光部分(圖3)。
3.按鈕基本輪廓已經做出,下麵要添加生動的色彩。按“G”切換到“交互式填充工具”對按鈕主體應用天藍色的漸變填充,設置如圖4,其中漸變填充起始點顏色為C:49,M:2,Y:5,K:0,終點顏色為白色。其實這裏的設定不是絕對的,你還可以根據自己喜好反複調節,使效果更加理想。
4.用右鍵(注意是右鍵)拖動按鈕主體到高光部分,從彈出菜單中選“Copy Fill Here”(複製到此),這樣就快速將按鈕主體的填充屬性複製到高光部分了,很顯然,還要進一步調整:選“交互式填充”工具,再選高光部分,在屬性欄上將其線性填充角度由-90度改為90度,結果如圖5。
5.為了做出更逼真的效果,還要求助於“交互式透明”工具,用它在按鈕主體上進行交互式的透明設置,如圖6。仔細觀察一下,很明顯,效果更好了。
6.在這裏是很需要耐心和一定的審美觀,甚至是“隻可意會,不可言傳”的東西,需要不斷的探索和嚐試。好了,還要做更進一步的美化和修飾。選擇“交互式陰影工具”給按鈕主體部分加上陰影,注意陰影的顏色相對主體要暗一些(如圖7),以增強真實生動的感覺。
7.做到這裏,再堅持幾步,就可以欣賞我們的酷按鈕了!下麵要加上文字以豐富按鈕的內容。選文本工具,輸入”MacOS X"並選擇一種合適的字體,設置顏色為黑色,並加上陰影,移動到按鈕中心,還可以用“Align and Distribute”功能,進行準確的對齊,結果如圖8。
8.真的快要完成了,請繼續...將按鈕全選,按住Ctrl鍵水平移動到合適位置,按下右鍵複製它,選擇“交互式填充工具”,分別更改按鈕主體漸變顏色,高光部分顏色,陰影部分顏色等,用“文本”工具分別更改文字內容。如圖9。
9.如法炮製,一鼓作氣製作出其它按鈕,並用對齊輔助線功能仔細排列,好,終於大功告成!(如圖10)