180 likes | 399 Views
補間動畫. 鄧姚文. 教材與參考書. 李篤易 ( 2012 ), 大師級 ! Flash 遊戲設計創意發想與經典入門, 碁峰資訊股份有限公司, ISBN 9789862765333 (書號 AEG000700 ) 趙英傑 ( 2011 ), ACA 國際認證 -- Flash CS5 數位媒體設計與網站動畫, 碁峰資訊股份有限公司, ISBN 9789862763513 (書號 AER035331 )
E N D
補間動畫 鄧姚文
教材與參考書 李篤易 (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.1 補間動畫與時間軸 • 建立補間動畫後,在時間軸會顯示動畫列,可以檢視補間動畫的類型和使用的時間,以下是Flash CS5 可以建立的補間動畫類型。 • 傳統補間動畫;在關鍵影格改變元件的位置、大小和旋轉屬性或指定移動路徑,Flash 會自動建立關鍵影格之間的內容。 • 形狀補間動畫:在關鍵影格改變或繪製形狀,使用形狀提示點,Flash 會自動建立關鍵影格之間的內容。 • 移動補間動畫:CS4/CS5 專用,拖曳路徑和元件,就可以建立補間動畫。
3.2 傳統補間動畫 傳統補間動畫相等於Flash CS3 版本以前的移動補間動畫。在關鍵影格改變元件的位置、大小和旋轉屬性或指定移動路徑,Flash 會自動建立關鍵影格之間的內容。
3.3 形狀補間動畫 在關鍵影格改變或繪製形狀,Flash 會自動建立關鍵影格之間的內容。
3.4 移動補間動畫 CS4/CS5 專用,套用預設效果或拖曳路徑和元件,就可以建立移動補間。
3.4.2 套用移動預設效果 『視窗-移動預設效果』『小幅度跳躍』
3.5 綜合練習:反向運動-花朵舞 以下練習使用骨塊工具建立反向運動,讓花朵呈現跳舞的動畫效果。
3.5 綜合練習:反向運動-花朵舞 新增Flower mc影片片段,參考以下說明,編輯元件的內容: 從元件庫引入Flower元件,執行 將元件打散。 使用[ 骨塊工具] 從花朵底部到中心點,繪製第1 個骨塊。 使用[ 骨塊工具] 從中心點到花瓣,繪製第2 個骨塊。 使用[ 選取工具] 選取骨塊關節,在[ 屬性] 面板設定[ 強度:50,阻尼:50],讓關節具有彈簧的效果。 選取10,20,30,40影格,按新增關鍵影格。 選取10影格,拖曳骨架節點,調整花朵的姿勢。 選取30影格,拖曳骨架節點,調整花朵的姿勢。