Motion Graphic 彈跳效果


在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。

n = 0;
if (numKeys > 0){
    n = nearestKey(time).index;
    if (key(n).time > time){
        n--;
    }
}
if (n == 0){
    t = 0;
}else{
    t = time - key(n).time;
}

if (n > 0){
    v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
    amp = 0.05;//控制彈跳的高度
    freq = 2.0;//控制彈跳的速度
    decay = 4.0;//控制彈跳的減速
    value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
    value;
}


解析表達式

  • n: 獲取最近的關鍵幀索引。

  • t: 計算當前時間和最近關鍵幀之間的時間差。

  • v: 獲取在最近關鍵幀的速度。

  • amp: 幅度,控制彈跳的高度。

  • freq: 頻率,控制彈跳的速度。

  • decay: 衰減,控制彈跳的減速。

如何應用彈跳表達式

  1. 添加層和關鍵幀:

    • 在 After Effects 中,創建一個新合成並添加一個層(例如形狀層或文字層)。

    • 為層設置一些位置關鍵幀,創建基本的運動動畫。

  2. 添加表達式:

    • 選擇層並按 P 鍵顯示位置屬性(Position)。

    • 按住 Alt 鍵(Windows)或 Option 鍵(Mac),然後點擊位置屬性旁邊的碼錶圖標,打開表達式編輯框。

    • 將上述彈跳表達式粘貼到表達式編輯框中。

  3. 調整參數:

    • 調整 amp(幅度), freq(頻率) 和 decay(衰減) 的值來達到所需的彈跳效果。


應用在位置(Position)

應用在縮放(Scale)

應用在旋轉(Rotation)

應用在透明度(Opacity)

表達式創建自然的彈跳效果

這些表達式能幫助你在 After Effects 中創建更加自然和有趣的動畫效果。調整 ampfreqdecay 的值可以控制彈跳的高度、速度和減速效果,從而實現你所需的動畫效果。

Previous
Previous

AE使用表達式製作延遲動畫

Next
Next

After Effects Wiggle 表達式