Flash製作實例 - 《網頁製作技巧》變幻的五角星 - Flash製作 - Adobe系列學院 - 頂客論壇 ,免費遊戲,免費交友,免費空間,免費部落格,免費相簿,免費開店 - 頂客社區 dk101.com 最用心的華人社群網站
發新話題

Flash製作實例 - 《網頁製作技巧》變幻的五角星

Flash製作實例 - 《網頁製作技巧》變幻的五角星

●預覽成品:產生放大、旋轉和透明漸變的五角星。

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


●逐步說明:
  1)選擇菜單File->New,創建一個新電影。

  2)選擇菜單View->Grid,

這時工作區中將出現網格,要定位或者有相對尺寸要求,它都會提供您很大幫助。再選擇菜單View->Snap,

將打開捕捉設置。
  3)選擇工具欄中的矩形工具,點擊矩形工具參數欄中的填充顏色按鈕,在彈出的菜單中選擇左上角的黑框,表示填充顏色設置成「無填充」。在工作區中繪製矩形方框,如圖所示:

  4)選擇工具欄中的箭頭工具,分別按住矩形上方的兩個頂點並向中間拖至如圖所示。

  5)選中三角形圖片,選擇菜單Edit->Copy,再選擇菜單Edit->Paste in Place,

               

表示在原位複製它,選擇菜單Window->Inspector->Transform,

彈出變形監控板,在Rotate欄中輸入-72度。

用箭頭工具適當調整三角形的位置。重複幾次,最後即可繪製出五角形的邊框。

  6)單擊工具欄中的油漆桶工具,將油漆桶參數欄中的填充色設置成紅色,用鼠標左鍵單擊五角星,這時五角星被填充成紅色。

  7)選擇箭頭工具,雙擊五角星的邊緣,將五角星的邊框選中,單擊Edit菜單,選擇Clear項,

             

將選中的五角星邊框刪除。

  8)選中五角星圖片,

選擇菜單Insert->Convert to Symbol,在彈出的屬性對話框中輸入名稱star,點擊OK按鈕,關閉對話框。

  9)下面製作五角星的一系列變化,選中圖層的第1幀,在變形監控板的Scale欄中輸入數值15,

點擊Apply按鈕,這時五角星將變成原來大小的15%。用箭頭工具將它挪動到工作區外側。

用鼠標右鍵單擊圖層的第30幀,在彈出的菜單中選擇Insert Keyframe,在第30幀插入一個關鍵幀。

在監控板的Scale欄中輸入數值50,這時五角星將變成初始大小的50%。

用箭頭工具將它挪動到工作區的左側。再用鼠標右鍵單擊第1幀,在彈出的菜單中選擇Create Motion Tween。
       
  10)用鼠標右鍵單擊圖層的第45幀,從彈出的菜單中選擇Insert Keyframe,將第45幀變為關鍵幀。

在監控板的Scale欄中輸入數值100,

這時五角星將變為初始大小。用箭頭工具將它挪動到工作區中間,

再用鼠標右鍵單擊圖層Layer1的第30幀,在彈出的菜單中選擇Properties項,這時彈出一個幀屬性對話框,選擇Tweening選項卡,在Tweening欄中選擇Motion,在Rotate欄中選擇Counterclockwise,並在time域中填入1,表示五角星在從第30幀的位置移動到第45幀的位置的過程中,同時逆時針旋轉一周。

  11)同樣,在圖層Layer1的第55幀插入一關鍵幀。用鼠標右鍵單擊工作區中的五角星,在彈出的菜單中選擇Properties項,
        
彈出實例屬性對話框,從中選擇Color Effect選項卡,再在Color欄中選擇Alpha,並將其值設置成0,

點OK按鈕,關閉對話框,這時五角星已變成全透明。最後用鼠標右鍵單擊第45幀,在彈出的菜單中選擇Creat Motion Tween項。

  12)現在一個變幻的五角星已完成,選擇菜單Control->Test Movie可看到五角星變化的動畫效果。

TOP

發新話題

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