AE Animation 101: Rolling ball Practice 滾動小球動畫

Rolling-ball gif

滾動小球動畫 練習


經過一系列「AE Animation 101」的單元介紹,相信大家已經熟悉 Interpolation 與 Easy in /out兩種關於動畫速度變化的重要觀念。本篇教學我們實際通過「滾動小球動畫」的範例練習,讓我們更熟悉AE關鍵影格的設定、以及調整動作速率的變化技巧。

滾動小球動畫 動畫腳本:
8號球從左上方斜坡直線掉落,在接觸到地面後由慢而快加速滾動離開畫面。

練習步驟:

1、準備場景
請自行繪製如下圖的範例場景:需要一個 L型斜坡與一個圓球。

Rolling ball 01




2、設定「8 Ball」(8號球)的移動
2.1
先使用「選擇工具」將「8 Ball」圖層移到坡道左上角畫面外。

Rolling ball 02

2.2
在「8 Ball」圖層按快速鍵「P」,展開Position屬性。
在時間 00:00f先設定第一個 Keyframe。
在時間 00:15f將「8 Ball」移動到坡道角落,產生第二個關鍵影格
在時間 00:25f將「8 Ball」移動到與下坡道接觸,產生第三個關鍵影格
最後在 01:25f將「8 Ball」沿著下坡移動到坡道畫面外,產生第四個關鍵影格

Rolling ball 03
























3、設定「8 Ball」關鍵影格的類型
3.1
選擇第二與第三個關鍵影格。按右鍵:選擇「Keyframe Interpolation」,在 Spatial Interpolation設定為:Bezier。

Rolling ball 04



3.2
設定完成後以「選擇工具」,在Composition Window將第二與第三關鍵影格的移動路徑曲線調整為「直線」。在第三與第四關鍵影格的移動路徑調整為符合下坡的曲線。

Rolling ball 05


4、調整「8 Ball」的移動速度
4.1
當「8 Ball」直線掉落一開始接觸下坡道,球的速度應該是最慢的時候。隨著坡道往右滾動,速度會越來越快然後離開畫面。所以是在「第三個」關鍵影格上按「右鍵」,選擇「Keyframe Assistant / Easy Ease Out」。

Rolling ball 06



4.2
可以按住「Alt鍵」並點選到最後一個關鍵影格,調整為圓型的「Auto Bezier」類型。全部四個關鍵影格的類型參考如下圖。

Rolling ball 07








5、增加「8 Ball」球的滾動
5.1
在「8 Ball」圖層按快速鍵「R」,展開 Rotation屬性。
在時間00:00f,將 Rotation屬性設定為0X +0°產生第一個 Keyframe
在時間00:15f將Rotation屬性設定為0X +150°,產生第二個關鍵影格
在時間00:18f將Rotation屬性設定為0X +180,產生第三個關鍵影格
最後在01:25f將將Rotation屬性設定為1X +250°產生第四個關鍵影格

Rolling ball 08



5.2
按住「Alt鍵」並點全部 Rotation屬性的關鍵影格,調整為圓型的「Auto Bezier」類型,產生較平順的滾動變化。

Rolling ball 09

0 意見:

張貼留言