一、動(dòng)畫(huà)有12項(xiàng)基本法則
首先我們說(shuō)一說(shuō)動(dòng)畫(huà)法則，動(dòng)畫(huà)有12項(xiàng)基本法則，源自于迪士尼動(dòng)畫(huà)師經(jīng)累積數(shù)十年的動(dòng)畫(huà)制作經(jīng)驗(yàn)所整理出來(lái)的，我們逐一來(lái)分析學(xué)習(xí)。
01.擠壓與拉伸（Squeeze and stretch）
當(dāng)有力作用到物體身上時(shí)，物體將會(huì)產(chǎn)生一定的形變，比如你在拍球時(shí)，球落地后會(huì)被擠壓，彈起時(shí)會(huì)產(chǎn)生拉伸，對(duì)于具體的擠壓與拉伸的強(qiáng)度，與物體的硬度和用力的大小有關(guān)。做動(dòng)畫(huà)要遵循運(yùn)動(dòng)規(guī)律讓動(dòng)畫(huà)更自然。
如下圖小球的彈跳，左側(cè)是無(wú)擠壓與拉伸的效果，右側(cè)是加入擠壓與拉伸后的效果，明顯右側(cè)更自然一些
從擠壓與拉伸的程度上，我們還可以看出物體的硬度，擠壓與拉伸的程度越明顯，物體越柔軟，反之，物體越硬,如下圖我們做一個(gè)夸張點(diǎn)的對(duì)比，可以看出右側(cè)小球硬度更高一些。
02.預(yù)備動(dòng)作(anticpation )
當(dāng)物體要發(fā)生運(yùn)動(dòng)或者人物要做動(dòng)作之前會(huì)有一個(gè)預(yù)備動(dòng)作，比如向前方扔?xùn)|西，一般都會(huì)抬手向后然后在向前；蛘呷嗽谔咧皶(huì)先下蹲發(fā)力，然后在高高跳起，做動(dòng)畫(huà)也是一樣，預(yù)備動(dòng)作可以讓用戶知道即將發(fā)生什么。例如下圖中的藍(lán)色小球會(huì)看起來(lái)更有活力和沖勁。
03.布局（staging）
staging是表演；展現(xiàn)；分階段進(jìn)行；籌劃的意思，我們可以理解為布局或者構(gòu)圖，例如看動(dòng)畫(huà)時(shí)，有些表達(dá)人物特性的畫(huà)面會(huì)靜止幾秒，有些場(chǎng)景素材過(guò)于復(fù)雜的地方會(huì)對(duì)突出的人物打聚光燈，來(lái)引導(dǎo)用戶的視覺(jué)走向。
04.連續(xù)與關(guān)鍵(straight & pose to pose)
我們可以理解成是兩種動(dòng)畫(huà)制作方法，第一種是連續(xù)，也就是根據(jù)連續(xù)的動(dòng)作逐一來(lái)制作每一幀的畫(huà)面；第二種叫做關(guān)鍵，也就是先制作好關(guān)鍵的動(dòng)畫(huà)，然后再制作關(guān)鍵動(dòng)畫(huà)之間的畫(huà)面。(連續(xù)與關(guān)鍵適用于手繪動(dòng)畫(huà)，而用AE或者一些動(dòng)畫(huà)軟件在制作時(shí)可以結(jié)合使用)舉個(gè)例子，比如你想做由于矩形逐步變幻成三角形的動(dòng)畫(huà)，如下圖
05.跟隨動(dòng)作與重疊動(dòng)作（follow through & overlapping）
跟隨動(dòng)作意思是動(dòng)作的一個(gè)延續(xù)性，比如人物戴著紅領(lǐng)巾向前跑然后停止，在停止的時(shí)候，紅領(lǐng)巾是向前飄動(dòng)的；重疊動(dòng)作是指人物在運(yùn)動(dòng)的時(shí)候身體的關(guān)節(jié)并不是同一時(shí)間開(kāi)始同一時(shí)間結(jié)束的，而是兩者有重疊，如果同時(shí)開(kāi)始和結(jié)束的話會(huì)很機(jī)械。
06.緩入緩出(slow in & slow out )
這個(gè)是最常用的動(dòng)畫(huà)法則，后面的動(dòng)畫(huà)曲線中也會(huì)詳細(xì)說(shuō)明這部分的，因?yàn)樗形矬w從靜止到開(kāi)始運(yùn)動(dòng)再到最后停止，都是一個(gè)逐步加速在逐步減速到停止的一個(gè)狀態(tài)，當(dāng)然機(jī)械物體的運(yùn)動(dòng)除外，比如傳送帶上的貨物，就屬于勻速運(yùn)動(dòng)。
07.動(dòng)作弧線（action arc）
人物運(yùn)動(dòng)時(shí)會(huì)受到骨骼的影響，會(huì)呈現(xiàn)弧線運(yùn)動(dòng)，如果是直線運(yùn)動(dòng)就會(huì)生硬很多，舉個(gè)例子
如果你看到了很明顯的區(qū)別，卻還是不知道為什么的話，我們來(lái)這樣看
是不是瞬間豁然開(kāi)朗
08.次要?jiǎng)幼鳎╯econdary action）
次要?jiǎng)幼魑覀兛梢岳斫鉃榧?xì)節(jié)，主要是點(diǎn)綴主要?jiǎng)幼鞯模热缬糜沂智瞄T(mén)，左手自然下垂，會(huì)給人感覺(jué)很放松，如果左手握拳會(huì)給人氣憤的感覺(jué)，如果眼睛四處張望看起來(lái)就比較像小偷，這里的左手和眼睛就屬于次要?jiǎng)幼鳎梢载S富主要?jiǎng)幼，但是不要太過(guò)，適當(dāng)即可。
09.節(jié)奏(rhythm)
節(jié)奏可以使畫(huà)面更有張力。有快有慢，有急速，有慢鏡頭，這些都可以使畫(huà)面充滿節(jié)奏感，很平均的畫(huà)面就會(huì)很機(jī)械。
10.夸張（exaggeration）
夸張是可以增加對(duì)用戶的吸引力的，和現(xiàn)實(shí)一模一樣不是最優(yōu)的選擇，合理的講動(dòng)畫(huà)夸張化往往可以呈現(xiàn)出更好的效果。（可以用擠壓與拉伸，加快或放慢等等）
11.實(shí)體圖（real figure）
可以理解為立體的形態(tài)，一個(gè)圓很平，但是立體的球就會(huì)有空間感，同時(shí)要保持畫(huà)面的平衡。
12.吸引力（apparl）
畫(huà)面有創(chuàng)新，獨(dú)特，可以讓用戶過(guò)目不忘，吸引力強(qiáng)
以上要合理的運(yùn)用才會(huì)達(dá)到最好的效果，不要機(jī)械的使用，說(shuō)完了動(dòng)畫(huà)法則，我們看一下動(dòng)畫(huà)曲線。
首先動(dòng)畫(huà)曲線有什么作用？在哪里可以調(diào)節(jié)呢？
動(dòng)畫(huà)曲線可以現(xiàn)實(shí)對(duì)象運(yùn)動(dòng)的仿真效果，比如加速運(yùn)動(dòng)、減速運(yùn)動(dòng)、勻速運(yùn)動(dòng)、自由落體等等；在圖表編輯器中為某個(gè)屬性添加動(dòng)畫(huà)時(shí)，可以在速度圖表中查看和調(diào)整動(dòng)畫(huà)曲線，從而影響對(duì)象的變化速率，使其更真實(shí)。
二、學(xué)習(xí)
1.動(dòng)畫(huà)曲線小知識(shí)
正式學(xué)習(xí)動(dòng)畫(huà)曲線之前我們先說(shuō)一個(gè)小知識(shí)
關(guān)鍵幀
時(shí)間軸上的關(guān)鍵幀會(huì)有一些不同的形狀，關(guān)鍵幀圖標(biāo)形態(tài)取決于關(guān)鍵幀之間的時(shí)間間隔的插值方法。當(dāng)圖標(biāo)的一半為深灰色時(shí)，顏色較深的一半表示這一側(cè)附近沒(méi)有關(guān)鍵幀，或者其插值由應(yīng)用于前一關(guān)鍵幀的定格插值所取代。
我們一起來(lái)看下有幾種圖標(biāo)類(lèi)型
讓我們來(lái)一一解釋，先看最簡(jiǎn)單的四個(gè)
圓形：
自動(dòng)貝塞爾曲線（對(duì)兩側(cè)速度不同的關(guān)鍵幀進(jìn)行柔和的連接）下面動(dòng)圖可以看出兩者的不同對(duì)比
正方形:
定格（硬性變化）在文字變換動(dòng)畫(huà)中常用
凹三角和凸三角都是停止關(guān)鍵幀，可以通過(guò)右鍵點(diǎn)擊切換保持關(guān)鍵幀來(lái)調(diào)整
凹三角是曲線關(guān)鍵幀轉(zhuǎn)換為停止關(guān)鍵幀后的狀態(tài)；凸三角是普通線性關(guān)鍵幀轉(zhuǎn)換為停止關(guān)鍵幀后的狀態(tài)
了解了關(guān)鍵幀之后我們來(lái)看看速度曲線與值曲線
三、動(dòng)畫(huà)曲線
最后我們來(lái)學(xué)習(xí)下動(dòng)畫(huà)曲線，動(dòng)畫(huà)曲線可以分為：線性動(dòng)畫(huà)，緩入動(dòng)畫(huà)，緩出動(dòng)畫(huà)，緩入緩出動(dòng)畫(huà)，我們逐一來(lái)舉例說(shuō)明
1.線性動(dòng)畫(huà)（linear）
動(dòng)畫(huà)從開(kāi)始到結(jié)束一直是同樣的速度運(yùn)動(dòng)，也就是勻速直線運(yùn)動(dòng)，看起來(lái)不是很自然，例如現(xiàn)實(shí)生活中的傳送帶就是勻速直線運(yùn)動(dòng)。
2.緩入動(dòng)畫(huà)(ease-in) -加速運(yùn)動(dòng)
動(dòng)畫(huà)的速度先慢后快，動(dòng)畫(huà)曲線先是陡峭再平緩，例如現(xiàn)實(shí)生活中汽車(chē)啟動(dòng)，但是緩入動(dòng)畫(huà)會(huì)在速度最快的時(shí)候停止，會(huì)很突然，有點(diǎn)像被磁鐵吸住的感覺(jué)。
3.緩出動(dòng)畫(huà)（ease-out）-減速運(yùn)動(dòng)
與緩入動(dòng)畫(huà)正好相反，緩出動(dòng)畫(huà)的速度先快后慢，例如現(xiàn)實(shí)生活中汽車(chē)慢慢停止
4.緩入緩出動(dòng)畫(huà)(ease-in-out )
速度由慢變快再變慢，例如現(xiàn)實(shí)生活中的汽車(chē)啟動(dòng)加速到停止。但是默認(rèn)的F9對(duì)于實(shí)際效果來(lái)講并不夠，還需要我們把對(duì)比調(diào)節(jié)的更強(qiáng)，如下圖我們可以看到調(diào)整前后的不同節(jié)奏感。
四、總結(jié)
單純的線性動(dòng)畫(huà)與緩入動(dòng)畫(huà)和緩出動(dòng)畫(huà)并不太符合正常的運(yùn)動(dòng)規(guī)律；當(dāng)緩入緩出動(dòng)畫(huà)相互結(jié)合時(shí)才會(huì)更符合正常的運(yùn)動(dòng)規(guī)律，但是時(shí)間上的掌握也是需要慢慢琢磨的，希望此篇文章可以給你帶來(lái)一些啟發(fā)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。