一個(gè)鼠標(biāo)控制背景的動(dòng)畫特效

今天我們給大家講一個(gè)鼠標(biāo)控制背景的動(dòng)畫特效的FLASH教程，使用功能：onClipEvent語(yǔ)句、鼠標(biāo)坐標(biāo)的應(yīng)用、遮罩層，我們還是先來(lái)看看完成的效果：

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

步驟一、新建一個(gè)FLASH文檔，按Ctrl+J設(shè)置寬度、高度為別人550*300，導(dǎo)入圖片素材按F8轉(zhuǎn)為影片剪輯，命名為imgmove，同時(shí)把圖層改名為“背景”層

步驟二、用下線工具畫出行為10，列為6的表格線框，按F8轉(zhuǎn)為影片剪輯，命名為“網(wǎng)格”

步驟三、用矩形工具畫一下長(zhǎng)方形，填充為白色，大小為550*300，按F8轉(zhuǎn)為影片剪輯，命名為“mask”

頻繁三、新建一個(gè)圖層，放到剛才兩個(gè)圖層中間，命名為“mask”，選中該圖層的第一幀，把mask影片剪輯拖入到舞臺(tái)中。

步驟四、選中舞臺(tái)中的mask元件，打開(kāi)“屬性”面板，設(shè)置顏色為Alpha，調(diào)為50%透明度，如圖：

步驟五、在“屬性”面板中設(shè)置mask影片剪輯的“實(shí)例名稱”為mask，如圖：

步驟六、在時(shí)間軸上選中mask圖層，單擊鼠標(biāo)右鍵在彈出的快捷菜單中執(zhí)行“遮罩層”命令，如圖：

步驟七、選擇舞臺(tái)中的imgMove原件實(shí)例，鼠標(biāo)右鍵在彈出快捷菜單中執(zhí)行“動(dòng)作”，打開(kāi)“動(dòng)作”面板，單擊面板右側(cè)的“腳本助手”按鈕，打開(kāi)腳本助手，雙擊面板左側(cè)的“全局函數(shù)—影片剪輯控制—onClipEvent”語(yǔ)句，在腳本助手中默認(rèn)事件為“加載”，如圖：

步驟八、雙擊動(dòng)作面板左側(cè)的“語(yǔ)句—變量—set variable”語(yǔ)句，在腳本助手部分設(shè)置“變量”為speed，設(shè)置“值”為0.1，如圖：

步驟九、雙擊“全局函數(shù)—影片剪輯—onClipEvent” 語(yǔ)句，在腳本助手中設(shè)置“事件”為“進(jìn)入幀”，如圖：

步驟十、關(guān)閉腳本助手，輸入以下代碼：

this._x += speed*((_root._xmouse/(_root.mask._width/
(this._width-_root.mask._width))*-1)-this._x);
this._y += speed*((_root._ymouse/(_root.mask._height/
(this._height-_root.mask._height))*-1)-this._y);

最后，按下Ctrl+Enter快捷鍵測(cè)試動(dòng)畫，就樣一個(gè)鼠標(biāo)控制背景的動(dòng)畫特效就制作完成了。

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

鼠標(biāo)控制背景的動(dòng)畫下載