通過(guò)效果的觀察，想必大家對(duì)于上面這些按鈕的制作方法已經(jīng)有了一些初步的想法，好，那么就請(qǐng)看看下面的操作步驟是否和你的想法相吻合~~

1、打開(kāi)fw，新建一個(gè)文件，文件的大小為100*100，背景色采用了白色。

2、選取工具箱的矩形工具，配合shift鍵，在編輯區(qū)繪制出一個(gè)正方形，選中正方形分別打開(kāi)stroke面板和fill面板進(jìn)行設(shè)定。stroke選項(xiàng)選擇none，不要描邊；fill選項(xiàng)中填充方式選擇linear（線性漸變填充），填充方案可以選擇“black，white”方案，也可以點(diǎn)擊“edit”按鈕，進(jìn)行顏色列的編輯，這里我采用的顏色方案是“#dadada--#000000”，具體設(shè)定如下圖所示：

3、此刻正方形的填充效果是默認(rèn)的由上向下的填充，不符合我們的要求，我們需要將填充方向進(jìn)行調(diào)整，記得在“一款立體字的制作”的教程中，給大家介紹了使用油漆桶工具進(jìn)行填充方向調(diào)整的簡(jiǎn)單方法，大家可以在這里實(shí)踐一下了：從左上角的方向向右下角的方向拖動(dòng)油漆桶，就產(chǎn)生了我們需要的斜向漸變色填充的效果，如下圖所示：

4、選定正方形對(duì)象，打開(kāi)fill填充面板，將edge選項(xiàng)進(jìn)行調(diào)整，將其設(shè)定為“feather（羽化）”，羽化數(shù)值不要太大，這里我們定為1，如下圖所示：

5、好了，接下來(lái)選定正方形對(duì)象，執(zhí)行菜單命令“edit--clone（編輯--克?。保旖萱I“ctrl+shift+d”），原地復(fù)制一個(gè)正方形對(duì)象，然后選定克隆的對(duì)象，依次點(diǎn)擊工具欄的左右調(diào)整、上下調(diào)整的按鈕，這樣就將克隆對(duì)象的填充方向作了一個(gè)調(diào)整。

　　當(dāng)然，如果不使用位置調(diào)整按鈕的話，同樣可以使用油漆桶工具從右下角向左上角進(jìn)行拖動(dòng)，從而實(shí)現(xiàn)漸變方向的調(diào)整。6、選定克隆對(duì)象，執(zhí)行菜單命令“modify--alert path--inset path”，在彈出的對(duì)話框中進(jìn)行設(shè)定：注意direction（方向）為inside（向內(nèi)）；width的數(shù)值不要設(shè)置的太大，這里采用了6像素大小，其余設(shè)定請(qǐng)參看下圖：

7、同時(shí)選定編輯區(qū)的兩個(gè)正方形對(duì)象，執(zhí)行菜單命令“modify--group（修改--組合群組）”（快捷鍵為“ctrl+g”）或者直接點(diǎn)擊工具欄的組合群組按鈕即可。8、選定組合對(duì)象，打開(kāi)effect（效果）面板，執(zhí)行其中的“effect--adjust color--hue/saturation（色調(diào)/色相飽和度）”效果命令，在彈出的hue/saturation設(shè)置的對(duì)話框中進(jìn)行設(shè)定，你可以自行調(diào)節(jié)進(jìn)行設(shè)定，這里采用的各項(xiàng)數(shù)值的大小如下圖所示：

8、經(jīng)過(guò)效果命令調(diào)整后，編輯區(qū)的組合對(duì)