FW MX 2004教程:動畫製作
GIF動畫的實現,是由逐張圖畫在不同的時間段快速地顯示出來,由於人眼有0.1秒的視覺暫留,所以圖像看上去就像是動了起來。而每一張圖畫就叫作「幀」,它是組成動畫的基本單位。 GIF圖形動畫為網頁增添許多活潑生動、複雜多變的圖形元素,因此GIF動畫在網頁製作中被廣泛應用,甚至大家喜歡的QQ動態表情大多也是Gif動畫呢。
Fireworks正是製作GIF動畫很好的工具,這一部分我們看看Fireworks MX 2004在動畫製作方面的特色。
1、製作GIF動畫
我們先來做一個簡單的五幀動畫例子。在工作區上隨意畫上五個對象,按住Shift鍵選中所有對象,如圖6—01。
圖6—01
然後點擊菜單欄上的「窗口—幀」命令來啟動「幀」面板,如圖6—02
圖6—02
點擊「幀」面板右下角的「分配到幀」
按鈕,在「幀」面板上會自動生成一個五幀的動畫。這樣,一個簡單的動畫就製作完成了。而這動畫一至五幀的對象是按照對像建立的先後順序生成的。完成後動畫效果如圖6—03。
圖6—03
點擊「幀」面板右下角的「添加」
或「刪除」
按鈕,可以添加或刪除被選中的幀。而在「幀」面板左下角的「循環」
按鈕可以設置動畫的播放次數,如圖6—04,當前所選擇的是「永久」循環播放。
圖6—04
2、「幀」面板的使用
在Fireworks中GIF動畫的製作離不開對「幀」面板的操作,因此學會對「幀」面板的使用非常重要。
幀的重命名:在「幀」面板上雙擊幀的名稱,即可為該幀重命名,如圖6—05。
圖6—05
幀的延遲時間:在每一幀名稱的右邊都有一個「7」字。這些數字表示各幀的延遲時間,這裡的「7」表示該幀的延遲時間是0.07秒。雙擊該處即可重新設置幀的延遲時間,如圖6—06。
圖6—06
添加幀:點擊「幀和歷史記錄」組合面板右上角的下拉菜單,如圖6—07。
選擇「添加幀」可以為當前的動畫添加新幀,如圖6—08。
圖6—08
數量——可直接輸入要添加的幀數。
在開始——在動畫的第一幀前進行添加;
當前幀之前——在當前被點選幀之前進行添加;
當前幀之後——在當前被點選幀之後進行添加;
在結尾——在動畫的最後一幀後面進行添加;
重制幀:可以複製當前被選中的幀,設置對話框與「添加幀」對話框相同。
刪除幀:刪除當前被選中的幀。
複製到幀:單擊該項,如圖6—09。可把某幀在畫布上的對象複製到其它的幀上。也可以在對話框中輸入複製幀的「範圍」。
圖6—09
分散到幀:該項與前面所講的「分配到幀」
功能相同。
3、使用「洋蔥皮」功能
在動畫製作當中使用「洋蔥皮」功能可以方便地查看當前所選幀之前和之後的幀內容。從而為動畫的製作帶來方便。
點擊「幀」面板左下角的小箭頭
按鈕,即可彈出「洋蔥皮」功能選項,如圖6—10與效果圖6—11。
圖6—10
圖6—11
啟動「自定義」項可以自行設置顯示的幀數及不透明度等,如圖6—12。
圖6—12
而「多幀編輯」則是允許同時編輯多個幀的對象,從而免去了在多個幀之間來回切換的麻煩。
4、圖層的使用
在Fireworks中繪製對像或圖形的過程中,更多的時候是使用圖層面板進行對象的選擇與調度。而在動畫製作當中,層面板的使用也同樣重要。