一個鼠標(biāo)流星軌跡動畫特效

今天我們給大家講一個鼠標(biāo)流星軌跡動畫特效的FLASH教程，使用功能：StartDrag語句、if語句、隨機(jī)函數(shù)，下面我們還是先來看看動畫完成后的效果吧：

具體制作步驟及方法如下：

步驟一、新建一個FLASH文檔，按Ctrl+J設(shè)置寬度、高度為別人500*221，導(dǎo)入圖片到庫，同時把圖層改名為“背景”層。

步驟二、選擇橢圓工具，畫一個正圓，填充黃色，執(zhí)行：修改—形狀—柔化填充邊緣，如圖：

步驟三、選中圖形，按F8，把圖形轉(zhuǎn)換成圖形原件，圖形原件名稱“光”，如圖：

步驟四、按Ctrl+F8，創(chuàng)建新原件，選擇影片剪輯，影片剪輯名稱“ball”，如圖：

步驟五、把庫里面的圖形原件“光”，拖到影片剪輯里面的第一幀上，然后在時間軸上點中第14幀，按F6，插入關(guān)鍵幀，選取任意變形工具把圓按比例縮小然后向下移動一點，選中第1幀與第14幀中間空白的幀，執(zhí)行：屬性面板—補(bǔ)間，選擇動畫，如圖：

步驟六、選中影片剪輯中的第15幀，按F6，插入關(guān)鍵幀，按F9，打開動作面板，全局函數(shù)—時間軸控制—stop，如圖：

步驟七、選中第16幀，F(xiàn)7，插入空白關(guān)鍵幀，選中第1幀Ctrl+C復(fù)制一個圓，選中第16幀，Ctrl+Shift+V原位粘貼，選中圖形，屬性面板—顏色—色調(diào)，給這個圓換個顏色，選中第29幀按F7，選中14幀Ctrl+C，選中29幀Ctrl+Shift+V原位粘貼，屬性面板—顏色—色調(diào)，給這個圓換個顏色，選中第16幀與第29幀中間的幀，執(zhí)行：屬性面板—補(bǔ)間，選擇動畫，如圖：

步驟八、選中影片剪輯中的第30幀，按F6，插入關(guān)鍵幀，按F9，打開動作面板，全局函數(shù)—時間軸控制—stop。

步驟九、選中第31幀，F(xiàn)7，插入空白關(guān)鍵幀，選中第1幀Ctrl+C復(fù)制一個圓，選中第44幀，Ctrl+Shift+V原位粘貼，選中圖形，屬性面板—顏色—色調(diào)，給這個圓換個顏色，選中第35幀按F7，選中14幀Ctrl+C，選中29幀Ctrl+Shift+V原位粘貼，屬性面板—顏色—色調(diào)，給這個圓換個顏色，選中第16幀與第29幀中間的幀，執(zhí)行：屬性面板—補(bǔ)間，選擇動畫。 選中第45幀，按F6，插入關(guān)鍵幀，按F9，打開動作面板，全局函數(shù)—時間軸控制—stop，動作添加好后返回場景。

步驟十、在時間軸上單擊“插入圖層”按鈕，新建圖層，并將其命名為“控制”，將ball原件拖到舞臺上，放置在畫布的左側(cè)。

步驟十一、選中舞臺中的實例，打開“屬性”面板，在其中設(shè)置實例名稱為“ball”，如圖：

步驟十二、按下Ctrl+F8快捷鍵，打開創(chuàng)建新原件對話框，設(shè)置名稱為“隱形”，設(shè)置類型為“影片剪輯”，單擊確定，如圖：

步驟十三、進(jìn)入“隱形”原件的編輯窗口，在單擊“場景”按鈕，回到場景中，將“隱形”原件從庫中拖到舞臺上，并在其“屬性”面板中設(shè)置實例名稱為“followmouse”，如圖：

步驟十四、在時間軸上選擇“控制”圖層上的第1幀，按F9打開“動作”面板，單擊面板上方的“腳本助手”，然后雙擊面案左側(cè)的全局函數(shù)—影片剪輯控制—startDrag語句，在“腳本助手”中設(shè)置“目標(biāo)”為_root.followmouse,并勾選“鎖定鼠標(biāo)到中央”復(fù)選框。也可直接輸入以下代碼：

startDrag("_root.followmouse", true);

步驟十五、雙擊面板左側(cè)的全局函數(shù)—時間軸控制—stop語句，表示動畫在該幀停止，如圖：

步驟十六、按下Ctrl+F8快捷鍵，打開“創(chuàng)建新原件”對話框，設(shè)置名稱為“control”設(shè)置類型為“影片剪輯”，單擊確定，如圖：

步驟十七、進(jìn)入control原件的編輯窗口，選中“圖層1”圖層的第2幀，按下F5快捷鍵延長幀。

步驟十八、在時間軸上選中“圖層1”圖層的第1幀，按下F9 快捷鍵，打開動作面板，在其中輸入以下代碼：

mouse_x = getProperty("_root.followmouse", _x);
mouse_y = getProperty("_root.followmouse", _y);
n = Number(n)+1;
temp = "_root.ball" add n;
duplicateMovieClip("_root.ball", "ball" add n, n);
setProperty(temp, _x, mouse_x);
setProperty(temp, _y, mouse_y);
ramder = random(9);
if (Number(ramder)>5) {
 tellTarget (temp) {
  gotoAndPlay("red");
 }
} else if (Number(ramder)>2) {
 tellTarget (temp) {
  gotoAndPlay("purple");
 }
}

 步驟十九、回到場景中，將control原件拖到舞臺上，至此完成動畫的制作，按下Ctrl+Enter測試動畫，這時可以看到一個鼠標(biāo)移動的時候，畫面上會出現(xiàn)流星滑動的動畫特效。

如果你對這處動畫制作感興趣可以下載源碼進(jìn)行學(xué)習(xí)研究。

鼠標(biāo)流星軌跡動畫特效下載