14-想學動畫，你知道這些動畫要素嗎？

輕鬆學習，興趣先行，大家好，我是一宏！

我經常會看到一些學員，對動畫的基本原理還不了解的情況下，利用各種各樣的動畫功能，做出了五花八門的「特效」，看起來很裝逼，很有范兒。但那些一看就很亂，很花哨的就不說了，其實大量看似很驚艷的動畫也是漏洞百出的。

今天我就亂入【設計練習室】來和大家分享些這幾年研習動畫過程中，總結出來的一些小經驗，希望能讓大家在用動畫的過程中方向不至於跑偏，能夠通過已掌握的動畫技術，做出一些很舒服、很自然，甚至很優秀的動畫效果。

動畫其實是很講究基本的規則的，如果不遵守的話，做出來的就總會覺得那裡出了問題，要麼不自然，要麼缺乏吸引力。

1.時間軸

製作動畫最重要的要素是【時間軸】，其中時間軸包含時間的長短和時間的早晚兩個部分。

先說時間的長短，我們先看下面這一組動畫效果。

GIF/27K

大家看到這組動畫，肯定會有這樣的感覺：左邊一個快，嗖的一下就落地了，右邊一個慢。

如果你多看幾遍，或許還能感受到輕重的區別，左邊的小球重，一下子就落地了，右邊的飄飄忽忽的，貌似很輕。

所以我們需要讓一個對象快一點，只需要設置的時間短一些，反之則設置的時間長一些。

說完了時間的長短，我們再說下時間的早晚。還是直接通過一組動畫的對比來看一下：

GIF/27K

從這組圖片中我們可以感受到兩個小球有先後順序，上面一個先動，後面一個一段時間後再跟上。反映到時間軸上就是一先一後。

2.速度

我們還是以小球為例，看一下效果對比：

GIF/48K

咋一看可能沒區別，但仔細觀察後我們不難發現上面的一個球是勻速的，下面一個是不勻速的，先加速後減速。同時，通過對比，我們也可以感覺到第一個小球有點兒假。

原因其實很簡單，初中物理書中就提到過——自然界中不存在任何物體，可以在不受外力的影響下，保持勻速直線運動的，所以第一個球就是不真實，不自然的。

當然對於速度來說，也不是每個對象都要先加速，後減速。為了讓動畫更自然，需要的只是儘可能的讓他模擬自然界中的的狀態。

比如下面這兩個下落的球：

GIF/22K

因為地心引力一直存在，所以下落的速度肯定越來越快，反之往上彈起速度又應該越來越慢。所以在全程做減速運動的二號球更加逼真。

3.反饋動作

一個下落後是死死的吸附在地板上不動了，而另一個球是高速下落後又反彈起來。所以顯然有這個反饋動作的更加符合真實的情況。

GIF/34K

不光是直線運動有反饋動作，圓周運動也會有，對比下列兩個齒輪。

GIF/106K

上面這些都是作為一個合理的動畫，真實的動畫，應該要遵循的規則。如果你想讓自己的動畫，不至於太假，一定要先努力做到以上這幾點，至於如何實現從合理到優秀的飛越，我們需要等下回動畫要素（誇張篇）再分解咯！

如果你喜歡，希望通過留言來告訴我！

看到這裡或許有些人會問了，那我PPT也需要做到這樣？

咳~咳~我也沒有說PPT動畫呀！但，今天這幾個案例我都是通過PPT來製作的。感興趣的話也可以試著動手練習下。而且這些都是動畫的基本原理，不光可以應用在PPT裡面，還可以在使用更專業的動畫軟體製作動畫的過程中，快速的遷移知識，讓你的動畫更加的合理、自然！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！