本例為Flash AS3代碼基礎實例教程，用Flash AS3實現(xiàn)鼠標跟隨炫舞線條動畫效果，教程主要介紹工具的運用、顏色的運用以及補間形狀的制作，但代碼部分未作講解，希望能給朋友們帶來幫助。

　　效果演示：

　　本教程是Flash創(chuàng)作的基礎教程，主要是工具的運用、顏色的運用和補間形狀的制作，代碼部分不作講解。

　　打開Flash，設置文檔屬性尺寸：寬1024 高768 背景：黑色，其它默認，取名存盤。

　　1、新建圖形元件1，選橢圓工具，筆觸禁止，填充色白色，畫一個5*5的圓（拖動鼠標的同時按住Shift鍵可畫出正圓）。按Ctrl+K組合鍵，打開對齊面板，選水平中齊，垂直中齊。

圖1：對齊面板

　　2、新建圖形元件2，選橢圓工具，筆觸禁止，填充放射漸變，左ffcc00，右fffae6,畫一個5*5的圓。水平中齊，垂直中齊。

　　3、新建圖形元件3，選直線工具，在屬性面板中設置筆觸高度為1.5 ，筆觸線性漸變，左f70000，右ffffff，填充色禁止，長度任意。用選擇工具和部分選取工具，把直線調(diào)整成～形。左對齊，上對齊。 

圖2：圖形元件曲線

圖3：設置顏色

　　4、新建圖形元件4，選直線工具，在屬性面板中設置筆觸高度為1.5 ，筆觸線性漸變，左ffffff，中0033ff，右ff0000，填充色禁止，畫一條長度100的直線。水平中齊，垂直中齊。

圖4：設置直線漸變

　　5、新建圖形元件5，選矩形工具，筆觸禁止，填充色白色，畫一個3*3的正方形。水平中齊，垂直中齊。 準備工作完成，開始制作。

　　6、新建影片剪輯元件，名遮片，選矩形工具，筆觸禁止，顏色任意，畫一個長方形，在屬性面板中設置寬為1044,高為570， X，Y坐標為0。

　　7、新建影片剪輯元件，名MouseEff，選中圖層1的第一幀，按Ctrl+L組合鍵，打開庫面板，把圖形元件1拖入舞臺，選中元件，按Ctrl+B組合鍵把圖形打散，成麻點狀。按Ctrl+K組合鍵，打開對齊面板，水平中齊、垂直中齊。選中時間軸34幀，插入關鍵幀，在屬性面板中設置寬高為59，選中圓打開顏色面板，設置透明度為0。返回第一幀，設置寬、高為1，右鍵點擊1—34的任意幀在下拉菜單中選創(chuàng)建補間形狀（拖動一下播放頭，看一下，一個從小到大的漸隱效果已經(jīng)做好了）。選中35幀插入空白關鍵幀，選55幀插入關鍵幀，打開庫面板把圖形元件5拖入舞臺，打散圖形，設置寬高為3.0 ，x:294 y:109 ，選73幀插入關鍵幀，設置寬高為1.0 ，x, y為0, 右鍵點擊任意幀，選創(chuàng)建補間形狀。選中73幀按F9鍵打開動作面板輸入代碼：

　　this.parent.removeChild(this);
　　stop();

　　圖層1上鎖，防止誤操作。

　　8、插入圖層2, 選中第一幀，打開庫面板把圖形元件3拖入舞臺，打散，選中圖形在屬性面板中點寬高左邊的鎖，鎖定寬高，設置寬為463按Tab鍵自動設置高。x:0 , y:0 ，打開顏色面板，選中紅色滑塊，設置透明度為20 。

圖5：設置透明度

　　選中13幀插入關鍵幀，在屬性面板中鎖定寬高，設置寬為100 ，設置紅色為100，在21幀插入關鍵幀，選任意變形工具，把中心點拖到注冊點位置，向左旋轉(zhuǎn)110度左右。

圖6：旋轉(zhuǎn)角度

　　22幀插入關鍵幀打開庫面板，拖入圖形元件2打散, 設置寬高為23 ，x:-80, y:0.5 。24幀插入關鍵幀，設置寬高為20。25幀插入關鍵幀，打開庫面板，拖入圖形元件4打散，水平中齊、垂直中齊。26幀插入關鍵幀，向下作10度左右的旋轉(zhuǎn)，54幀插入關鍵幀，做垂直旋轉(zhuǎn)。設置寬為0 ，高為5 ，x:295.5 , y:112.5。選1—13、13—21、21—24、24—26、26—54, 創(chuàng)建補間形狀。圖層上鎖，打開庫面板右鍵點擊MouseEff影片剪輯，下拉菜單中選鏈接，在鏈接屬性面板中，選中為ActionScript導出。

圖 7：屬性鏈接

圖8：影片剪輯時間軸

　　9、返回場景1，打開庫面板把影片剪輯遮片拖入舞臺，設置寬1024 ，高768 ，水平中齊，垂直中齊。在顏色的下拉菜單中選色調(diào)，設置成黑色。在文檔類：輸入框中輸入 Test。

圖9 

　　至此，動畫部分已全部完成，保存。附件包括fla文件和Test類文件，解壓后把Test文件復制到保存動畫文件的同一目錄下，進行測試。用Flash AS3實現(xiàn)鼠標跟隨炫舞線條動畫效果的制作方法是不是很簡單，感興趣的朋友也可以自己嘗試做做，希望大家喜歡！

最新評論