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