Flash實例“蝶戀花”制作過程深入剖析_Flash教程

推薦：Flash8制作具有搜索功能的電話本
利用Flash8ActionScript制作一個簡單的電話本搜索程序。先看效果(姓名中輸入Sven,Michel,Jack,Charly和Ana可以查看到結果)：點擊這里下載源文件(解

　　通過這個蝴蝶在花叢中翻飛的實例我們可以學習Flash圖層、引導線運動、幀與補間動畫等技術。

　　主要使用工具：箭頭工具(選擇工具)、任意變形工具、鉛筆工具。

　　請大家先看看實例：

　　素材如下：

　　制作方法如下：

　　1、啟動FLASH，建新文件：550x400像素。

　　2、在圖層1分別導入背景圖和 4個透明背景蝴蝶：文件--導入--導入到庫。

　　3、點窗口--庫，打開庫。把庫里的背景圖“藍花花”拖進舞臺調整和舞臺一樣大小：

　　4、點窗口--對齊，調出對齊面版，點相對于舞臺，水平對齊，垂直對齊。

　　5、在時間軸第100幀插入幀。鎖定圖層1。

　　6、新建圖層2，把蝴蝶1 從庫拖進舞臺，右鍵點蝴蝶1 --轉換為元件(影片剪輯)，元件名為蝶1：

　　7、右健點蝶1--編輯，進入元件編輯區。右鍵點蝶1 --分離，打散蝴蝶圖片：

　　8、選用任意變形工具，蝶1 圖片四面出現8 個小方框，把鼠標放在右下的小方框上，待鼠標變為一個園形箭頭，鼠標輕輕向左一拖，把蝴蝶轉個方向:

　　9、移動蝴蝶，使蝴蝶的頭部正好在舞臺的正中心，右鍵點時間軸上的第3幀，插入要害幀:

　　10、在第3幀，用箭頭工具框選蝴蝶的一個翅膀:

　　11、再用任意變形工具，把翅膀壓扁:

　　12、用同樣的方法做好另一個蝴蝶翅膀:

　　13、點第1幀，點修改--組合;點第3幀，點修改--組合。

　　14、點場景1，返回場景1。為了方便操作，我們把舞臺調整為50%：

　　15、在場景1的第2層，分別在40、60、100幀插入要害幀，并分別在1-40、46-60、60-100幀內任意一個點創建補間動畫。鎖住圖層2，插入引導層：

　　16、在引導層的第1幀，選用鉛筆工具: 選項平滑，畫出蝴蝶飛行的軌跡(引導線)，用橡皮擦工具在引導線上，在您想要蝴蝶停留的位置上擦出一個小缺口，鎖定引導層，打開圖層2 的鎖：

　　17、在圖層2 的第1 幀，用箭頭工具將蝶1 元件拖到引導線的最左端，蝶1 的中心點一定要壓在引導線上：

　　18、在圖層2 的第40幀，用箭頭工具將蝶1 元件拖到缺口的左端，蝶1 的中心點一定要壓在引導線上：

　　19、在圖層2 的第60幀，用箭頭工具將蝶1 元件拖到缺口的右端，蝶1 的中心點一定要壓在引導線上：

　　20、 在圖層2 的第100 幀，用箭頭工具將蝶1 元件拖到引導線的最左端，蝶1 的中心點一定要壓在引導線上：

　　OK!現在咱們來測試影片吧。這是單個蝴蝶戀花的做法，假如您說，我也要象實例上那樣三對蝴蝶飛舞在花叢中，那就不要怕麻煩喔~~

　　制作第二個蝴蝶

　　1、把圖層2 和引導層鎖好，增加圖層3:

　　2、為了方便操作，圖層2 和引導層的眼睛關閉，把蝴蝶2 從庫里拖出舞臺。重復6~14 步驟得到元件蝶 2:

　　3、在場景1 的第3 層，分別在35、55、100幀插入要害幀，并分別在 1--35、36--55、56--100 幀內任意一個點創建補間動畫。鎖住圖層3 ，打開引導層和引導層的眼睛:

　　4、操作方法同第16步。在引導層的第1 幀，選用鉛筆工具: 選項平滑，畫出蝴蝶2 飛行的軌跡(第二條引導線)，用橡皮擦工具在引導線上，在您想要蝴蝶停留的位置上擦出一個小缺口，鎖定引導層，打開圖層3 的鎖：(只要操作正確，引導線畫好，蝴蝶元件會自動跑上引導線)。

　　5、這步操作方法與 17、18、19、20 步相同：

　　在圖層3 的第 1 幀，用箭頭工具將蝶2 元件拖到引導線的最左端，蝶2 的中心點一定要壓在引導線上。
　　在圖層3 的第35幀，用箭頭工具將蝶2 元件拖到缺口的左端，蝶2 的中心點一定要壓在引導線上。
　　在圖層3 的第60幀，用箭頭工具將蝶2 元件拖到缺口的右端，蝶2 的中心點一定要壓在引導線上。
　　在圖層3 的第100 幀，用箭頭工具將蝶2 元件拖到引導線的最左端，蝶2 的中心點一定要壓在引導線上。
　　注重：不管做多少層，最后一幀一定要對齊，否則全盤亂套。

　　好！第 2個蝴蝶也做好了，測試一下。

　　第 3、4 個蝴蝶和上面兩個蝴蝶做法一樣。

　　1、同第6 ~第13步，分別做好元件(影片剪輯)蝶3、元件(影片剪輯)蝶4。
　　2、在第8 步后面把蝶3 蝶4 調小一些。
　　元件大小的調整方法：點修改--變形--縮放與旋轉，在彈出的縮放和旋轉對話框中設置縮放為50~80(隨意)，確定。
　　3、做好了元件蝶3 ，點場景1，不用做引導線，把蝶3 擺放在您認為合適的地方。(參看實例)
　　4、做好了元件蝶4 ，點場景1，不用做引導線，把蝶4 擺放在您認為合適的地方。(參看實例)
　　5、第5 第6 個蝴蝶更輕易做了，把元件蝶3和蝶4 直接拖進場景，隨便找地方安裝就OK。(參看實例)

　　按CTRL ENTER測試 ，保存*.fly 導出影片*.swf (完畢)。

分享：Flash8制作彈性跟隨鼠標的彈性圓
效果如下：點擊這里下載源文件新建文檔，按CtrlJ修改屬性：自己隨意設置一個背景，然后使用橢圓工具繪制一個只有邊框色沒有填充色的圓：然后選中圓按F8轉