今天我們來繪制一個飛舞的蝴蝶動畫,讓蝴蝶的翅膀在不停地扇動著,如同一只現(xiàn)實中的彩蝶在翩翩飛舞。還可以在網(wǎng)頁制作過程中在deamweaver中將這個gif動畫插入一個層之中,然后設(shè)置時間軸來控制動畫在網(wǎng)頁上的運動路徑,用以實現(xiàn)它在頁面上飛舞的效果。主要用來熟悉 mx 2004中幀面板中導(dǎo)出gif動畫文件的用法,同時熟悉魔棒工具的用法。文章末尾提供.png文件供大家下載參考。 
下面我們介紹具體的繪制過程,看看蝴蝶翅膀扇動效果是如何實現(xiàn)的。
(1) 新建一個大小為80×80的文件,設(shè)置其畫布顏色為透明,得到圖1所示圖像。
(2) 導(dǎo)入一個靜態(tài)的蝴蝶圖片,如圖2所示。但是這幅圖像是有白色背景的。

(3) 單擊工具箱上的魔術(shù)棒工具
,在導(dǎo)入圖像的白色區(qū)域中單擊一下,這樣圖像中所有白色的區(qū)域就被選中了,如圖3所示。
(4) 按delete鍵將魔術(shù)棒選取的白色區(qū)域刪除,得到圖4所示的圖像。

(5) 單擊工作區(qū)狀態(tài)欄的
按鈕回到矢量圖編輯狀態(tài)。使用對其面板將圖像放置在畫布的最中央,得到圖5所示的圖像。
(6) 打開幀面板,單擊
按鈕新建一幀,并把第一幀的圖像復(fù)制到第2幀之中,使用工具箱上的縮放工具
對復(fù)制所得圖像進行調(diào)整,如圖6所示。

(7) 為了能模擬蝴蝶飛舞時產(chǎn)生的顏色明暗度變化,所以需要對第2幀的圖像進行色相、飽和度和亮度的調(diào)整。單擊【濾鏡】菜單,選擇【調(diào)整顏色】|【色相/飽和度】,在彈出對話框中調(diào)整色相、飽和度和亮度,如圖7所示。

(8) 最終得到滿意的效果,如圖8所示。接著在新建一幀,和上面兩步類似,再調(diào)整圖像得到圖9所示的圖像。


新聞熱點
疑難解答