Flash AS3打造鼠標跟隨炫舞線條動畫效果

 

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

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

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

　　圖1：對齊面板

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

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

　　圖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的任意幀在下拉菜單中選創建補間形狀(拖動一下播放頭，看一下，一個從小到大的漸隱效果已經做好了)。選中35幀插入空白關鍵幀，選55幀插入關鍵幀，打開庫面板把圖形元件5拖入舞台，打散圖形，設置寬高為3.0 ，x:294 y:109 ，選73幀插入關鍵幀，設置寬高為1.0 ，x, y為0, 右鍵點擊任意幀，選創建補間形狀。選中73幀按F9鍵打開動作面板輸入代碼：

　　this.parent.removeChild(this);

　　stop();

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

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

　　圖5：設置透明度

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

　　圖6：旋轉角度

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

　　圖 7：屬性鏈接

　　圖8：影片剪輯時間軸

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

　　圖9

　　至此，動畫部分已全部完成，保存。附件包括fla文件和Test類文件，解壓後把Test文件復制到保存動畫文件的同一目錄下，進行測試。