前面做了一個(gè)文字跟隨效果，文字跟隨鼠標(biāo)移動(dòng)。這次我們讓MC跟隨鼠標(biāo)移動(dòng)，并產(chǎn)生相應(yīng)的延遲效果。鼠標(biāo)在舞臺(tái)上劃動(dòng)，MC跟隨鼠標(biāo)軌跡出現(xiàn)，雖只一個(gè)MC，因緊跟前一步，卻產(chǎn)生連續(xù)的效果。

一、制作運(yùn)動(dòng)的星

Ctrl+F8新建影片剪輯元件，我給它取名灑光。

星元件是事先繪好的，將星元件拖入舞臺(tái)，第20幀插入關(guān)鍵幀。新建四層到圖層5，選中層1所有幀，按住Alt鍵拖動(dòng)，復(fù)制到每一層中。

0flash制作一顆閃閃的星

從層4開始，每層最后的關(guān)鍵幀選中后，向后拖動(dòng)，比上一層多出5幀。如圖。

第5層上新建一個(gè)引導(dǎo)層，線條工具繪出一條弧線，形狀看個(gè)人需要，延長(zhǎng)至40幀（40幀按F5插入幀）。

點(diǎn)上貼緊至對(duì)象，將層5最后一幀的星拖動(dòng)至線條，注意變形點(diǎn)與線條結(jié)尾對(duì)齊，“貼緊至對(duì)象”會(huì)幫助我們做到?；氐降谝粠益I——創(chuàng)建補(bǔ)間動(dòng)畫。

圖層4到1同樣處理：最后一幀的星拉至引導(dǎo)層線條的末尾，添上補(bǔ)間動(dòng)畫。

分別按住每一層向上拖動(dòng)，如圖，出現(xiàn)加入的標(biāo)注松開，使每一層都成為被引導(dǎo)層。完成該元件制作。

二、制作灑光的蝴蝶

蝴蝶是網(wǎng)上收集的GIF圖，首先我們將它導(dǎo)入到flash文檔里。文件——導(dǎo)入——導(dǎo)入到庫(kù)。導(dǎo)入進(jìn)來(lái)的動(dòng)畫是以影片剪輯類型存放，并包含有每一幀中的圖片。

新建影片剪輯元件，取名蝶舞。將蝴蝶元件拖入舞臺(tái)。修改——變形——水平翻轉(zhuǎn)（是否翻轉(zhuǎn)，按個(gè)人需要）。第40幀插入關(guān)鍵幀。

新建一層，將灑光元件拖入蝴蝶上，各五幀錯(cuò)開加入一個(gè)，共三個(gè)（個(gè)數(shù)看個(gè)人心意），如圖。

新建一個(gè)ActionScript層，在最后一幀輸入：this.removeMovieClip();使該元件運(yùn)動(dòng)39幀后，在第40幀從畫面移除。

回到場(chǎng)景，將蝶舞元件拖入，取一個(gè)實(shí)例名，在后面的腳本中使用。

在時(shí)間軸上輸入：var time = 3;

var i = 0;

_root.onEnterFrame = function() {

_root.onMouseMove = function() {

if ((i % time) == 0) {

_root.stars_mc.duplicateMovieClip(("stars_mc" + i), i);

_root[("stars_mc" + i)]._x = _root._xmouse;

_root[("stars_mc" + i)]._y = _root._ymouse;

}

i++;

};

};

最終效果。

以上就是小編flash制作跟隨鼠標(biāo)移動(dòng)的撒光蝴蝶方法，感興趣的用戶歡迎關(guān)注腳本之家！

最新評(píng)論