樹結(jié)構(gòu)圖
您現(xiàn)在的位置： > 技術(shù)沙龍 > 圖形圖像 > Fireworks > 實(shí)例分析 > Fireworks MX 2004制作巧克力按鈕
- 相關(guān)軟件
>Fireworks MX 2004制作巧克力按鈕 創(chuàng)建者：webmaster 更新時(shí)間：2010-06-27 17:12
近日閑來無事兒，打開FWMX2004，簡單做了一些效果，自我感覺還不錯(cuò)，于是就寫了這篇文章和大家一起來探討一下！效果圖如下所示，效果的名稱一直沒有想好，恰好一個(gè)朋友過來，我于是向他炫耀了一番這個(gè)效果（呵呵，風(fēng)箏的虛榮心好強(qiáng)啊~~），他馬上就來了一句，“怎么這么像巧克力豆??？”呵呵，好啊，效果的名稱我馬上也就想了出來了，就叫巧克力按鈕吧！廢話多了，下面我們就來看看如何制作這種巧克力豆效果的按鈕吧！
下載PNG文件請點(diǎn)擊這里。
1、打開FWMX或者FWMX2004，新建文件，大小隨意，背景隨意。選取工具箱的Ellipse Tool（圓形繪制工具），配合鍵盤上的Shift鍵，在編輯區(qū)繪制一個(gè)圓，顏色這里采用的是藍(lán)色，如下圖所示：
2、接下來，我們要對圓形對象做一個(gè)變形處理。選中圓形對象，選取工具箱的Distort tool（扭曲變形工具），然后就拖動鼠標(biāo)對圓形對象做一些變形處理，使其變成一個(gè)傾斜的橢圓，變形后的效果如下圖所示：
3、選中變形后的對象，執(zhí)行Properties屬性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令，在彈出的設(shè)置框中進(jìn)行設(shè)定：Basic選項(xiàng)不用進(jìn)行修改了，直接采用默認(rèn)值即可；Lighting選項(xiàng)也采用默認(rèn)值；Bevel Profile選項(xiàng)選擇最上方的“Button”預(yù)設(shè)選項(xiàng)，點(diǎn)擊確定即可，具體設(shè)定，請參看下圖：
4、選中編輯區(qū)的對象，執(zhí)行菜單命令“Edit--Clone（快捷鍵為Ctrl+Shift+D）”，原地克隆一個(gè)相同的傾斜橢圓對象。選中克隆對象，執(zhí)行菜單命令“Modify -- Transform -- Numeric Transform（數(shù)值變形）”，在彈出的對話框中進(jìn)行設(shè)定：將變形方式社為 Scale（縮放）；水平、垂直縮放比例均設(shè)為70大小，下面的兩個(gè)復(fù)選框保持默認(rèn)的勾選狀態(tài)，具體設(shè)定如下圖所示：
5、選中克隆對象，再次執(zhí)行“Ctrl+Shift+D”，原地再次克隆一個(gè)縮放后的橢圓對象，如下圖：
6、同時(shí)選中最初的橢圓對象和一個(gè)縮放后的克隆對象，執(zhí)行菜單命令“Modify -- Combine Paths -- Punch”，將其打孔，這樣編輯區(qū)目前就只有兩個(gè)對象：執(zhí)行打孔命令后生成的橢圓環(huán)，還有就是縮放后的克隆對象，具體情況如下圖：
7、選中打孔后生成的橢圓環(huán)對象，執(zhí)行Properties屬性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令，在彈出的設(shè)置框中進(jìn)行設(shè)定：Basic選項(xiàng)不用進(jìn)行修改了，Bevel Profile選項(xiàng)也保持默認(rèn)，Lighting選項(xiàng)需要進(jìn)行一些簡單的調(diào)整，具體的數(shù)值大小根據(jù)橢圓環(huán)的大小來設(shè)定，本步的目的就是要產(chǎn)生園環(huán)的高光點(diǎn)效果，可以通過觀察預(yù)覽窗口的效果來進(jìn)行調(diào)整，本例設(shè)定數(shù)值如下圖所示：
8、呵呵，看看編輯區(qū)的對象發(fā)生了什么變化，是不是已經(jīng)出現(xiàn)了我們所期待的按鈕效果了！給按鈕添加一些文字吧，然后再給按鈕添加一種外發(fā)光效果，執(zhí)行屬性面板的Effects --> Shadow and Glow --> Glow 效果命令即可。具體的數(shù)值設(shè)定可以參看下圖所示：
9、復(fù)制幾個(gè)制作好的按鈕，然后分別執(zhí)行屬性面板上的Effect --> Adjust Color --> Hue/Saturation 效果命令，就可以調(diào)整出如下圖所示的各種效果了！還等什么，讓我們開始吧！相關(guān)文章
本頁查看次數(shù):