隨滑鼠移動之星光


前言: 製作動態星光的Movie Clip,拉至場景後,在Frame的Actions做設定,讓Movie Clip的座標位置隨著滑鼠游標移動

步驟 1

產生一個Graphic,命名為"star"。如圖 1所示 (利用Grid格線 及Snap磁鐵工具來繪製框線,用放射性漸層配合Alpha值來填色,填出光芒的質感。
(記得填完顏色,黃色外框線要去除)


步驟 2

產生一個Movie Clip,命名為"starM",打開Library,將"star"拉進到"starM"的編輯介面來,再做適當的縮小。
在Layer1的Frame10及Frame 20都插入 Insert Keyframe,並且在Frame 按右鍵執行 Create Motion Tween 的指令,然後再設定順時針旋轉(CW)
在Frame10將"star"的Alpha值調為60%,再縮小一點,如圖 2所示。


步驟 3

再插入第2個圖層 Insert Layer (Layer2),同樣利用Library再放入"star"在Layer2,並且在Frame20插入 Insert Keyframe,執行 Tweening / Motion 的指令,並且再設定順時針旋轉(CW)
執行Add Motion Guide指令,在Guide Layer2的圖層,畫一個正圓形的外框線,再用橡皮擦工具在圓線上擦拭出一個缺口,讓它變成有起點與終點的曲線。
回到Layer2的Frame1,將"star"的軸心對齊圓框線的起點。在Frame20 ,將"star"的軸心對齊圓框線的終點。如圖 3所示


步驟 4

回到Scene場景上,利用Library把"starM"拉到場景上來,並選取"starM",點選編輯畫面右下方的 Instance視窗 ,出現 "Instance Properties"對話框後,在下方的 Name中填入"starM",如圖 4所示



圖4

步驟 5

回到 Frame 1,快點二下,進入Frame Action 視窗,按"+"號,選擇 "startDrag ",
在下方的 Target 中直接填入" /starM",並將
最下面的" Lock Mouse to Center"打勾,如圖 5



關掉frame Actions視窗再回到Scene埸景,執行Control / Test Movie來預覽其效果

原始檔下載


回課程目錄