發新話題

Flash製作實例 - 《網頁製作技巧》按鈕系列

Flash製作實例 - 《網頁製作技巧》按鈕系列

●預覽成品:

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


●逐步說明:
  1)選擇菜單Insert->New Symbol,彈出圖符屬性對話框,輸入圖符名為Down,選擇Movie Clip項,

設置完畢,點擊OK按鈕,進入Movie Clip編輯模式。
  2)在圖層中插入5個關鍵幀,畫出按鈕被按下的過程,設置第5個幀的Actions為:Stop,

點擊圖層名稱,這時,這個圖層的幀被全部選中,用鼠標右鍵點擊被選中的任意一幀,在彈出的菜單中選擇Copt Frames。

  3)新建Movie Clip:Up,用鼠標右鍵點擊第1幀,在彈出的菜單中選擇Paste Frames,

粘貼剛被複製到剪貼板的幀。全部選中被粘貼的幀,選擇菜單Modify->Frames->Reverse,

使幀的播放順序相反,取消第1幀的Actions,設置第5幀的Actions為:Stop。
  4)新建Movie Clip:down and up,在第1幀中製作按鈕未被按下的狀態,也即Movie Clip:Down的第1幀,設置其Actions為:Stop。在第5幀處插入一關鍵幀,從圖符資料庫中拉入圖符Down,並調整其位置與第1幀中的相同。設置Actions為:Stop,標籤為:down。在第15幀處插入一關鍵幀,從圖符資料庫中拉入圖符Up,調整其位置與第5幀中的左下對齊,設置Actions為:Stop,標籤為:up。

  5)新建一按鈕圖符yx:

  6)用鼠標點擊等時線窗口左上角的按鈕,切換到場景1,從圖符資料庫中拉入Movie Clip:down and up,並連續複製它,最總為如圖所示:

從上到下依次定義其實體名稱為:downup1、downup2、downup3、downup4、downup5。
  7)新建一圖層btn,從圖符資料庫中拉入按鈕圖符:yx,並連續複製它,直到如圖所示:

最上方按鈕的Actions為:

以下的按鈕類同。
  8)選擇菜單Control->Test Movie,即可預覽動畫效果。

TOP

謝哩~~
又有東西可以學...

TOP

發新話題

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