發新話題

Flash製作實例 - 《網頁製作技巧》夠cool按鈕

Flash製作實例 - 《網頁製作技巧》夠cool按鈕

●預覽成品:

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


●逐步說明:
  1)使用Adobe Illustrator繪製出一個靜態的花朵圖案,並存名為Flower。
  2)選擇菜單File->New,建立一個新文件。

  3)選擇菜單Modify->Movie,設置電影的屬性如圖所示。

  4)選擇菜單Insert->Symbol,

彈出圖符屬性對話框,在Name域中輸入圖符的名稱btn,Behavior域中選擇Btton項。點擊OK按鈕,

這時將進入btn按鈕圖符編輯模式。

  5)選擇菜單File->import,

在彈出的對話框中選擇剛繪製的花朵圖案文件,然後單擊Import按鈕,即把Flower圖片導入到Flash中。移動圖片到工作區的中央。

  6)選擇菜單Insert->Symbol,彈出圖符屬性對話框,在Name域中輸入圖符的名稱movie,Behavior域中選擇Movie Clip項。點擊OK按鈕,這時將進入movie圖符編輯模式。

    
  7)打開圖符資料庫Library窗口,

從中拖出Flower圖符,並把它放置於工作區的中央。用鼠標右鍵點擊圖層Layer1的第16幀,在彈出的菜單中選擇「Insert frame」項,

即把圖層Layer1的幀數增加到16幀。

  8)點擊等時線左下角的增加圖層按鈕,這時在圖層Layer1上方增加一新圖層Layer2。從庫中拉入Flower圖符元件,將它放於工作區正中央。用鼠標右鍵點擊圖層Layer2的第16幀,在彈出的菜單中選擇Insert Keyframe項, 即在16幀處插入一關鍵幀。選擇常用工具欄中的Scale按鈕,這時在圖片Flower的周圍將出現8個白色的小方塊,向內拖動位於頂點處的小方塊,縮小它的面積。然後將它放置於右下角。 用鼠標右鍵點擊它,在彈出的菜單中選擇Properties項,切換到Color Effect選項卡,在Color域中選擇Alpha項,並把它的值設置成0。     點擊OK按鈕,關閉屬性對話框。這時我們將看到圖片Flower已被透明了。 用鼠標右鍵點擊圖層Layer2的第一幀,在彈出的菜單中選擇Creat Motion Tween項。 一段向右下角逐漸移動漸變、顏色漸變、大小漸變的動畫即告完成。   9)重複第7步的操作,完成向右上角、左上角、左下角逐漸移動漸變、顏色漸變、大小漸變的動畫。
  10)雙擊圖符資料庫窗口中的「btn」, 進入「btn」按鈕編輯模式。用鼠標右鍵點擊「Over」幀,在彈出的菜單中選擇「Insert Blank Keyframe」項, 即在該幀處插入一空白關鍵幀,選中它,從圖符資料庫中拉入圖符「Movie」,並把它放置於工作區中的中央。   11)分別在「Down」幀和「hit」幀處插入一個與「Up」幀相同的關鍵幀。
  12)點擊等時線窗口右上角的按鈕,在彈出的下拉菜單中選擇「Scene1」, 切換到場景1。從圖符資料庫中拉入剛編輯完的「btn」,並把它放置於工作區的中間。   13)選擇菜單Control->Test Movie,即可看到所製作按鈕的效果。

TOP

發新話題

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