AE Animation 101 Interpolation : AE的動畫插補值

AE Interpolation 01

AE的動畫插補值

Interpolation(插補值):指的是key frame與 key frame之間的變化過程。

當我們為動畫屬性設置了關鍵影格後,AE會自動在關鍵影格之間以預設的插補值進行運算來產生動畫。但在實際製作中,我們可能需要有各種不同的動畫效果,如:物體移動的等速或加速變化等。這時候我們就需要改變關鍵影格的插補值,調整動畫屬性的關鍵影格參數曲線,才能得到我們所需要的動畫效果。


AE Interpolation 02


AE Interpolation 02.1


接下來一起來學習AE各種不同的 Interpolation類型,如何影響動畫的表現!

「Interpolation」的 操作方式

在任何的關鍵影格上按右鍵:選擇「Keyframe Interpolation」。

AE Interpolation 03

在「Keyframe Interpolation」視窗有兩個重要的關鍵名詞為:
「Spatial」Interpolation(空間性)、「Temporal」Interpolation(時間性)

「Spatial」Interpolation(空間性):
動畫的屬性會因空間的變化而產生改變。如:Anchor Point、Position、Opacity。

AE Interpolation 04

「Temporal」Interpolation(時間性):
動畫的屬性會受到時間的變化而改變。如:Anchor Point、Position、Rotation、Scale。

AE Interpolation 05

※注意:
在關鍵影格的設定上,大部分的屬性如:Position都會同時包含兩種Interpolation的類型。所以當需要針對某個關鍵影格設定「Interpolation」的類型時,Spatial(空間性)的影響順序會大於Temporal(時間性)。

關鍵影格的「五大類型」

當大家清楚如何設定關鍵影格與「Interpolation」的觀念之後,接下來跟大家介紹關鍵影格的不同類型。關鍵影格的類型可以控制動畫速度與變化的方式。
每種類型都有各自的圖示與Interpolation(動畫曲線)的變化方式

操作方式:
先在屬性上設定關鍵影格後,請在關鍵影格上按右鍵:選擇「Keyframe Interpolation」,並可先根據是以時間性或空間性關鍵影個來做切換。

AE Interpolation 06

接下來為了讓大家更清楚集中於「關鍵影格類型」的差異性,在圖示中將僅以3個關鍵影格來表示。

第一種:Linear Keyframe(線性關鍵影格)

圖示:菱   形
可稱為:「線性」關鍵影格,這是AE動畫一開始設定關鍵影格的預設類型。代表從A到B是在直線運動狀態下,所以變化的速度維持不變(等速)

由於每2個Keyframe之間的速率是保持一樣,所以在最後面一個關鍵影格的時間點上有突然停止的感覺。

這類型的關鍵影格比較適合製作:重複性的機械式動作。使用上要注意到的是,如果動畫從頭到尾都以相同的速度來表現,在視覺感受上會產生單板的感覺。

AE Interpolation 07.1

AE Interpolation 07.2

第二種:Auto Bezier Keyframe(自動貝茲關鍵影格)

圖示:圓   形
可稱為:「圓形」 關鍵影格,其實就是我們所熟知的「貝茲曲線」。

切換到 Auto Bezier 的方式,也可以直接按住鍵盤上的「Alt 鍵」,再點選現有的Linear Keyframe圖示,會自動將線性轉換為圓型的自動貝茲類型。

當設定成Auto Bezier後,AE就會自動幫我們將關鍵影格A到B之間的變化速度(曲線)轉換成最順暢的方式。一般常用在動畫中有不流暢或突然抖動的地方,建議可以轉換成自動貝茲的關鍵影格。

AE Interpolation 08.1

AE Interpolation 08.2

第三種:Continuous Bezier(連續貝茲關鍵影格)

圖示:漏斗形
連續貝茲與Auto Bezier的差異在於:Continuous Bezier會在動畫路徑上出現控制手柄。並可藉由在關鍵影格上的控制手柄來調整動畫曲線的切線方向,而且左右兩邊(in/out點)的控制手柄會同步變化來產生最平滑的變化速率(曲線)。

AE Interpolation 09.1

AE Interpolation 09.2

第四種:Bezier(貝茲關鍵影格)

圖示:漏斗形
貝茲關鍵影格與Continuous Bezier在圖示都是呈現漏斗形,因此容易讓使用者產生誤解。

貝茲關鍵影格與Continuous Bezier都會在關鍵影格上呈現出控制手柄,但不同的地方在於貝茲關鍵影格控制手柄的左右兩邊都可以單獨拖動來改變曲線的切線方向,所以可以打斷動作曲線的連續性,而呈現出不同的運動方向。

AE Interpolation 10.1

AE Interpolation 10.2

第五種:Hold(固定關鍵影格)

圖示:方   型
固定關鍵影格與其他關鍵影格最大的不同在於:它在兩個關鍵影格之間是不會有變化的(直線)。它從第一個關鍵影格開始會保持不變,直到下一個關鍵影格出現的時間點上才會立刻改變。大家可以想像成「瞬間移動(改變)」的概念。

AE Interpolation 11.1

AE Interpolation 11.2

Interpolation(插補值)是產生動畫細節很重要的觀念與技巧,如果要讓動畫看起來更生動。熟悉各種關鍵影格如何影響動作的特徵,才能讓你的Motion Graphics漂亮又 "好看"!

0 意見:

張貼留言