97超精品视频在线观看_91人人在线_亚洲精品国产综合一线久久_日本最新免费二区

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

教你如何拆分一個動畫

2019-02-15 4516 0

化繁為簡,是解決難題的好辦法。今天的文章將會教你如何拆分一個動畫,以及如何使得動畫符合一般物理學規律而變得生動。


 

作為一個動效愛好者,被問到最多的一個問題就是:


 

我要怎樣開始才能學好動效?


 

每次看到這個問題,我都會堅定的回答:「從學好物理開始」,第一個問題往往就嚇退了一些觀望者。但真正對動畫感興趣的人,絕不會止步于此,他們會問很多問題,一個接一個,我就很喜歡這樣愛鉆研的人。


 

每周,我的日程表上都會排上檔期,只為能有時間與這群好學的人們交流。有時我會在線下約見面,或者直接在線上溝通,我喜歡做這些事。


 

我的努力也許僅能幫助到我圈子里的人,但我相信世界上有很多人希望得到幫助,所以,我決定寫這篇文章。


 

物理學是基礎


當我說,「你應該從物理學開始」,你覺得我在胡說也并非沒有道理?!肝锢怼菇洺W屛覀兿肫鸬氖悄切┰趯W校里死記硬背的方程和公式。


 

在現實中,物理學的運用要遠多于考試中用到的復雜公式。它是解釋物體如何移動,如何下落,以及各種自然現象的基礎理論。


 

知道什么時候舉起手去抓住一個飛過來的球,把球盡量沿著它的運動方向往后推能減少對手的沖擊力,這些才是真正的「生活物理學」。


 

這種對真實世界的理解就是開始動效設計所需要的全部物理知識了。


 

讓動畫生動起來


 

這是 Snehal Pati 畫的一位快遞員騎著摩托車,帶著圣誕帽的插畫,很可愛,對不對?


 

△ 一個簡單的快遞員送貨插畫


 

我們猜測這個人正在「騎」摩托車,而不是只坐在上面,要不然他起碼得有一只腳站在地上了。但是我們還拿不準,怎樣才能使人們更清楚的知道摩托車不是靜止的,而是在運動呢?答案是讓它動起來。


 

讓我們從最容易想到的細節開始。


 

把問題進行拆解——比如這次,我們就按「騎」的字面意思來分析。(譯者注:騎車時輪子肯定是要動的,所以先把動的車輪拆分來看)


 

一旦進行拆分,每一個小的組件都可以視為獨立的實體,單獨做動畫,然后再進行組裝。


 

動畫的編排

我通過將這個騎車動畫拆分為5個部分,使得最后的動畫變得生動起來。


 

1. 車輪會旋轉

旋轉很簡單,After Effects 里有一個「旋轉」選項,我們只需要間隔幾秒加上2個不同角度值的關鍵幀就行了。然后,我們大致估算下摩托車的速度,每秒車輪會轉多少圈調整好節奏,符合自然規律就好了。


 

△ 摩托車的車輪在轉


 

這個動畫看起來很微妙,不是嗎?其實我們是基于2個假設:

1、摩托車跑的很快,因此車輪的鏈條是看不見的。

2、車輪的表面是粗糙的,因此反射會閃爍。


 

提示:閃爍可以使用一個簡單的白色描邊路徑+After Effects中的「修剪路徑」工具來創建。


 

這個閃爍已經讓插畫本身有一些動畫了,但是離自然真實的效果還很遠,我們接著看下一個部分。


 

2. 這輛摩托車的底盤會抖動

即使我們假設摩托車是在平穩的水泥路上騎行,因為減震器的原因,也一樣會有節奏的上下運動,比如下面這樣:


 

△ 摩托車輪子會旋轉,車身有起伏


 

感覺好多了,對吧?但它仍然感覺缺少一些東西。


 

3. 騎手的身體會有自然的運動

這里的騎手并不是一個穿著緊身衣的塑料身體,他是一個人,應該有人的運動規律。想想當你騎一輛摩托車時會發生什么,身體的各個部位會發生相對運動。肘部的角度可能會改變,頸部和頭部可能會移動,背部可能會伸展和彎曲等等。我們只需要模仿其中一些動作。


 

△ 摩托車的車輪會轉動,底盤會起伏,騎手身體會動


 

你能注意到這些細節嗎?如果有,那恭喜你已經有了設計師的眼光了,這些細節很微妙但是卻很有效果。通過這些細節的增加,很明確的將一個完全沒有生命的畫面生動起來。


 

提示:騎手的身體可以進一步分解,每個部分在不同的圖層,然后可以通過在 After Effects 中巧妙的移動和旋轉這些部分來實現人的動作。


 


 

4. 給人物的配飾添加運動

我們都知道,騎手在騎行過程中,他帶的帽子不可能是固定不動的,而是需要一定的擺動效果。


 

△ 摩托車的車輪在轉,車身在動,人的身體和帽子都在運動


 

到這一步,帽子的動畫可能有點過了,看著一步步變好的動畫,心情有點激動,就調大了幅度,但其實看起來也沒什么大問題。


 

提示:只需要在短時間內把帽子的形狀做一個改變,就可以實現這樣的動畫。


 

5. 添加背景

讓我們再回頭看看,車輪在轉了,底盤也有起伏了,甚至車手和他的帽子都有了運動。但是仍然沒有很直觀的感受到車在前進,接下來的這一步可能是所有步驟里最簡單的一步了。


 

要么,我們向前移動整個畫面(車手+摩托車)。


 

又或者,我們加上一個城市背景,然后把這個背景往后移動——這是我們從電腦游戲《馬里奧》中學到的東西。相對運動,物理學中講過的。


 

△ 最終效果


 

看,最終的畫面多么真實自然。


 

提示:想做出這樣一個永久循環的背景是非常容易的,只需要把這個背景復制一份,然后頭尾相接就可以了。


 


 


31
評論區(0)
正在加載評論...
相關推薦