1 / 18

補間動畫

補間動畫. 鄧姚文. 教材與參考書. 李篤易 ( 2012 ), 大師級 ! Flash 遊戲設計創意發想與經典入門, 碁峰資訊股份有限公司, ISBN 9789862765333 (書號 AEG000700 ) 趙英傑 ( 2011 ), ACA 國際認證 -- Flash CS5 數位媒體設計與網站動畫, 碁峰資訊股份有限公司, ISBN 9789862763513 (書號 AER035331 )

ronni
Download Presentation

補間動畫

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 補間動畫 鄧姚文

  2. 教材與參考書 李篤易 (2012), 大師級! Flash遊戲設計創意發想與經典入門, 碁峰資訊股份有限公司, ISBN 9789862765333 (書號 AEG000700) 趙英傑 (2011), ACA 國際認證 -- Flash CS5 數位媒體設計與網站動畫, 碁峰資訊股份有限公司, ISBN 9789862763513 (書號 AER035331) 張仁川 (2010), Flash CS5創意動畫設計白皮書, 碁峰資訊股份有限公司, ISBN 9789861819969 (書號 AEU009200) 羅智軒 (2011), Flash & ActionScript 3.0 絕對出色影音動畫與互動媒體設計, 碁峰資訊股份有限公司, ISBN 9789862762615 (書號 AEU009900)

  3. 3.1 補間動畫與時間軸 • 建立補間動畫後,在時間軸會顯示動畫列,可以檢視補間動畫的類型和使用的時間,以下是Flash CS5 可以建立的補間動畫類型。 • 傳統補間動畫;在關鍵影格改變元件的位置、大小和旋轉屬性或指定移動路徑,Flash 會自動建立關鍵影格之間的內容。 • 形狀補間動畫:在關鍵影格改變或繪製形狀,使用形狀提示點,Flash 會自動建立關鍵影格之間的內容。 • 移動補間動畫:CS4/CS5 專用,拖曳路徑和元件,就可以建立補間動畫。

  4. 3.2 傳統補間動畫 傳統補間動畫相等於Flash CS3 版本以前的移動補間動畫。在關鍵影格改變元件的位置、大小和旋轉屬性或指定移動路徑,Flash 會自動建立關鍵影格之間的內容。

  5. 3.3 形狀補間動畫 在關鍵影格改變或繪製形狀,Flash 會自動建立關鍵影格之間的內容。

  6. 3.4 移動補間動畫 CS4/CS5 專用,套用預設效果或拖曳路徑和元件,就可以建立移動補間。

  7. 3.4.2 套用移動預設效果 『視窗-移動預設效果』『小幅度跳躍』

  8. 3.5 綜合練習:反向運動-花朵舞 以下練習使用骨塊工具建立反向運動,讓花朵呈現跳舞的動畫效果。

  9. 3.5 綜合練習:反向運動-花朵舞

  10. 3.5 綜合練習:反向運動-花朵舞 新增Flower mc影片片段,參考以下說明,編輯元件的內容: 從元件庫引入Flower元件,執行 將元件打散。 使用[ 骨塊工具] 從花朵底部到中心點,繪製第1 個骨塊。 使用[ 骨塊工具] 從中心點到花瓣,繪製第2 個骨塊。 使用[ 選取工具] 選取骨塊關節,在[ 屬性] 面板設定[ 強度:50,阻尼:50],讓關節具有彈簧的效果。 選取10,20,30,40影格,按新增關鍵影格。 選取10影格,拖曳骨架節點,調整花朵的姿勢。 選取30影格,拖曳骨架節點,調整花朵的姿勢。

  11. 3.5 綜合練習:反向運動-花朵舞

  12. 3.5 綜合練習:反向運動-花朵舞

  13. 3.5 綜合練習:反向運動-花朵舞

  14. 3.5 綜合練習:反向運動-花朵舞

  15. 3.5 綜合練習:反向運動-花朵舞

More Related