氣泡飛舞

( 滑鼠移過之處會有氣泡產生 )

前言: 先在 Movie Clip 中作出氣泡的動畫及感應範圍的按鈕,在按鈕的滑鼠事件上設定 Roll Over,最後再將此 Movie Clip 填滿整個畫面。

步驟 1

開一新檔並設定電影格式

由 Modify 下拉式選單中點選 Movie Properties,出現電影屬性對話框,內容設定如圖1



圖1


步驟 2

製作氣泡

1.執行 Insert > New Symbol 新增一個 Symbol,命名為 Bubble,Symbol 的 Behavior 選擇 Graphic。

2.用圓形工具畫一圓,設定為無框線、填色為白色放射性漸層,其漸層的 Alpha 值設定如圖2

圖2

3.用油漆筒工具在圓的左上方點一下填色,如圖3


圖3


步驟 3

製作滑鼠感應範圍

1.首先,新增一個 Button 的 Symbol,命名為"感應範圍"。

2.在 Layer1的 Hit 影格上按 F6 新增一 Keyframe,用圓形工具畫一無框線的圓。

※只有設定 Hit (按鈕作用範圍)的按鈕,在畫面上是看不見的,只有當滑鼠移至該按鈕上方時,才會發生感應。由於此範例是要作出感應範圍,因此 Up、Over、Down 的畫格上,我們不作任何的設定,如圖4。


圖4


步驟 4

製作氣泡動畫

1.新增一個 Symbol,Behavior 選擇 Movie Clip ,將其命名為"泡泡動畫"。

2.將 Layer1 命名為"感應範圍按鈕",點選 Window > Library 打開 Library,將"感應範圍"的按鈕 Symbol 拉進此 Movie Clip 的畫面中,將影格 Frame 增加為20格。

3.新增 Layer2,命名為"Bubble",將製作好的"Bubble" Symbol 拉進畫面中,調整好其大小及位置後,將影格增加20格。

4.在 Frame5、20各新增一個 Keyframe,如圖5。將 Bubble 的形狀作由小變大再變小的縮放動作。



圖5

5.作完大小的縮放後 ,在各個 Keyframe 上調整 Bubble 的透明度,將 Color Effect 的 Alpha 值作0%~100%之間的調整。此處的 Alpha 值分別為 Keyframe1:0%Keyframe6:100%Keyframe20:0%


步驟 5

設定滑鼠事件

1.針對播放時間設定 Actions:在"感應範圍按鈕" Layer 的 Frame1 按滑鼠右鍵,出現 FrameActions ,點一下「+」號,選擇Bacic Actions,再選擇 Stop,如圖6


圖6

2.針對按鈕物件設定 Actions:點選畫面上的感應範圍按鈕,按右鍵,選擇Actions 出現Object Actions視窗 ,點一下「+」號,選擇Bacic Actions,再選擇 Play 指令,此處的滑鼠事件 Event 勾選 Roll Over,如圖7



7


步驟 6

將 Movie Clip 佈滿整個畫面

1.回到 Scene1 的畫面,將 Layer1 命名為"泡泡飛舞",把之前作好的"泡泡動畫" Movie Clip 拉進畫面中,只要設定一格 Frame 即可。


圖7

2.將 Movie Clip 隨意放置,並用縮放工具作大小變化,直到佈滿畫面為止。


圖8

下載原始檔


回課程目錄