發新話題

Flash製作實例 - 《網頁製作技巧》旋轉的三稜錐

Flash製作實例 - 《網頁製作技巧》旋轉的三稜錐

●預覽成品:旋轉的立體三稜錐

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


●逐步說明:
  1)選擇菜單File>New。創建一個新文件。
  2)選擇菜單View>Grid和View>Snap,打開捕捉網格。

  3)選擇工具欄中的直線工具,在工作區中繪製三稜錐,如圖所示。

  4)選擇油漆桶工具,並將油漆桶工具參數欄中填充顏色設置成淺黃色到深黃色的直線漸變,

其中淺黃色的RGB值為(251,217,162);深黃色的RGB值為(224,126,31)。設置完畢,在三稜錐的正面點擊鼠標。效果如圖所示。

  5)再將油漆桶工具參數欄填充顏色設置成深黃色到暗黃色的直線漸變色,

其中深黃色的RGB值為(244,156,11);暗黃色的RGB值為(116,66,16)。設置完畢,在三稜錐的側麵點擊鼠標。效果如圖所示。

  6)選擇箭頭工具,在工作區中雙擊三稜錐的輪廓線,將輪廓線全部選中。選擇菜單Edit>Clear,將三稜錐的輪廓線刪除。

  7)選擇工具欄中的油漆桶工具,並按下油漆桶工具參數欄中的「」按鈕,用鼠標在工作區中點擊三稜錐的正面,這時三稜錐正面的左右兩側將出現兩條豎線。將鼠標挪動到右方豎線上端的圓圈處,鼠標將變成四個旋轉的小箭頭,按住鼠標並拖動,將兩條豎線旋轉到如圖位置。

  8)再用鼠標點擊三稜錐的側面,調整兩條豎線為如圖位置。

  9)在圖層Layer1的第20幀處插入一個關鍵幀。
  10)選擇箭頭工具,並選中三稜錐的右側面。選擇菜單Modify>Transform>Flip Horizontal,

將三稜錐的右側面水平翻轉,然後用箭頭工具將它挪動到三稜錐的左側,如圖所示。

  11)用鼠標雙擊圖層Layer1的第1幀,在彈出的對話框中切換到Tweening選項卡。再從Tweening下拉菜單中選擇Shape選項,

設置完畢,點擊OK按鈕。建立路徑如圖所示。

  12)這時您可以選擇菜單Control>Play,預測其效果。您會看到三稜錐圖形變形並不正確,所以還要設置控制變形的基點。
  13)選中圖層Layer1的第1幀,然後選擇菜單Modify>Transform>Add Shape Hint。

這時在工作區中將出現一個紅顏色的圈,且其內有一個字母a。

  14)按鍵盤上的Ctrl+H鍵,將增加一個控制控制基點b,用同樣的方法增加控制基點c)d)e)f。用箭頭工具拖動各基點為如圖所示。

  15)點擊圖層Layer1的第20幀,用箭頭工具拖動圖形中b)c)d)e)f五個基點為如圖所示。

  16)為了使三稜錐產生連續轉動的效果,在圖層Layer1的第21幀處插入一個關鍵幀。刪除三稜錐的左側面,

然後選中第21幀,按鍵盤上的F5鍵,使Layer1的幀數增加到22幀。如圖所示。

  17)製作完畢,選擇菜單Control>Test Movie,測試其效果。

TOP

發新話題

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