分享:

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

首頁>動漫制作

動畫動畫制作

播放:2336
發(fā)布時間:2019年09月11日

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



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


Toniko Pantoja 是誰?.gif


Toniko Pantoja 是誰?


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


老虎原動畫.gif


動畫分鏡.gif


原畫動畫.gif


人變怪獸動畫分鏡.gif


角色動畫.gif


好朋友動畫分鏡.gif


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


幾個動畫專有名詞:

標尺(軌目)Timing Chart

關鍵張 Key

極端張(原畫) Extreme 

細分張(小原畫)Breakdown

中間張(中割)Inbetween


在傳統(tǒng)動畫中,中間張可謂司空見慣。那么到底什么是中間張,中間張又起到什么作用呢?


角色武打動畫制作.gif


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


有中間張,帶著新重音.gif


有中間張,帶著新重音


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


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


有中間張,帶著新起伏.gif


有中間張,帶著新起伏


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

 

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


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



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


標尺有多種不同類型.gif

標尺有多種不同類型


有簡單的也有復雜的標尺.gif

有簡單的也有復雜的標尺


根據(jù)標尺做出動畫,整體效果豐富細膩.gif


根據(jù)標尺做出動畫,整體效果豐富細膩


每個動畫師在做這個的時候都有不同方式.gif



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




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


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


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



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



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

 


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



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

 


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



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

 


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

 


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

 


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


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


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



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

 


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



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



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



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



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


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



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

 

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


這就是一拍二!.gif


這就是一拍二!

 

我們來識記常用的標尺。


我們來識記常用的標尺.gif


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

 

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



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



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

 

蜜蜂畫了三張原畫.gif


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



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


留下最強烈的視覺印象.gif


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



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


蜜蜂就好像想到了什么喜笑顏開的事.gif


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



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


收縮或擴張.gif


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



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


自然的運動類型.gif


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


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

 


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


這樣的角色做動畫看起來就很有趣!.gif


這是我主要用一拍三一拍四做的動畫??焖龠\動里也用了一點點一拍二。我選擇讓每張圖都保持一定的時間,以便更好地看出用到了三分割??聪聵顺卟⒑蛣赢嬜霰葘Γ@是一種經(jīng)典的漸入和漸出運動,但請注意每張之間是如何更為緊密。



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

 

運動更加爽快.gif


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


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



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


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


 

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

最近發(fā)表