近期剛好有同學在動態方面遇到瓶頸,趁這個機會寫點教學混個更新:D
畢竟這些中文資料比較少一點,多寫一點有需要的人就更容易找到答案了。
Spine的基礎操作教學跟影片有很多,我想大部分的人照著網路上的方法都能順利的做出作品。
但看到作品的品質不夠理想時,很多人可能會認為是軟體哪邊操作錯或是有什麼小技巧沒學到的,一查發現沒相關資料就放棄。
也可能有些人知道是動作上的問題,但是又沒有一個學習檢查的方向便裹足不前。
希望寫這些內容可以幫助到有需要的人:D
這些內容跟軟體的操作可能比較沒有關係,算是2D、3D都通用的法則。
相關資料搜尋「animation 12 principles」就可以找到囉!
------
那麼首先,我們就試著移動一顆球吧。
今天就算是你剛下載Spine或不管其他什麼軟體,相信做到這邊都沒什麼問題。
起手跟終點各打個關鍵幀就完事了,非常普通的動作。
綠球從頭到尾都保持著同樣的速度沒有變化,每一秒鐘移動的距離都相同。
這種動作我們會說他是比較「線性」的動作,開圖表起來看就是這樣一條完美的直線。
一般來說,我們會認為這種線性的動作看起來很不自然。
畢竟在現實生活裡,我們幾乎沒有任何東西是用這種方式在進行運動。
舉例來說,我們都知道車子的速度從靜止加速到100公里需要一段時間,不管馬力再怎麼強大都不可能一瞬間從0跳到100。
如果辦的到的話,你就會看到紅燈轉綠燈的瞬間所有人都像被打到一樣彈出去了XD
用說的可能不是很明白,我們先來看這個例子
綠球從空中掉落撞到地板後彈起,經過彈跳後落在地面。
這個過程的速率從頭到尾都是固定的,感覺就有股說不上來的不協調感。
看不太出來?沒關係,我們先繼續往下,等一下再來比較看看。
為了讓他看起來更自然一點,我們請到了藍色球球
跟綠色球球不一樣,藍色球球使用了貝茲曲線來調整了速度。
優雅的籃色球球起跑時速度較慢,隨著時間經過後達到最高速,快到終點時又減速下來緩緩地靠近終點。
我們這邊放個比較圖來看看
這邊就很明顯能看出藍綠球兩者的差距。
我們沒有目的性的只是單純左右移動可能看不出來藍色球有什麼特別的,
因此我們就來看一下籃球他在自由落體時的表現吧!
如何呢?看起來是不是覺得藍球比綠球更有彈性一點
看不太明白?那我們再把它們擺一起看看
這樣比較下來,帶有速度變化的籃球是不是比呆版的綠球更自然一些?
初學者:懂了!我現在就把綠球全部都加上漸快漸慢!
...
..
.
初學者:不對阿,怎麼看起來跟你講的不一樣!
綠球添加了漸快漸慢之後看起來是比之前柔順一點了,但為甚麼還是沒有重量感呢?
原因很簡單,什麼時候要漸快什麼時候要漸慢是有一定邏輯的,並不是隨便添加就會有好效果。
我們把畫面放慢來看,藍球在碰到地面的瞬間以前都是維持著加速的狀態,相反的綠球在接近地面時就突然開始減速了。
在空中自由落體的時候有可能突然自動減速下來嗎?在沒有任何額外的外力影響下,任何東西都是不會突然改變速度的。
唯一有可能的是地面突然有一陣風剛好往上吹給了那顆球一個往上的力,不然空中突然進行減速是很不合邏輯的。
因此,我們調整他的曲線到大概這個樣子
讓他在達到最低處,也就是接觸到地面前都維持著持續加速的狀態,看起來就會比較符合現實,重量感也會跟著被表現出來。
那麼,我們就將所有落地前的曲線都調成上面的樣子。
這時看起來就差不多了,但好像還有點微妙的差別耶?
為了看清楚問題在哪邊,我們再放更慢來檢查一下。
要檢查動作有沒有問題的時候,放慢動作來看會是個很好的檢查方式。
從這邊可以看到,藍球在接觸到地面後便迅速回彈,相反的綠球在撞擊到地面後卻好像被黏住一樣緩慢地進行加速。
什麼情況下物體會加速?那便是有額外的力量在推動物體的時候。
如果你想要在空中往上方加速,那就必須要有一個比重力還要強的力道把物體往上推動。
球在撞擊到地面後,地面確實會給他一個反作用力讓他向上彈起,
不過這個作用力在球離開地面的瞬間就已經消失了,在那之後因為沒有其他外力因素球只會受重力影響不斷的減速直到速度歸零。
但這邊透過慢動作可以看到球體在離開地面之後還有一個從慢速加速的動作,照我們上面的說法來看這是非常不合理的。
因此我們把綠球撞擊地面之後的移動曲線從灰色的漸快漸慢調整成藍色的漸慢,
讓他從離開地面的瞬間便受重力影響開始減速,看起來就會自然許多了!
應用以上的概念後,綠球也終於進化成能獨當一面的玩具球了,可喜可賀!
不管是簡單的小物件還是複雜的人體或動物等內容,速度的變化很直接的就會影響到動作看起來的樣子
左側為線性,右側則是有速度變化的版本。
如果你的作品也有這種卡頓卡頓的感覺,很有可能就是沒有做好 Slow in slow out 帶來的影響喔!
今天的文章就到講到這邊,有什麼問題都可以私信或直接加我 Discord : yuar0708
雖然不知道下篇文會拖到什麼時候但還是下次篇文再見
掰掰(*'▽')ノ