化繁為簡，是解決難題的好辦法。今天的文章將會(huì)教你如何拆分一個(gè)動(dòng)畫，以及如何使得動(dòng)畫符合一般物理學(xué)規(guī)律而變得生動(dòng)。
作為一個(gè)動(dòng)效愛好者，被問到最多的一個(gè)問題就是：
我要怎樣開始才能學(xué)好動(dòng)效？
每次看到這個(gè)問題，我都會(huì)堅(jiān)定的回答：「從學(xué)好物理開始」，第一個(gè)問題往往就嚇退了一些觀望者。但真正對動(dòng)畫感興趣的人，絕不會(huì)止步于此，他們會(huì)問很多問題，一個(gè)接一個(gè)，我就很喜歡這樣愛鉆研的人。
每周，我的日程表上都會(huì)排上檔期，只為能有時(shí)間與這群好學(xué)的人們交流。有時(shí)我會(huì)在線下約見面，或者直接在線上溝通，我喜歡做這些事。
我的努力也許僅能幫助到我圈子里的人，但我相信世界上有很多人希望得到幫助，所以，我決定寫這篇文章。
當(dāng)我說，「你應(yīng)該從物理學(xué)開始」，你覺得我在胡說也并非沒有道理?！肝锢怼菇?jīng)常讓我們想起的是那些在學(xué)校里死記硬背的方程和公式。
在現(xiàn)實(shí)中，物理學(xué)的運(yùn)用要遠(yuǎn)多于考試中用到的復(fù)雜公式。它是解釋物體如何移動(dòng)，如何下落，以及各種自然現(xiàn)象的基礎(chǔ)理論。
知道什么時(shí)候舉起手去抓住一個(gè)飛過來的球，把球盡量沿著它的運(yùn)動(dòng)方向往后推能減少對手的沖擊力，這些才是真正的「生活物理學(xué)」。
這種對真實(shí)世界的理解就是開始動(dòng)效設(shè)計(jì)所需要的全部物理知識了。
這是 Snehal Pati 畫的一位快遞員騎著摩托車，帶著圣誕帽的插畫，很可愛，對不對？
△ 一個(gè)簡單的快遞員送貨插畫
我們猜測這個(gè)人正在「騎」摩托車，而不是只坐在上面，要不然他起碼得有一只腳站在地上了。但是我們還拿不準(zhǔn)，怎樣才能使人們更清楚的知道摩托車不是靜止的，而是在運(yùn)動(dòng)呢？答案是讓它動(dòng)起來。
讓我們從最容易想到的細(xì)節(jié)開始。
把問題進(jìn)行拆解——比如這次，我們就按「騎」的字面意思來分析。（譯者注：騎車時(shí)輪子肯定是要?jiǎng)拥?，所以先把?dòng)的車輪拆分來看）
一旦進(jìn)行拆分，每一個(gè)小的組件都可以視為獨(dú)立的實(shí)體，單獨(dú)做動(dòng)畫，然后再進(jìn)行組裝。
我通過將這個(gè)騎車動(dòng)畫拆分為5個(gè)部分，使得最后的動(dòng)畫變得生動(dòng)起來。
1. 車輪會(huì)旋轉(zhuǎn)
旋轉(zhuǎn)很簡單，After Effects 里有一個(gè)「旋轉(zhuǎn)」選項(xiàng)，我們只需要間隔幾秒加上2個(gè)不同角度值的關(guān)鍵幀就行了。然后，我們大致估算下摩托車的速度，每秒車輪會(huì)轉(zhuǎn)多少圈調(diào)整好節(jié)奏，符合自然規(guī)律就好了。
△ 摩托車的車輪在轉(zhuǎn)
這個(gè)動(dòng)畫看起來很微妙，不是嗎？其實(shí)我們是基于2個(gè)假設(shè)：
1、摩托車跑的很快，因此車輪的鏈條是看不見的。
2、車輪的表面是粗糙的，因此反射會(huì)閃爍。
提示：閃爍可以使用一個(gè)簡單的白色描邊路徑+After Effects中的「修剪路徑」工具來創(chuàng)建。
這個(gè)閃爍已經(jīng)讓插畫本身有一些動(dòng)畫了，但是離自然真實(shí)的效果還很遠(yuǎn)，我們接著看下一個(gè)部分。
2. 這輛摩托車的底盤會(huì)抖動(dòng)
即使我們假設(shè)摩托車是在平穩(wěn)的水泥路上騎行，因?yàn)闇p震器的原因，也一樣會(huì)有節(jié)奏的上下運(yùn)動(dòng)，比如下面這樣：
△ 摩托車輪子會(huì)旋轉(zhuǎn)，車身有起伏
感覺好多了，對吧？但它仍然感覺缺少一些東西。
3. 騎手的身體會(huì)有自然的運(yùn)動(dòng)
這里的騎手并不是一個(gè)穿著緊身衣的塑料身體，他是一個(gè)人，應(yīng)該有人的運(yùn)動(dòng)規(guī)律。想想當(dāng)你騎一輛摩托車時(shí)會(huì)發(fā)生什么，身體的各個(gè)部位會(huì)發(fā)生相對運(yùn)動(dòng)。肘部的角度可能會(huì)改變，頸部和頭部可能會(huì)移動(dòng)，背部可能會(huì)伸展和彎曲等等。我們只需要模仿其中一些動(dòng)作。
△ 摩托車的車輪會(huì)轉(zhuǎn)動(dòng)，底盤會(huì)起伏，騎手身體會(huì)動(dòng)
你能注意到這些細(xì)節(jié)嗎？如果有，那恭喜你已經(jīng)有了設(shè)計(jì)師的眼光了，這些細(xì)節(jié)很微妙但是卻很有效果。通過這些細(xì)節(jié)的增加，很明確的將一個(gè)完全沒有生命的畫面生動(dòng)起來。
提示：騎手的身體可以進(jìn)一步分解，每個(gè)部分在不同的圖層，然后可以通過在 After Effects 中巧妙的移動(dòng)和旋轉(zhuǎn)這些部分來實(shí)現(xiàn)人的動(dòng)作。
4. 給人物的配飾添加運(yùn)動(dòng)
我們都知道，騎手在騎行過程中，他帶的帽子不可能是固定不動(dòng)的，而是需要一定的擺動(dòng)效果。
△ 摩托車的車輪在轉(zhuǎn)，車身在動(dòng)，人的身體和帽子都在運(yùn)動(dòng)
到這一步，帽子的動(dòng)畫可能有點(diǎn)過了，看著一步步變好的動(dòng)畫，心情有點(diǎn)激動(dòng)，就調(diào)大了幅度，但其實(shí)看起來也沒什么大問題。
提示：只需要在短時(shí)間內(nèi)把帽子的形狀做一個(gè)改變，就可以實(shí)現(xiàn)這樣的動(dòng)畫。
5. 添加背景
讓我們再回頭看看，車輪在轉(zhuǎn)了，底盤也有起伏了，甚至車手和他的帽子都有了運(yùn)動(dòng)。但是仍然沒有很直觀的感受到車在前進(jìn)，接下來的這一步可能是所有步驟里最簡單的一步了。
要么，我們向前移動(dòng)整個(gè)畫面（車手+摩托車）。
又或者，我們加上一個(gè)城市背景，然后把這個(gè)背景往后移動(dòng)——這是我們從電腦游戲《馬里奧》中學(xué)到的東西。相對運(yùn)動(dòng)，物理學(xué)中講過的。
△ 最終效果
看，最終的畫面多么真實(shí)自然。
提示：想做出這樣一個(gè)永久循環(huán)的背景是非常容易的，只需要把這個(gè)背景復(fù)制一份，然后頭尾相接就可以了。
