如何賦予動畫“視覺衝擊力”

前言

在動畫設計中，如何把畫面做的很有視覺衝擊力，是挺有難度的一件事，很考驗動畫的功底。

可能有不少童鞋能看出動畫的視覺衝擊力不夠，知道有問題，但不知道應該如何去改進和細化。

對此，我把自己的一些心得和經驗做了一些總結，來聊聊如何賦予動畫“視覺衝擊力”，讓動畫更具吸引力。

我將從“基、形、核”三個層面去聊塑造“視覺衝擊力”的技巧。

提供了影片版講解，點選小程式可觀看。

一、

視覺衝擊之“基”

先來看視覺衝擊力的“基”，也就是它的基礎，基石。

在做動畫之前，我們一定會有一個基礎的構思和設計，它的畫面大概是什麼樣子的？動畫大概是怎麼運動的？

這個基礎的畫面和動畫構思，決定了你接下來能呈現出多大的能量，是大到宇宙爆炸，還是小到一個火花？

如果這個基礎的構思和設計上，本身就沒什麼衝擊力，本身就平平無奇，又何談去塑造動畫的衝擊力呢？

它決定了後面的動畫視覺衝擊力的發揮空間，是一切的根基和前提，所以是“基”。

它由很多因素決定，比如它講了一個什麼樣的故事，表達了什麼樣的情感，分鏡指令碼是如何設計的等等

不過這些前期的策劃和設定、想法上的東西討論起來題目就太大了。

我們只討論動畫上、設計上，可以從哪些方面去打好視覺衝擊力的基礎。

1。

運鏡

運鏡，就是指鏡頭的運動。

攝像機其實就是人的眼睛，它引導著觀眾的視線。

它就像是一個觀光纜車一樣，帶領著觀眾進入動畫中的世界。

所以，相比安靜穩定的運鏡，一個炫酷的，不斷變化的運鏡能夠給觀眾帶來更刺激震撼的視覺體驗。

運鏡上可以玩的花樣是很多的，比如盤旋環繞、翻轉、快速推拉等等，都是一些很有視覺衝擊力的運鏡手法。

2。

視角

視角，就是相機的觀察角度，畫面的景別、構圖。

不同的觀察視角，給人的感官是完全不同的，也就是所謂“

橫看成嶺側成峰，遠近高低各不同

”

下面我們就來列舉一些，比較有視覺衝擊力的視角：

（1）大廣角

也就是比較廣的視角，大全景。

這種視角看起來很大氣，也很有視覺張力。

而即便是同樣的大全景視角，觀察角度細節上的差異也會影響視覺衝擊力。

比如我們看下面這段動畫：

我們從這段動畫中擷取不同時間點的兩張圖來對比下，看看哪張圖視覺衝擊力更強？

顯然，右邊的圖相比左邊視覺衝擊力要更強一些，因為左圖視野相對較窄，遠景露出的比較少。而右圖的視野能看到更多遠景的建築，看上去場景要更加開闊，所以視覺衝擊力更強。

（2）

特寫

特寫視角，展現畫面的區域性。

與大廣角剛好是一大一小兩個極端。

特寫視角也是產品廣告中使用頻率非常高的視角，具有很強的視覺表現力。

（3）

獨特視角

獨特視角，就是指在日常生活中很難見到、很少見到的角度。

因為它是一種觀眾可能從未看到過的、嶄新的視角體驗，所以出現之後會讓人眼前一亮，帶來很強的視覺衝擊。

比如動畫電影《蜘蛛俠：平行宇宙》中，蜘蛛俠在城市中穿梭的一些鏡頭，視角、構圖設計的就非常獨特，讓人印象深刻。

3。

節奏

利用剪輯的節奏賦予鏡頭感染力。

視覺衝擊力強的剪輯節奏，通常是節奏較快，節奏變化豐富的。

蘋果7釋出時，出過一個叫《別眨眼》的快閃廣告。內容主要就只是一些文字，但是透過剪輯的節奏，和音樂的踩點，同樣能夠帶來很強的視覺衝擊力。

現在看雖然已經不足為奇了，但當時是很火的，引起了很多廣告的模仿。

剪輯節奏是動畫最基本的技巧，很考驗動畫功底。

要想讓動畫很有視覺衝擊力，首先就要把"基"給打好。

先從最根本的地方去最佳化，才能解決最根本的問題。

二、

視覺衝擊之“形”

“形”，就是表現形式，是表現視覺衝擊力的一些常用技法。

如果說“基”是把控大方向，那麼“形”就是打磨具體的細節。

“形”主要是從人們的生活常識、日常經驗中總結出的一些視覺效果。人們看到這些效果，就會自然而然的感覺到有力量感、有衝擊力。

1、

衝屏

衝屏是指元素衝向螢幕，或從螢幕前掠過。

這種手法給人一種物體衝到了眼前的感覺，離自己很近，所以帶入感很強。

在一些破碎、爆炸的動畫中，經常會用到這樣的手法，讓炸開的碎片衝向鏡頭，看起來就會很有帶入感和視覺震撼。

2、

抖動

力量的衝擊會造成鏡頭或物體本身的抖動。

這種震動、抖動的效果，能夠很直觀的表現出力量感。

它可以讓人直觀的感受到，強烈的力量衝擊造成的不穩定感。

如果沒有這種震動效果的話，動畫就會看起來不夠激烈。

3、

鏡頭畸變

鏡頭畸變是攝影成像中的一種透視失真的現象。

而在設計中，它是一種比較常用的藝術化處理手法。

這種誇張的變形扭曲效果，能夠增強畫面的透視感。

4、

曝光

曝光就是光亮度的爆發，讓整個畫面變得很亮。

這種充滿畫面的光感，直接簡單粗暴的用強光給人生理上的視覺刺激。

5、

氣浪扭曲

氣浪扭曲是模擬強烈的能量衝擊造成的空氣扭曲效果。

比如生活中常見的火焰燃燒產生的視覺扭曲現象。

《權力的遊戲》片頭中，就用到了這樣的熱浪扭曲效果，看上去非常有能量感。

或者是這種更加劇烈的，像衝擊波一樣擴散的效果。

6、

色散

色散是模擬螢幕產生的紅綠藍色彩分離現象。

它是一種視覺衝擊力很強的風格化效果。

7、

跳閃

指在動畫中插入一些一閃而過的畫面。

因為速度太快，已經看不到中間過程了，所以叫跳閃。

這些畫面可能只會出現一兩幀，但卻是讓畫面具有視覺衝擊力的重要細節。

跳閃跟前面說的色散，都是視覺衝擊很強的故障風效果的主要元素。

8、

運動模糊

模擬物體快速運動產生的運動模糊效果。

能直觀的表現出速度感。

在2D風格的動畫中，還經常會用速度線的形式來表現運動模糊和速度感。

9、

組合運用

很多時候，會同時用到以上表現形式中的多種效果，透過這些豐富的細節，讓動畫擁有更強的視覺衝擊力。

我們可以看一下下面幾個動畫裡面都用到了哪些表現效果：

比如這裡用到的比較明顯的就有抖動、曝光、氣浪扭曲、運動模糊和色散

而這個用到的更多，抖動、曝光、氣浪扭曲、運動模糊、色散、鏡頭畸變、衝屏都有，也就是說除了跳閃，其他都用上了，所以細節看上去非常豐富。

當然，實際製作中，我們要根據專案的具體情況和需求去做取捨，並不是說效果加的越多就一定是越好的。

三、

視覺衝擊之“

核

”

“核”，就是動畫設計的一些核心、原理。

是一些與視覺衝擊力相關的重要設計原理、動畫理論。

理解了“核”，才能對動畫知其然，更知其所以然。

1。 對比反差

動畫首先是要基於平面視覺的，所以我們不能脫離畫面、視覺上的設計，只單獨去聊動畫。

在平面設計中，對比反差是一個非常重要的設計理論，也是塑造視覺衝擊力的重要方法。

接下來我們來看一些常用的對比技巧。

（1）

明暗對比

明暗、亮度的對比。

怎麼去表現一個光很亮？不是去把整個畫面塗白，而是要把它的暗部壓的更黑，才能對比出光的明亮。

就像在極致的黑暗中亮起的光，才是最顯眼的。

在2D風格動畫中，為了拉開這種對比，有時候不僅是把暗部壓暗，甚至會把除畫面亮光的其他部分直接塗黑，塑造更強烈的明暗對比和視覺衝擊。

（2）

大小對比

比如電影《流浪地球》的片尾設計，就大量使用了大小對比的手法。

把地球做的很小，而地球之外的場景元素放的很大，佔滿螢幕，形成強烈的大小對比，所以給人的視覺衝擊很強。

（3）

色彩對比

色彩的冷色與暖色的對比，比較經典的像美劇《美國眾神》的片頭。

整條片子都是強烈的冷暖色彩對比，讓人印象非常深刻。

（4）

速度對比

跟動畫緊密相關的對比就是速度的對比了。

比如讓速度從快速運動到變成慢動作，也就是我們常說的子彈時間。

這也是動畫中屢見不鮮的表現手法了。

我們可以再看一些MG動畫中的速度節奏運用，感受一下速度對比所具有的力量感和表現力。

2。

蓄力與爆發

力量在爆發之前，往往會有一個蓄力的過程。

也就是經典的迪士尼十二動畫法則中的“預備動作”。

比如這個盒子在爆炸前，有一個激烈抖動、變形的蓄力過程，這樣就讓後面的爆炸看上去順理成章。同時也給後面的爆炸積蓄了能量，讓最後爆炸的那一刻更有衝擊力。

如果我們把這個蓄力的過程去掉的話，後面的爆炸看起來就會炸的非常突兀，一點準備都沒有就突然爆炸了。

雖然爆炸的特效還是一模一樣，但整體給人的視覺衝擊力就要弱了很多。

爆發前的蓄力，作用是非常巨大的。

力量的不斷積蓄，讓人感覺到它將要發生些什麼變化了，就有了心理預期和刺激感。

就像電影裡面炸彈倒計時一樣，最緊張刺激的往往不是最後爆炸的那一下，而是即將爆炸前的最後讀秒。

正是有了前面的不斷蓄積和鋪墊，才能在最後爆發時，讓視覺衝擊力達到最高峰。

3。

影響與反饋

怎麼去表現速度很快、力量很強這些比較抽象的東西？

如果只是把本身的速度調的很快，動作幅度做的很大，仍然是不夠直觀的。

它需要用一些其他的東西去從側面體現。

比如這段動畫中，為了表現打鬥的力量感，兵刃交接時會迸發強烈的刀光和氣流，而草地受到戰鬥的波及，被切割出巨大的空地，以及被劍帶出去的葉子等等。

利用動畫中的元素受到力量影響而產生的反饋，來表現出動畫的力量感。

這就是“影響與反饋”。

下面這段打鬥動畫也是一樣的，迸發的刀光，氣流，被氣浪衝擊飛濺的雨水，被氣浪壓彎的草。

甚至裡面有一個很誇張的細節設計：兩人的打鬥產生的衝擊，讓正在下的大雨都停止了。

再來看這段揮刀動畫的設計，在刀上纏繞了強烈的氣流，還有刀產生的扭曲變形，讓這個揮刀動作看起來非常的有力量。

正是透過這些細節上的“影響與反饋”，讓動畫看上去很有力量感和視覺衝擊力。

如果說，這些CG動畫本身畫面就比較豐富，即使少了些這些細節，畫面表現力可能也還尚可。

那麼在MG動畫中，因為畫面本身簡單很多，這些“影響與反饋”的技巧就尤為重要了。

它給動畫帶來的提升會更加的直觀和明顯。

比如這個小球的奔跑動畫。背後快速流動的煙霧，奔跑時身體的前傾和變形，身上不斷波動的蓄力感等等，這些細節讓小球的奔跑看起來非常迅速，有力量感。

再來看這個小球撞擊方塊的動畫。

方塊受到撞擊的影響，給了變色和擴散的反饋；在動畫力量最強的那一下，讓整個畫面都亮了一下。

小球本身撞擊過程中會有變形拉長的效果，身後的拖尾也因為速度快慢的變化，而產生長短的變化。

這些細節的刻畫讓動畫看起來非常的生動。

最後看這個打鬥的動畫，主角只是一個圓和一個方塊，卻營造出了一種劍拔弩張的激烈打鬥感。

這個就留給大家做思考題吧，可以分析一下它添加了哪些影響與反饋的細節？讓這個畫面很簡單的動畫，

卻表現出了很強的視覺衝擊力。

提示一下，不僅只是“影響與反饋”，前面所講的其他賦予視覺衝擊力的技巧和方法，在這裡面也用到了一部分哦~

結語

視覺衝擊力的“基、形、核”三個層面中，“形”的層面最容易理解和掌握，因為只是一些技法的運用。

“基”的層面好理解，但是要掌握運用好，需要長期的積累，只能多看和多做來提升。

“核”的層面要深刻理解以及運用的話，都是比較有難度的。一定要結合實際創作去理解它，平時可以刻意的去運用一下這些手法，並且要多看一些好的作品，分析它是怎麼去處理的。