Fireworks不僅在網(wǎng)頁(yè)制圖、切圖、與Dreamweaver結(jié)合上有其獨(dú)到的優(yōu)勢(shì)，制作GIF動(dòng)畫(huà)也是它的強(qiáng)項(xiàng)，今天小編就教你怎么如何使用Fireworks 制作一個(gè)平滑變色效果的Banner。

　　Fireworks制作網(wǎng)站變色banner的步驟：

　　新建畫(huà)布，大小為468*60(Banner標(biāo)準(zhǔn)尺寸)。選擇素材圖片，當(dāng)然也可以手繪，調(diào)整到適當(dāng)大小，如圖：

　　將圖片克隆(原地復(fù)制，當(dāng)然用復(fù)制、粘貼也可)幾個(gè)，這主要取決于你希望所變顏色的多少。例中有三種顏色變化，故克隆三個(gè)，可以理解為Flash里的關(guān)鍵幀,選中克隆的圖片，選擇菜單項(xiàng)濾鏡(Filters)->顏色(adjust color)->調(diào)節(jié)色相對(duì)比度(hue/saturation)，對(duì)關(guān)鍵圖片進(jìn)行變色處理，需要注意的是，在調(diào)節(jié)過(guò)程中，不要調(diào)節(jié)亮度，否則整個(gè)圖片都發(fā)生了變化，首先調(diào)節(jié)為綠色!色相值：120，如圖所示是綠色圖片的參數(shù)設(shè)置。

　　其他的圖片顏色調(diào)節(jié)和該例類(lèi)似，hue值藍(lán)色為180，紫色為-80，圖片不同調(diào)節(jié)的參數(shù)也不同，這里不贅述，請(qǐng)讀者在制作中仔細(xì)調(diào)整，還要特別注意在制作前要想好顏色的變化過(guò)程，最好是同一色系逐漸變化，如先由藍(lán)變綠，再由綠變紫……，本例就是要實(shí)現(xiàn)這種變化!調(diào)整好顏色，將他們按順序擺放，看看色彩過(guò)渡的跨度是不是太大，如果太大，再做調(diào)整，直到滿意為止!如圖：

　　選中一個(gè)圖片(例中為綠色)按快捷鍵F8，或者右鍵convert to symbol，在彈出的對(duì)話框內(nèi)選擇動(dòng)畫(huà)符號(hào)(Animation)，點(diǎn)擊確定，這時(shí)會(huì)彈出一個(gè)要求進(jìn)行動(dòng)畫(huà)設(shè)置的對(duì)話框，我們暫時(shí)對(duì)它不做設(shè)置，保持為一幀，移動(dòng)為0就可以了，如圖

　　單擊確定，將該圖片轉(zhuǎn)化為動(dòng)畫(huà)符號(hào)，在畫(huà)布上會(huì)看到帶箭頭的虛線邊框的實(shí)例，我們將它刪除~!(不要怕，符號(hào)已經(jīng)定義到庫(kù)中了，然后將其他的圖片按此方法都轉(zhuǎn)化為符號(hào)!

　　這個(gè)時(shí)候畫(huà)布一片空白，好象我們辛苦了半天，都白做了?!不要著急，真正的動(dòng)畫(huà)還沒(méi)有開(kāi)始做呢，看著畫(huà)布是不是有點(diǎn)單調(diào)啊，我們給她美化一下吧，因?yàn)槲覀兊乃夭谋尘笆呛谏?，我們把?huà)布的背景改為黑色，菜單修改(Modify)->畫(huà)布(Canvas)->畫(huà)布顏色(Canvas Colors...)，再在角上加個(gè)不動(dòng)的圖片吧，使Banner更加生動(dòng)，如圖

　　5好了，前期工作基本就緒，開(kāi)始真正的動(dòng)畫(huà)了，現(xiàn)在看看你的幾個(gè)主要面板都打開(kāi)了嗎?庫(kù)面板(Window->Library F11)、幀面板(Window->frames Shift+F2)、層面板(Window->layers F2)。如果沒(méi)有打開(kāi)，按括號(hào)中的打開(kāi)吧。首先點(diǎn)擊層面板，雙擊我們的背景所在層，在彈出的小窗口里的方框里打上勾，(在輸入欄里可以給圖層起個(gè)好記的名字，看你的愛(ài)好了~!)，即共享這個(gè)圖層，也就是說(shuō)，在以后的動(dòng)畫(huà)中，這一層是始終不變的。完成后圖層右面出現(xiàn)個(gè)膠片的圖標(biāo)，對(duì)，就是那個(gè)小梯子