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