當前位置:首頁 >教程首頁 > After Effects >如何把握動畫節奏?五分鍾讓你學會AE動畫曲線!

如何把握動畫節奏?五分鍾讓你學會AE動畫曲線!

發布時間:2020-12-03 13:15:00

AE 動畫隻會用“緩動”運動曲線?下麵就來分享下如何把握好動畫節奏。五分鍾讓你學會AE動畫曲線!

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

發現大家很多時候都沒調動畫曲線的習慣;對於曲線的認識停留在“F9”打個緩動(在用 AE 製作動畫時),會感覺自己的動畫怎麼做不了別人那樣生動又自然;

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

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

1.gif

△ Flatwhite 平白工作室

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

關鍵幀

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

2.jpg

菱形:代表關鍵幀直接動畫的速度為勻速

漏鬥型:兩關鍵幀速度由零到快又到零

箭頭:速度到這個關鍵幀緩緩變為零

圓形:是指三個關鍵幀中間那個為圓形的話會將這三個關鍵幀形成的兩段不同速度進行柔緩連接

正方形:定格關鍵幀,需要設置凍結畫麵時間的時候會用到

凸三角:一半是線性,一半是定格

凹三角:一半是緩動,一半是定格

曲線的種類

速度曲線(v-t):速度曲線是表現時間與速度之間關係的曲線,我們可以通過曲線的“舒緩度”直觀的看到和調節動畫節奏,曲線越舒緩速度越慢,越陡峭越快;

3.jpg

值曲線(s-t):值曲線又叫做路程曲線,即路程與時間關係之間的曲線,曲線切線斜率越大速度越快,斜率越小速度越慢;

4.jpg

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

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

動畫曲線

對於運動曲線無非可以總結為:緩動、緩入、緩出,繁多複雜的各種曲線都可以歸納進去;

緩入(先快後慢)曲線先是陡峭再變得舒緩

5.jpg5-2.gif

緩出(先慢後快)曲線先舒緩再突然變得陡峭

6-1.jpg6-2.gif

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

7-1.jpg7-2.gif

動畫曲線的應用

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

8.gif

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

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

9.gif

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

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

10.gif

△ 流利說Kion 英語

11.gif

△ Flatwhite 平白工作室

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

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

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

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

12.jpg

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

13.gif

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

於是,我們可以把曲線按照上述調整為這樣:

14.jpg

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

15.gif

為了動畫更豐富,可以再上個旋轉的動畫,然後調整下旋轉屬性的動畫曲線(下圖綠色曲線):

16-1.jpg16-2.jpg

為了效果更好,加上殘影效果和彈跳(motion2 自帶彈跳)

17.jpg

得到最終效果

18.gif

總結

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

來源:「流利說設計團隊」公眾號

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定