發新話題

Flash製作實例 - 《網頁製作技巧》酷炫鼠標

Flash製作實例 - 《網頁製作技巧》酷炫鼠標

●預覽成品:鼠標在畫面上移動時,會隨即在滑過的地方產生一個黃色的小球慢慢放大並透明化的效果。

訪客無法瀏覽此圖片或連結,請先 註冊登入會員


●逐步說明:
  1)選擇菜單File->New,建立一個新電影。
  2)選擇菜單Modify->Movie,彈出電影屬性對話框,設置如圖所示。

  3)新建一圖層「background」,選擇工具欄中的文字工具,設定字體為「_Sans」,大小為「48」,顏色為淡藍色。

設置完畢,在工作區中點擊鼠標並輸入文字「Cool Mouse」。

  4)選擇菜單Insert->Symbol,輸入圖符名稱「ball」,在Behavior域中選擇「Graphic」項,

進入圖符「ball」編輯模式。
  5)繪製如圖所示的圓形圖片。

  6)選擇菜單Insert->Symbol,輸入圖符名稱「btn」,在Behavior域中選擇「Button」項,

進入圖符「btn」編輯模式。
  7)用鼠標右鍵點擊圖層Layer1的「hit」幀,在彈出的菜單中選擇「Insert Keyframe」項,即在「hit」處插入一個關鍵幀。
  8)選擇工具欄中的畫圓工具,並在工作區中繪製一圓形如圖所示。

  9)選擇菜單Insert->Symbol,

輸入圖符名稱「cool mouse」,在Behavior域中選擇「Movie Clip」項,

進入圖符「cool mouse」編輯模式。

  10)在圖符資料庫中點擊並拖動「btn」到工作區中。

點擊增加圖層按鈕以增加圖層Layer2,在圖層Layer2的第2幀插入一關鍵幀,選中它,從圖符資料庫中拉入圖片「ball」。

  11)在圖層Layer2的第14幀處插入一個關鍵幀,用常用工具欄的Scale按鈕,略微放大圖片,並設置它的Apha值為9%。

 

  12)用鼠標右鍵點擊Layer2的第2幀,在彈出的菜單中選擇「Creat Motion Tween」項,建立漸變路徑。

  13)用鼠標雙擊Layer2的第1幀,進入幀屬性對話框,切換到「Action」選項卡,點擊「+」按鈕,選擇「Stop」項。

這裡需要說明的是後面的漸變動畫是由鼠標來控制的,如沒有響應鼠標事件,該Movie Clip永遠停留在第1幀。
  14)下面講述怎樣用鼠標控制後面的漸變動畫。用鼠標右鍵點擊工作區中的「btn」按鈕,在彈出的菜單中選擇「Properties」項,

進入該按鈕屬性對話框。切換到「Action」選項卡,點擊「+」按鈕,在彈出的菜單中選擇「go to」語句,這時您將看到在Action下方已加入了三條語句。我們先選擇第一條語句「On(Release)」,在右邊欄中默認選擇的是「Release」,意思為:當鼠標釋放時,執行下一條語句。這裡我們選擇「Roll Over」,

表示鼠標移到該按鈕上時,即觸發鼠標事件。它與第三條語句配套使用,第三條語句即表結束這個鼠標事件。最後我們選擇中間那條語句,默認值為「Go to and Stop(1)」,表示跳動到第1幀,並停止。這裡我們在「Number」區域中輸入「2」,選中Control域中的「Go to and Play」,表示跳動到第2幀並向後播放。

設置完畢,點擊「確定」按鈕,關閉屬性對話框。
  15)用鼠標點擊等時線窗口右上角的按鈕,在彈出的菜單中選擇「Scene 1」,切換到場景1。

新建圖層「cool mouse」,從圖符資料庫中拉入「cool mouse」,連續複製它至佈滿整個工作區,如圖所示。

  16)選擇菜單Control>Test Movie,即可測試所製作的電影效果。

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。