fireworks如何做gif動(dòng)畫

　　制作gif動(dòng)畫一直都是fireworks的強(qiáng)項(xiàng)，方便、快捷、自由是fireworks的特點(diǎn)。雖然還有其他的一些優(yōu)秀的動(dòng)畫制作工具，比如flash，比如imageready。但在制作gif動(dòng)畫上，我一直都推薦fireworks，而不會(huì)選擇其他的軟件，甚至不主張用flash來(lái)制作gif那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)于fireworks如何做gif動(dòng)畫的步驟/方法，希望你喜歡。

　　fireworks做gif動(dòng)畫步驟/方法：

　　(1)新建一文件，大小為450x116，然后我們用圓形、線條、鋼筆等矢量做圖工具做一個(gè)車輪的樣子，如圖所示：

　　車輪的畫法就不用我說(shuō)了吧，不過(guò)fw mx里面的矢量繪圖方式也增強(qiáng)不少，因?yàn)楸容^容易，就自己去體驗(yàn)一下了吧，還有車輪里面那個(gè)紅點(diǎn)不要偷懶不畫哦，等下有用處的。

　　(2)選中畫好的圖形，按f8鍵，將圖形轉(zhuǎn)換為animation，這時(shí)我們可以在library面板中看到它，呵呵，有點(diǎn)像做flash的感覺(jué)，如圖所示：

　　(3)選中這個(gè)animation元素，在屬性面板中的frame欄里面填寫數(shù)值10，屬性面板的出現(xiàn)真的是太好太方便了，又可以將設(shè)計(jì)制作的速度提高一層了，如圖：

　　這個(gè)frame的數(shù)字根據(jù)自己的動(dòng)畫長(zhǎng)度來(lái)決定，按下回車，這時(shí)會(huì)出現(xiàn)一個(gè)警告窗，如圖：

　　說(shuō)的是將自動(dòng)添加到幀上去，按ok，你也可以點(diǎn)擊don't show again，以防它下次又來(lái)攪亂視線。這時(shí)我們會(huì)在看到車輪的中心出現(xiàn)了一個(gè)小紅點(diǎn)，這個(gè)小紅點(diǎn)可很重要，代表著動(dòng)畫最后運(yùn)動(dòng)的一個(gè)圖形，我們可以按住這個(gè)小紅點(diǎn)拖動(dòng)到右邊，發(fā)現(xiàn)中間出現(xiàn)了很多的“關(guān)鍵幀”，點(diǎn)取其中任何一個(gè)幀點(diǎn)，都會(huì)將這一幀的圖形顯示出來(lái)。如圖：

　　按播放按鈕，發(fā)現(xiàn)車輪動(dòng)起來(lái)了，由于缺省的動(dòng)畫間隔時(shí)間是7，我們有必要將它調(diào)得慢一點(diǎn)，打開frame面板，按shift鍵將所有的frame選擇，然后雙擊，彈出窗口，將7改為18就可以了。如圖：

　　上面地動(dòng)畫中，我們就可以看到車輪從左邊移到右邊了，注意是“移”不是“滾”啊，怎樣實(shí)現(xiàn)它滾的效果呢?下面我們來(lái)使用屬性面板讓我們的動(dòng)畫變得更加富有變化。選擇這個(gè)動(dòng)畫，在屬性面板中進(jìn)行如下配置，如圖：

　　scaling是對(duì)動(dòng)畫大小變化的調(diào)整，rotation是旋轉(zhuǎn)角度的度數(shù)調(diào)整，可以是順時(shí)鐘也可以是逆時(shí)鐘旋轉(zhuǎn)，跟flash中的rotation是一樣的道理，opacity...to...是透明參數(shù)設(shè)置，讓你的動(dòng)畫淡入淡出效果更逼真。呵呵，這下基本上差不多了，按播放按鈕看看，看到車輪上的紅點(diǎn)滾動(dòng)沒(méi)有?車輪到后面越來(lái)越小，最后淡出，效果很生動(dòng)吧。

　　如果想讓車輪沿著波浪線滾動(dòng)，就象上坡下坡的樣子，我該怎么做啊?我倒，夠狠啊，這么刁難的問(wèn)題也提得出，firework可不象flash那樣有引導(dǎo)線，可以讓動(dòng)畫沿著引導(dǎo)線走，那真的就不能實(shí)現(xiàn)了嗎?辦法還是有的，不過(guò)比較麻煩一點(diǎn)，那就是先把這個(gè)動(dòng)畫用export wizard輸出為一個(gè)十幀的動(dòng)畫，然后再在fw mx里面打開，最后在frame面板里面分別對(duì)每個(gè)畫面進(jìn)行重新安排，當(dāng)然安排是沿著波浪線的，下圖是用洋蔥皮觀看方式看到的效果，波浪線滾動(dòng)還是出來(lái)了，雖然麻煩點(diǎn)。如圖：