只會用緩動？五分鐘讓你學會AE動畫曲線！

AE 動畫只會用“緩動”運動曲線？流利說的專業動畫師餅哥教你如何把握好動畫節奏。

導言

本文是關于動畫曲線的探究，將從為什么探究動畫運動曲線、如何在 AE 中調動畫曲線、動畫曲線的總結和應用、曲線的應用實例幾個方面展開。

為什么會有這篇分享？

發現大家很多時候都沒調動畫曲線的習慣；對于曲線的認識停留在“F9”打個緩動（在用 AE 制作動畫時），會感覺自己的動畫怎么做不了別人那樣生動又自然；

一個動畫好不好，動畫節奏至關重要，而動畫運動曲線就是用來控制動畫節奏的工具，大部分設計軟件都會提供調節運動曲線的工具。包括但不限于 AE、Pr、C4D、Spine 等。

我們可以先看下比較好的動畫節奏是什么樣：

△ Flatwhite 平白工作室

由于在調節動畫曲線的時候，關鍵幀常常會發生一些變化，所以我們可以先從關鍵幀開始說：

關鍵幀

在調節動畫曲線的時候，時間軸上的關鍵幀會有不同的形狀，所以理解不同的形狀代表的意義可以反向理解動畫曲線；

• 菱形：代表關鍵幀直接動畫的速度為勻速
• 漏斗型：兩關鍵幀速度由零到快又到零
• 箭頭：速度到這個關鍵幀緩緩變為零
• 圓形：是指三個關鍵幀中間那個為圓形的話會將這三個關鍵幀形成的兩段不同速度進行柔緩連接
• 正方形：定格關鍵幀，需要設置凍結畫面時間的時候會用到
• 凸三角：一半是線性，一半是定格
• 凹三角：一半是緩動，一半是定格

曲線的種類

速度曲線（v-t）：速度曲線是表現時間與速度之間關系的曲線，我們可以通過曲線的“舒緩度”直觀的看到和調節動畫節奏，曲線越舒緩速度越慢，越陡峭越快；

值曲線（s-t）：值曲線又叫做路程曲線，即路程與時間關系之間的曲線，曲線切線斜率越大速度越快，斜率越小速度越慢；

速度曲線和值曲線的關系和理解，B 站等平臺有很多博主都做了詳盡的解釋，由于本文的重心還是在曲線的應用上，所以不過多展開。

由于平時我們動畫的主要工具是 AE，在 AE 中我們大多數動畫師更習慣用速度曲線，所以接下來都是默認以速度曲線為探究對象。

動畫曲線

對于運動曲線無非可以總結為：緩動、緩入、緩出，繁多復雜的各種曲線都可以歸納進去；

緩入（先快后慢）曲線先是陡峭再變得舒緩

緩出（先慢后快）曲線先舒緩再突然變得陡峭

緩動（慢進慢出）其實按 F9 默認的曲線（默認的拋物線）就是一種緩動了，但默認的這條拋物線在實際的動畫制作中還不夠，為了動畫更有節奏，需要我們把中間和兩端的陡峭度的對比調的更強烈，即兩邊更舒緩，中間更陡峭。

動畫曲線的應用

緩入一般可以用在出現的時候；也就是一個鏡頭開始的時候，或者某個物體出現的時候，下圖中，由小放大的兩個圓、彈起的硬幣、建筑物都是快速出現，然后緩緩停下

△ 流利說商務英語課程動畫

緩出一般可以用在消失的時候；也就是鏡頭畫面結束需要移出時，或者某個圖形消失的時候，下圖中，人物打字的畫面緩緩移動，然后快速消失

△ 流利說?商務英語課程動畫

緩動類型的曲線一般可以用在中間表演的時候；即圖形或主體已經在畫面中，這個時候為了圖形運動自然流暢，適合用兩邊慢中間快的曲線，圖形運動前后緩沖時間越長，節奏越強烈；

△ 流利說?Kion 英語

△?Flatwhite 平白工作室

總結一下，就是開始出現用緩入，結束消失用緩出，中間表演用緩動。當然，實際應用中曲線遠比上面提到的復雜，需要根據實際情況調節曲線的弧度，從而影響動畫節奏。

如何在實際案例中運用動畫曲線

實際的動畫制作中都是這些曲線的綜合運用，比如下面的方塊彈出再消失，我設置了一個方塊進場、緩沖靜止、離場的動畫。

按“P”，給方塊的位置屬性 K 關鍵幀，選中所有關鍵幀，右鍵“關鍵幀差值”，把空間插值改為線型；

然后會發現動畫比較平均僵硬，沒有節奏感。

所以，接下來就需要調節動畫曲線，在這之前我們可以先分析方塊整個動畫的運動，這個動畫雖然簡單，但卻包含了我們前面說的三個過程（出現-中間表演-消失），方塊彈出即出現，方塊沖高回落的緩沖則屬于中間表演，落下即是消失，

于是，我們可以把曲線按照上述調整為這樣：

現在動畫已經有運動節奏了，效果比之前好很多

為了動畫更豐富，可以再上個旋轉的動畫，然后調整下旋轉屬性的動畫曲線（下圖綠色曲線）：

為了效果更好，加上殘影效果和彈跳（motion2 自帶彈跳）

得到最終效果

總結

本文概括性的總結和三類不同的運動曲線的應用情景，快速幫助大家掌握AE動畫曲線，不過要把握好動畫節奏，還需要掌握必要的動畫規律，以及多多練習，在實踐中感受動畫運動曲線對于動畫化的影響。最后，希望能夠對大家有所幫助。

最后，獻上流利說?動畫組做的精美動畫：https://v.qq.com/x/page/j316226bpky.html

歡迎關注「流利說設計團隊」公眾號：