如何利用Flash制作蝴蝶飛舞的動畫

如何利用Flash制作蝴蝶飛舞的動畫

我們經(jīng)常會使用Flash制作各種動物飛舞的動畫，那么如何制作蝴蝶飛舞動畫呢？下面我給大家分享一下。

如何用flash制作蝴蝶飛舞.步驟

具體步驟：
1、用逐幀動畫制作舞動翅膀的蝴蝶，作為一個獨立的影片。
2、導入背景層，背景層可以是靜態(tài)的花叢，也可以是動態(tài)的，搖動著的花叢。

3、將蝴蝶舞動翅膀的影片放在背景層的上方
4、制作引導動畫，讓蝴蝶沿著設計的軌跡飛舞。

5、給你制作了一個源文件，供你參照。
6、源文件用flash cs6制作，只有flash cs6才能打開。

flash制作蝴蝶飛舞的動畫

Flash是動畫工具。下面，我們來看看如何使用flash制作蝴蝶飛舞的動畫吧。

FLASH怎么制作飛舞的蝴蝶

蝴蝶飛舞的效果是許多Flash電影中經(jīng)常應用到的一個效果，而在本例中僅僅用到了一只沿路徑運動的蝴蝶就達到了一個比較好的效果。這個實例是在場景中通過鼠標的移動來實現(xiàn)蝴蝶飛舞，其中蝴蝶飛舞的路徑、大小和數(shù)量并不是確定的，而是我們通過ActionScript來進行控制的。

第1步，啟動Flash 8.0,新建一個文件。

右擊舞臺的空白處，選擇快捷菜單中的“文檔屬性”，設置尺寸大小為：500PX、250PX，背景顏色為“黑色”，確定“確定”按鈕，第2步，按“Ctrl+F8”鍵，新建一個新元件，名稱為“蝴蝶”，“行為”選擇百科“圖形”，如圖2所示單擊“確定”按鈕，進入蝴蝶編輯區(qū)。我們可以繪制一個蝴蝶，如果認為在繪制上認為比較煩瑣，就找一個現(xiàn)成的處理后的蝴蝶。如圖3所示。 第3步，按“Ctrl+F8”鍵再創(chuàng)建一個新元件，名稱為“butterfly”，行為選擇“電影剪輯”，如圖4所示，單擊“確定”按鈕，進入其編輯區(qū)。

單擊“窗口”→“庫”，彈出庫對話框，將我們制作的“蝴蝶”元件拖到“butterfly”編輯區(qū)，單擊第7幀、13幀、19幀處按F6鍵分別插入三個關鍵幀，選中工具箱中的“任意變形工具”將第7幀、13幀、19幀的蝴蝶依次變榨，如圖5所示。再別分右擊第7幀、13幀、19幀選擇快捷菜單中的“創(chuàng)建補間動畫”，**的時間軸如圖6所示。 第4步，按“Ctrl+F8”鍵再創(chuàng)建一個新元件”，名稱為“fly”，行為選擇“電影剪輯”，如圖7所示單擊“確定”按鈕，進入其編輯區(qū)。

我們從庫中剛才制的“butterfly”元件拖到舞臺上，在此層的第35幀處按F6鍵插入一個關鍵幀。單擊時間軸下面的“運動引導層”按鈕，新建一個圖層。單擊此層的第1幀，選擇工具箱中的“鉛筆”工具，畫一條曲線，顏色任意，也就是蝴蝶運動的路徑，如圖8所示。

第5步，單擊“圖層1”的第1幀，選中“butterfly”元件，將它的注冊點移與曲線的一端點重合，然后單擊窗口下面的“屬性”對話框，將“顏色”選擇“Alpha”，將其值設為20%，如圖9所示。再單擊第35幀將“butterfly”注冊點與曲線的另一端重合，按同樣的方法，彈出“屬性”對話框，將“顏色”選擇“Alpha”，將其值設為30%。然后右擊第1幀，彈出快捷菜單，選擇“創(chuàng)建補間動畫”。

第6步，在圖層2的第8幀、15幀、25幀分別單擊右鍵，彈出快捷菜單，選擇“轉(zhuǎn)換為關鍵幀”，再分別選中這幾幀上的“butterfly”元件，按后單擊工具箱中的“任意變形工具”將其稍微旋轉(zhuǎn)一點角度和改變一下大小，如圖10所示。單擊“場景1”返回主場景。第7步，將剛才做的“fly”元件從庫中拖到舞臺上，用鼠標選中它，單擊窗口下方的“屬性”對話框，將它的實例名稱為“fly”，如圖11所示。在第3幀處，按F5鍵插入一幀。

單擊第1幀，單擊窗口下方的“動作-幀”對話框，加入以下語句： startDrag(\”fly\”,true); 第8步，單擊時間軸下方的“插入圖層”按鈕，新建一圖層。在這個層上的第1幀、第2幀、第3幀分別按F6鍵插入三個關鍵幀，在每個關鍵幀上分別加入以下動作語句： 第1幀： number=0; 第2幀： number=number+1; if (number<20) { duplicateMovieClip(\”fly\”,\”fly\” and number,number); setProperty(\”fly\” and number,_alpha,100-number*5);//改變其透明度 setProperty(\”fly\” and number,_rotation,30*number+5);//改變旋旋的角度 setProperty(\”fly\” and number,_x,_xmouse+random(20)*number);//X坐標 setProperty(\”fly\” and number,_y,_ymouse+random(20)*number);//Y坐標 ss=(random(10)+2)*number; setProperty(\”fly\” and number,_xscale,ss);//水平縮放比例 setProperty(\”fly\” and number,_yscale,ss);//垂直縮放比例 } else { number=0; } 第3幀： gotoAndPlay(2); 第9步，好了，我們完成了，按“Ctrl+Enter”測試一下效果吧！記得存盤呀！在這個效果中所用到的ActionScript都是以后經(jīng)常用到的，希望在大家可以根據(jù)這個實例舉一反三，這個蝴蝶可以換成星星、蜜蜂、是游動的魚，是慢慢下落的雨滴等等。