Animate CC 直昇機動畫

【檢視範例】【下載範例】

直昇機在飛行時，主螺旋槳與尾翼副螺旋槳是表現重點，此外還可以加上飛彈發射的安排，以及背景的移動，讓動畫更逼真與完整！

目標動畫效果:應用影片片段元件安排各元件的動畫，包括直昇機與飛彈，最後組合成完整直昇機與飛彈發射，表現特別的交通工具動畫。
使用動畫技巧:影片片段元件、傳統補間動畫、逐格動畫。

Step1.
範例檔元件庫內包含了雲、機身、螺旋槳、葉片、飛彈等元件。

為雲圖層在影格200處插入關鍵影格，背景圖層在影格200處插入影格。在影格200上向左移動雲元件，在滑鼠放開前請讓移動方塊殘影對齊原元件位置，確認對齊後才放開滑鼠，建立傳統補間完成循環雲背景。

Step 2.
新增影片片段『螺旋槳』，置入單片螺旋槳元件使用變形工具移動變形中心點至葉片轉軸上，於影格2插入關鍵影格，執行『修改 >變形 > 水平翻轉』，完成逐格的螺旋槳。

再新增影片片段『尾槳轉』，分二圖層置入尾槳元件，一為水平一為垂直，均於影格18處插入關鍵影格，建立傳統補間動畫，均設定順時針旋轉2圈。

Step 3.
新增影片片段『直昇機』，置入機身、螺旋槳、尾槳轉三元件。新增影片片段『發射飛彈』，置入飛彈元件，於影格5插入關鍵影格，垂直向下移動飛彈，設定傳統補間與加減速100，繼續於影格10與25插入關鍵影格，水平移動關鍵影格25上的飛彈至左側並設定Alpha=0，設定傳統補間與加減速-100。

Step 4.
新增影片片段『直昇機發射飛彈』，分圖層置入『直昇機』與『發射飛彈』元件，移動發射飛彈圖層得起始關鍵影格至影格15，並於影格40處插入影格。

回場景上拉入直昇機於獨立圖層並安排直昇機於右側場景外，於影格15處插入關鍵影格，移動直昇機成半台於場景右側入鏡，繼續於影格30插入關鍵影格，建立影格1-15的傳統補間；繼續於影格50處插入關鍵影格，移動直昇機完整進入場景，繼續於影格90插入關鍵影格，建立影格30-50的傳統補間。

Step 5.
繼續於影格110插入關鍵影格，移動直昇機至左側場景外，繼續於影格140插入關鍵影格，移動直昇機至場景內下方，建立影格90-140的傳統補間；繼續於影格180與200處插入關鍵影格，移動影格200上的直昇機至場景右側邊界外，建立影格180-200的傳統補間。

Step 6.
新增發射飛彈圖層，於影格51處插入關鍵影格並拉入『直昇機發射飛彈』元件，並對齊下方直昇機，於發射飛彈圖層的影格90處插入『空白關鍵影格』，同樣於直昇機圖層的影格51處插入『空白關鍵影格』。

繼續於發射飛彈圖層影格141處插入關鍵影格並拉入『直昇機發射飛彈』元件，並對齊下方直昇機，於發射飛彈圖層的影格180處插入『空白關鍵影格』，同樣於直昇機圖層的影格141處插入『空白關鍵影格』，完成直昇機發射飛彈的安排。

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果