種籽分享會 | 神圖何必問出處，自繪表情無絕路

如今你的日常聊天中最不可或缺的是什麼？段子？套路？不！是表情包！回想一下兩個月前，微信收藏里沒有幾隻皮皮蝦簡直都沒法聊天了。

然而你是否遇到過特定的情境，翻遍300個收藏都找不到燈火闌珊下那個最合適的表情來表達你此刻的心情？種籽君為你想到了一個一步到位的終極解決方案：自己做一套表情包。作為高大上的藝術組織，我們當然不會止步與「皮皮蝦」這樣的靜止表情——動起來才是表情包的靈魂所在。那麼如何才能讓表情包動起來？

在萬能的植物園裡我們邀請了一位表情包藝術家，以表情包為切入點給你們介紹一些動畫的入門基礎知識。也許看完了今天的文章，你不僅能學會做自己的表情包，還能邁出製作自己動畫的第一步。

舉個栗子

這樣一個短短數秒的循環動圖，實際上是由很多張圖片快速播放組成的。比如上面這個表情，拆分成圖片足足有25張，是不是有點出乎意料？

那想想宮崎駿的那些長篇動畫電影，難道都是一張張手繪出來的嗎？答案是：「是！」

先談談動圖動畫的原理。動畫的原理，和電影是一樣的。利用人類「視覺暫留」的特性：人的眼睛看到一幅畫或一個物體后，在0.34秒內不會消失。因此在一幅畫的視覺暫留還沒有消失前播放下一幅畫，就會給人造成一種流暢的視覺變化效果。早在19世紀就有很多利用這個原理的動畫玩具了。

幻影轉盤

（thaumatrope，也譯作"西洋鏡"）

一位來自墨爾本藝術家elliot Schultz也利用這一原理製作了一系列作品。他通過在光碟上刺繡，再在一系列標準的唱機轉盤上播放，創作了他的刺繡動畫系列作品。

走馬燈（zoetrope）

二維走馬燈

在立體走馬燈的第一張動圖中我們可以看到一開始的轉盤是模糊一片的，後來之所以能形成動畫圖像，是使用了頻閃燈打光的原因。在電影《驚天魔盜團》中讓雨滴停下來的魔術師使用的也正是這個原理。

手翻書（flipper book）

當年種籽君上國小的時候也經常在課本上畫上一系列的小人，想想難道我是個潛藏的動畫大師？

由此我們可以引入「幀」的概念。通常如果動畫1秒鐘播放了24張圖片，我們就說這個動畫是24幀的。鑒於實際上是用連續的靜圖來製造齣動畫效果，動畫某種意義上意味著時間和空間的轉換關係。幀與幀間的時間間隔是固定的，利用位移和空間變化來體現運動。

Disney動畫大師格里穆.乃特維格說：「動畫的一切皆在於時間點和空間幅度」。

在任何動畫軟體中，首先會有一條時間軸。以最簡單的硬幣運動為例：

由於幀與幀之間的時間間隔是相同的，上一副圖中的硬幣播放出來將會是勻速運動，下一副則是慢起-快-慢停。一般後者更符合現實規律——想想當你跑步的時候也總是有一個從靜止逐漸加速的過程，而在你停下來之前，你也會逐漸慢下來。

再看看最開始的那個表情：

這7張是表情包前面的部分。在第一張和最後三張中可以看到幀於幀之間的動作幅度相對較小，中間的第二、三、四張中幀於幀之間的動作差異很大。這正是類似於硬幣的慢-快-慢在實際動作中的一個應用。

有趣的是，當我們確定一個動作有25幀時，我們會按照從1到25來繪製這些圖片嗎？答案是否定的。在這25幀中，有那麼幾張是關鍵的圖片，我們稱之為關鍵幀。通常他們指的是動作的結點或者轉折的那幾張。也就是說，基本上有了關鍵幀我們就能看到大體的動作樣式了。

而在繪製的時候往往是先繪製這些關鍵幀再補充中間的過渡幀。比如一個9幀的動作，通常可能的作畫順序會是1、9、5、3、7……

比如在我的表情里，最後抖錢的動作的作畫順序會是像下圖這樣的：

首先畫出最左和最右的兩個位置，然後畫出中間位置，最後補齊所有的幀。

具體到一個表情的設計或者是具體的動作設計的過程是什麼樣的呢？可以看看下面的動圖：

草稿——動作設計

在實際畫這個表情之前，我找了找已經有的「買買買」都是什麼樣的：

其實在動畫製作中有很多「動作設計」和「表演」的成分——如何恰當地通過肢體和表情恰當地傳遞角色的情緒。這裡面有不少講究和門道。比如在了解了大多數的「買買買」是什麼樣的以後，我設計了一個動作並錄製了視頻。參考著視頻就畫出了這個動圖草稿。在草稿中其實是沒有最後甩錢的動作的。這使得整個動作節奏非常平均。

而實際上一個優秀的動作通常有一些小技巧來加強動作本身給人帶來的感受，比如畫一個跳躍的人。

在起跳之前會設計一個下蹲的動作，讓整個跳起的動作看上去更有力度。而在落地站起來之間，則也有一個緩衝的動作，讓人感覺最終站得更穩。

就好像在遊戲怪物獵人中的動作設計，一旦有一個蓄力的過程，後來的動作看上去就更有打擊感。

因此在下一版本的草稿中設計了一個新的「甩錢」的動作作為收尾。

這一步的草稿基本上符合了我想要的設計效果。

有趣的是不同於電影的先拍攝后剪輯，動畫往往是先確定所有的鏡頭的——繪製成成片的成本非常高。這也就是為什麼這個表情包里在畫最後的上色稿之前我會先畫一個動作草圖。

確定了動作后就是描線和上色了：

其實如今製作動畫的手段多種多樣，有定格動畫，3d動畫等等。最重要的不是製作動畫的手段，而是有趣的設計。你可以拿起身邊的鉛筆和橡皮，擺幾個動作做一個小的定格片段；可以在筆記本上畫一個火柴小人，重拾手翻書的樂趣；可以拍下身邊朋友出糗的小片段描下來串在一起。相信當你開始體會到給靜止的東西賦予生命，讓它動起來的樂趣之後，就已經邁出了你在動畫里的第一步啦！

參考文獻：《原動畫基礎教程》——動畫人生存手冊 理查德.威廉姆斯 青年出版社

本文作者：種籽君植物園 Helen

以上就是種籽君植物園大咖Helen為我們分享的表情包藝術。

最後如果你喜歡遊戲、熱愛藝術，想知道這些有趣行業內的八卦趣聞，就加入種籽君的植物園吧~

往期種籽君大咖分享回顧：

如果你也熱愛遊戲，是個很會玩兒的人，可以點擊最下「閱讀原文」進入種籽君的官網，現在還有課程「角色設計面授課」「場景設計面授課」「3D角色面授課」「動作設計面授課」「VR開發與應用面授課」免費預約試聽等你來體驗！

來呀，和種籽君一起搞事情吧

往這兒懟

▽