當前位置:開發者網絡 >> 技術教程 >> 網頁設計 >> Flash >> 內容
精彩推薦
分類最新教程
分類熱點教程
    
Flash實例教程——魚戲蓮葉間 3
作者:未知
日期:2005-04-30
人氣:
投稿:(轉貼)
來源:未知
字體:
收藏:加入瀏覽器收藏
以下正文:
操作過程

   本實例的操作主要是製作元件和添加腳本,下面詳細介紹「魚戲蓮葉間」的製作過程。

1. 製作魚的各組成元件

  我們將一條魚拆分成許多節,根據魚的外形特點將所有節分成3類:魚頭、帶魚鰭的魚身和不帶魚鰭的魚身,將這3個元件都做成帶鏈接的影片剪輯元件。

  (1)啟動中文版Flash MX,按快捷鍵Ctrl+F8新建一個影片剪輯元件,並命名為head。

  (2)選擇橢圓工具,在元件編輯區中繪製一個無邊框的橢圓。

  (3)選擇箭頭工具,選中橢圓,單擊常用命令工具欄中的對齊按鈕,在出現的「對齊」面板中確定相對於舞台按鈕為按下狀態,單擊按鈕使橢圓與舞台中心對齊,如圖2所示。


圖 2 使橢圓與舞台中心對齊

 

    (4)選擇箭頭工具,將橢圓的輪廓編輯成如圖3所示的效果。

  (5)選擇顏料桶工具,在顏色區選擇紅色放射漸變色作為填充色,用漸變色填充圖形。

  (6)選擇轉換填充工具,單擊圖形,對漸變色進行調整。魚頭形狀和調整漸變色的過程如圖3所示。


圖 3 修改輪廓和填充漸變色

  (7)使用橢圓工具在魚頭旁邊的空白區域繪製兩顆魚眼,並用箭頭工具對眼睛的形狀進行編輯。

  (8)使用刷子工具為魚眼添加兩顆黃色的眼珠。

  (9)使用箭頭工具框選魚眼,選擇「修改」/「組合」命令將魚眼組合在一起。並可以適當調整它的大小。

  (10)將魚眼拖放到魚頭的合適位置。製作魚眼的過程如圖4所示。

 
圖 4 製作魚眼

  (11)使用箭頭工具框選魚頭圖形,在屬性面板中對其參數作如圖5所示的調整。head元件就做好了。

 
圖 5 調整 head 元件的參數

  (12)按快捷鍵Ctrl+F8新建一個影片剪輯元件,並命名為fin。現在開始設計帶鰭的魚身。

  (13)fin元件的形狀稍微複雜一點,但方法與製作head元件類似,在此不再贅述。繪製好後依然為其填充紅色漸變色並進行調整,在屬性面板中修改它的參數,如圖6所示。


圖 6 fin 元件及其參數

  (14)在時間軸的第1幀上單擊鼠標右鍵,選擇「創建補間動畫」命令,庫中將自動生成一個名為「補間1」的圖形元件。

  (15)在時間軸上的第8幀單擊鼠標右鍵,選擇「插入關鍵幀」命令;在第16幀也同樣插入一個關鍵幀。

  (16)在第8幀上使用箭頭工具選中圖形,在屬性面板的顏色下拉列表框中選擇Alpha,將出現在其後的數值框中的數值改為50%,這樣,魚鰭就可以「動」起來了。

  (17)按快捷鍵Ctrl+F8新建一個影片剪輯元件,並命名為body。下面繪製不帶魚鰭的魚身,其效果及參數如圖7所示。


圖7 body元件及其參數

  2.為元件添加鏈接

     在添加腳本之前,需要先為元件添加鏈接,以便在腳本中使用attachMovie命令對它們進行調用。

  (1)單擊庫面板右側的寬庫視圖按鈕,將庫面板展開。

  (2)在body元件上單擊鼠標右鍵,在出現的快捷菜單中選擇「鏈接」命令,出現如圖8所示「鏈接屬性」對話框。

  (3)在「鏈接屬性」對話框中選中為動作腳導出復選框,「標識符」文本框中自動出現默認與元件名相同的鏈接標識符body。單擊「確定」按鈕,鏈接即添加成功。添加鏈接的步驟如圖8所示。


圖 8 為影片剪輯元件添加鏈接

  (4)按照相同的方法為fin和head元件添加鏈接,使用默認的標識符。添加完鏈接的庫面板如圖9所示。

   

相關文章: