當前位置:
首頁 > 最新 > 看上去微不足道的小標尺,卻是做動畫的關鍵

看上去微不足道的小標尺,卻是做動畫的關鍵

本文首發於公眾號[動畫學術趴],未經許可請勿轉載。

今天的教程來自Toniko PantojaThe StringBing Workshop,由魔力石賢沐翻譯,馬小褂校對。(文末有完整視頻,請勿錯過)

GIF/853K

Toniko Pantoja 是誰?

一名畢業於著名學院加州藝術學院的洛杉磯動畫人,曾為夢工廠、CARTOON NETWORK等多家業內知名公司工作,學生時期獨立製作的《狼之頌歌》更是顯露出他對於二維動畫爐火純青的掌握。Toniko Pantoja 除了創作二維動畫,會經常做一些動畫教程,他做動畫教程都曾在網路上刷屏哦。以下是他的部分原動畫:

GIF/1722K

GIF/358K

GIF/1812K

GIF/1543K

GIF/1143K

GIF/578K

今天,他將給我們介紹中間張的藝術——標尺

幾個動畫專有名詞:

標尺(軌目)Timing Chart

關鍵張 Key

極端張(原畫) Extreme

細分張(小原畫)Breakdown

中間張(中割)Inbetween

在傳統動畫中,中間張可謂司空見慣。那麼到底什麼是中間張,中間張又起到什麼作用呢?

GIF/796K

沒有中間張,只有關鍵張和小原畫

GIF/823K

有中間張,帶著新重音

GIF/571K

沒有中間張,只有關鍵張動畫

GIF/1034K

有中間張,帶著新起伏

繪製中間張是在關鍵張和細分張(小原畫)之間添加繪畫張的過程。它的主要作用是讓動畫更流暢,並在播放時添加更多細微的視覺信息。

在讓動畫看上去有更高製作水準的同時,它也是創造有帶入感、可信、清晰的好動畫的關鍵。由於本來就要有更多的圖來填補間隔,這是個體力活,但體力活不意味著你就不會搞砸了。

話雖如此,還是有很多方法來做中間張的,也有動畫師們用以互相溝通的共同語言。

在手繪動畫中,你會留意到繪畫中的某個地方有個小刻度或網格。這些叫做標尺(軌目指示)

GIF/1194K

標尺有多種不同類型

GIF/659K

有簡單的也有複雜的標尺

GIF/1236K

根據標尺做齣動畫,整體效果豐富細膩

GIF/1474K

每個動畫師在做這個的時候都有不同方式,但這些標尺所起的作用是相似的。當一個動畫師完成了原畫和小原畫之後,就把它們交給一位清稿人員,或一位填充間隔的中間張人員。被安排做中間張的人員會以動畫師給的標尺為指示。

標尺會提示需要多少張圖來做中間張、每張之間間隔多大、有沒有偏割、運動是漸入還是漸出。

對於不做數碼手繪的人來說,標尺是特別重要的指南。因為他們需要事先安排好動畫運動,最終才能夠從電腦上看到播放結果。而且通過標尺來學習中間張也非常重要。

我們來說標尺的基本構造。

鑒於每個動畫師都有不同途徑繪製標尺,我想給大家展示我是怎樣繪製標尺的。還有你可以怎樣熟悉類似的標尺。通常你會從上往下讀,這是時間軸上運動的順序。由於我們還沒有用到幀,我就只用字母A和B 來代表我的幀。

有些動畫師有不同偏好並修改順序,但通常還是從上往下讀。

我在A和B 之間加一張圖畫,起名為C。

當動畫師給一張圖或一個幀號畫圈,他們就是在說這一張為「關鍵張」。最基本來說,關鍵張是畫處於最極端的時候。有些動畫師還會以對比、變化、或者故事與演出感的不同為基礎,來做關鍵張。也有人管他們叫作「關鍵敘事張」

我把圖畫B也當作一個關鍵張。

有的動畫師給幀加雙下劃線來標註關鍵張,但我們就用圓圈好了,因為圓圈更好懂。

單下劃線意味著你把一張圖或一幀轉為小原畫。對我而言,一張小原畫是另一個將關鍵張鏈接到一起的極端張。嚴格來說,它不是中間張,但根據情境,它也可以當成中間張來用。

但你看到像這樣連接的2條曲線——曲線交匯在中間的小原畫位置上,就表明C是A和B之間相等的一半。這兩個曲線代表著平均的兩半。因而C幀中的線條必須距離A和B相等的間距。

我在A和C之間畫另一張圖,現在畫上這兩條曲線,意味著D距離A和C相等的間距。我給大家的問題是,你能不能在畫好A和C之前就畫D呢?

答案是否定的。由於D是在A和C中間平分,我們需要事先把該有的畫完成。因為這兩張圖畫有我們畫D時需要的信息。

我對下面一半做同樣的操作。

現在這個標尺表示我們把動畫都平均分開,平均的數字,平均的曲線,每張之間的間隔也是平均地隔開。這就是說動畫會勻速運動。

現在如果我們這麼做,就會給上方添加更多的張信息。留意一下幀之間是如何從上往下越來越大。這就叫「漸出」。動畫會慢速開始,然後逐漸加速。

如果我們在另一端這麼做,這個標尺圖就叫「漸入」。與之前相反,動畫會快速開始,然後慢慢減速。

除了二分曲線,還有三分曲線。有三個匯合點,這種曲線意味著C不會在A和B之間平分。實際上會偏向於某一關鍵張。你會看到曲線的一點與C匯合而另一個點並沒有幀。這要靠想像了。這在強調C比B更偏向A。

由於C更靠近A ,C與A的間隔會更小一些。

你也可以讓C更偏向B。我只在做又長又慢的場景時,或當環境很特殊的時候,用三分割曲線。

談到特殊性,我們再來說說最後一個例子——偏割

儘管沒有任何曲線,很明顯C基本上與A幾乎相似,注意例子中C基本就和A一樣,其本身的影響非常有限,B在下面垂著。當然這只是我誇張了的偏割例子。我通常在一小段,或者快速運動時用偏割,能帶給動畫一種爽快的能量。

恭喜!現在你理解了標尺的基本構造,你的獎勵是將其應用到實際幀號當中!

GIF/168K

這就是一拍二!

我們來識記常用的標尺。

GIF/752K

從左往右依次是二分割(Halves)、二分漸入(Halves slow in)、二分漸出(Halves slow out)、完全等割(All evens in halves)、三分割(Thirds)、偏割(Favoring)。

我加了小紅點來預覽每幀,觀察在這些標尺中,紅點是如何在幀之間運動。這是動畫如何動,以及中間張的記號參考。

我們以一些角色為例。我用的角色是蜜蜂,是我朋友,前同班同學Thahn Dang 提供的。他是只無憂無慮的,帶有粉黃相間斑紋的蜜蜂。圓滾滾的像泡泡一樣的設計讓他看起來很友好。

我給蜜蜂畫了三張原畫,開始張、小原畫和結束張。我會在接下來的例子中用同樣的這三幅圖。

GIF/583K

我給蜜蜂畫了原畫和中間張,來闡述列表中的第一種標尺類型——二分漸入(也可叫 a slow in in even halves)。請觀察下,他開始時很快,到最後張速度慢下來。我通過在小原畫和結束張之間加很多張畫來達成這一效果。在開始和小原畫之間沒有中間張。

這種標尺最適用於表現劇烈運動後慢慢減速的情況。非常好地表現運動從慢慢減速到靜止。在鏡頭中結束張會留下最強烈的視覺印象。

GIF/547K

相反的,第二種標尺,二分漸出(a slow out in even halves)。開始慢,越靠近結束張越像突然飛起來。在小原畫和結束張之間沒有中間張。我們在前一半有了更多的中間張。這給我們一種運動速度增加的感覺——開始加速運動。

我通常在角色吸氣的時候,或者在角色跳起來之後落地的過程,用這種標尺。這個例子中,蜜蜂就好像想到了什麼喜笑顏開的事。

GIF/594K

我們第三個例子是完全等割勻速運動。每張之間的間隔相等。包括在最開始的三張圖之間。每兩幅之間再加一幅,之後做出更多幅圖進行平均分割。我也把標尺展示出來,方便你看到這些圖從上一張到下一張是如何平分的。

不像前面兩個例子那樣張間距進行收縮或擴張,這種標尺適用於勻速運動的事物。比如跑步、走路、游泳,有時跳舞,或許特定過渡。在這裡面,沒有單獨一張圖給人留下印象,因為一切都以平均比率運動。

GIF/586K

我們最後的例子,將兩種標尺合併到一起。在這個例子里,我用了漸出和漸入。一開始慢,然後加速變快,接著減速。

有人說這是最自然的運動類型,因為物體逐漸加速,然後減速到靜止。這種對於驚嚇反應、情感回應、A到B姿勢轉換、進進出出來說,效果極佳。當你考慮組合或者執行標尺時,你思路越開放,選擇就越多。

GIF/504K

現在,使用標尺的重點來了!一樣的圖畫、一樣的關鍵張、一樣的小原畫,最重要的是一樣時長,但每個卻有不一樣的感覺。因為這些圖都有不一樣的標尺。標尺影響如何加中間張的方式。正因如此,它們實現了各不相同的效果。

你從每種標尺中都感受到了什麼效果呢?

我們接著看看剩下的標尺,我會用另一個角色來演示它們。這個角色Jake也是由Thahn Dang提供的,Jake是一個科幻主題的牛仔。他的設計看上去像來自某個動作冒險類電視節目,讓我感覺非常像八十年代。從他的時尚感,到令人聯想起鳥山明《龍珠》中早期設計的風格,還有點兒周六晨間卡通的感覺。給這樣的角色做動畫看起來就很有趣!

GIF/1248K

這是我主要用一拍三一拍四做的動畫。快速運動里也用了一點點一拍二。我選擇讓每張圖都保持一定的時間,以便更好地看出用到了三分割。看下標尺並和動畫做比對,這是一種經典的漸入和漸出運動,但請注意每張之間是如何更為緊密。

當他伸手下去拿槍的時候,有更多張傾向於前一幀。當他鎖定目標時,他已經擺好鎖定目標的姿勢了,但慢慢地為這個姿勢做調整。這種情況下使用三分割極佳,因為能讓運動更加爽快,還能讓圖畫給人有維持時間更長和更久的印象。

GIF/1129K

最後一個例子,我必須得畫點新東西。因為像偏割的事物需要一個特殊的內容。在這個圖片裡面,牛仔開槍了,之後收手。留意一下在槍火上只有很短的時間,但當他向上快速舉槍後,卻有很長的等待時間。為什麼?

這是偏割在他開槍的瞬間起到作用。幾乎和第一張是一樣的姿勢,除了情境中有個射擊動作。

像在偏割中,你必須要思考畫面中的情境,或是哪個關鍵張是要給人留下印象的。儘管播放時很快,觀眾還是能夠感受到圖畫的細微變化。他們看不出來,但能感受得出來。這就是中間張在動畫中的作用。

知識點已經列完了,接下來請欣賞完整的教學視頻吧:

今天,我們了解了中間張,認識了標尺、幾種標尺類型,並學習了如何解讀標尺,如何運用到中間張。之後,我們會說加中間張用到的技術和設備、哪些該做的和不該做的,可能還會有一個完整的演示。更多精彩,敬請期待!

本文首發自微信公眾號[動畫學術趴],未經許可請勿轉載。動畫學術趴是國內動畫領域最具影響力的深度媒體和愛好者社區。


點擊展開全文

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

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 動畫學術趴 的精彩文章:

每部學生動畫,都值得來投遞Aniwow!2017競賽單元
北京國際圖書博覽會看展攻略,周末約起吧!
楊德昌遺作《追風》再啟動
同一個故事講19遍,這部腦洞動畫卻讓我停不下來
機器與魔法:日本動畫兩大經久不衰的元素

TAG:動畫學術趴 |

您可能感興趣

運動補水,沒有看上去的那麼容易,這些地方你得注意
世界上最有個性的頭盔,看上去像鍋蓋,但是作用卻不小
搞笑圖片:第一眼看上去很有創意,但是越看越不對勁,你們覺得呢
都是用動物做車標,很多看上去霸氣十足,但它卻有些另類
這樣的穿著,讓人看上去賞心悅目,不知道符不符合你的審美呢?
那些看上去,不合的明星們?真的是水火不容嗎?
幾道特別唯美的菜,不光是看上去好看,吃起來那也是特別的好吃的
那些看上去很小女人的搭配,看上去普通但是卻又有不一樣的特點!
那些看上去光鮮的人,過得並不比你容易
她並不是看上去漂亮的女孩,但這種精神和可愛是唯一的!
甜瓜種植看上去難,實際上掌握這幾步就好了,想嘗試的可以看看!
妹子,沒想到你看上去瘦瘦的,這麼一秀,胳膊上的肌肉也不少啊
看上去很好吃的樣子,不!我說的是千璽手裡的麵包!
你知道「戴勝」嘛?這種看上去挺普通的鳥,來頭可不是一般的大!
這樣的老錢看上去怪怪的,說不出具體原因,就是感覺很不一樣
看上去很愛你,心裡並不喜歡你的男人,會有這3種表現,錯不了!
可愛的狗狗有一位好友,和一隻白雞形影不離,看上去卻毫不違和
這種小魚雖然大家看上去可能會很眼熟,但是你們多半都認不出來!
進擊的巨人這幾個角色並沒有看上去的那麼冷淡,眼淚是懦弱的表現
「並不像看上去的那麼容易吧?」