如何做一部刷屏H5動畫？「工作殺了我」作者親述與網易合作過程

本文首發於微信公眾號「動畫學術趴」，未經許可請勿轉載。

隨著技術的普及，刷屏的文章形式也多樣化，H5、小視頻都成為了最火爆的載體。而近日，小趴的朋友圈中也出現了這麼一個有趣的H5動畫——《我覺得我的工作想殺了我——你的工作焦慮已上線》，它的主角是一隻知名的羊駝——網易野生內容官王三三。

是的，王三三就是他↑↑

（此gif也是由今天介紹的動畫人做的哦！）

這個H5動畫以極其簡單的畫面與詼諧的場景描述了身處職場中的焦慮感，絕對引起你的共鳴。（沒有看過的同學可以點擊觀看或者掃描以下的二維碼！！）

aHR0cDovL2JpdC5seS8yeEFKU095 (二維碼自動識別)

那麼完成這樣一個動畫背後需要如何更好完成客戶的需求？如何展現齣動畫的主題？動畫學術趴特地邀請到幕後作畫者陳女不，她將與大家分享刷屏動畫背後那些不為人知的細節。

講述人：陳女不

陳女不，原名陳娟娟，畢業於安徽師範大學動畫專業，從事原畫和動畫設計7年，2016年創立玩瞳動畫工作室，目前是一位做動畫的家庭煮婦~

‖ 創作主題 ‖

職場中的人們在工作時常伴有各種焦慮感，這支動畫由三個片段組成，主題分別為拖延症、（老闆）洗腦、推鍋，將工作中常見的三種現象，通過象徵性的道具和行為直接呈現出來，期望達到一種荒誕的幽默感。

動畫中每個細節都好熟悉

動畫中主角的名字叫「王三三」，這是我為他繪製的第三支短片。

今年4月份，受行業前輩蔡博叔的引薦，為網易新聞旗下品牌部主編形象「王三三」創作符合其角色設定的動畫。

工作室為王三三的第一部宣傳動畫

點擊觀看短片

答應邀約之後，我也陷入焦慮中，因為主角雖然具有人類與動物的雙重屬性，但總體性格設定更趨向於人類。在動畫表現上，主角的表演方式更多的是成人化，動作上除了需要含蓄和點到為止，又需要一些神經質的感覺，還要透露出一些黑色幽默的感覺。

工作室為節目《談笑風生王三三》製作的8秒片頭動畫

我這邊之前製作的動畫項目比較「外向」，以誇張化的童趣表演方式為主。

點擊觀看陳女不之前的動畫作品《松鼠醫生》

所以在這支動畫的創作過程中，常常會焦慮這個問題——動畫中表現出來的「王三三」是客戶心中的「王三三」嗎?

‖ 溝通細節 ‖

與以往的動畫項目不同，這次客戶給到的劇本文案比較詳細，接近文字分鏡腳本，從每個鏡頭的構成元素到需要什麼動作，甚至一些鏡頭的銜接方式，客戶以文字的形式做了非常具體的說明和要求。

點擊觀看動畫幕後：通過溝通，每個環節都有變化

有了這個前提，與客戶在繪製分鏡腳本之前的溝通變得非常有效，甚至細節部分也可以得到基本確定，作為製作方，我這邊主要是執行客戶的想法。理想的狀態是，在動畫執行過程中，原封不動的按照文字敘述去表現，那麼基本可以不用修改的完成一個項目。

但實際的狀況是，在語音溝通過程中，由於部分理解偏差，直接導致第一輪靜態分鏡草稿完成後，客戶會反饋有一些不符合心中的設定。於是在之後的一到兩天中，每一次的溝通的目的是否定之前的部分創意。

作為製作方，這裡的工作重心在於重新提供更加優秀的方案；原畫設計階段的溝通，目的在於補充動作表演不夠充分的地方，另外有一些藝術設計薄弱的地方需要再一次加強；進入動畫製作階段，這是製作方用時最長、發揮主觀性最多的環節，這此溝通的目的主要針對遺漏的小細節（包括穿幫、特效）和節奏部分進行調整，這個環節完成後，就可以愉快的將成片交給聲音設計者，後期的溝通主要是配合聲音設計做一些鏡頭時長的增減。

總體看來，這支動畫在不斷改進的過程中越來越完善，這期間當然需要客戶和製作方的積極配合和互相理解，項目每推進一個環節，意味著修改前一個環節的內容，會產生試錯成本，可能會增加製作周期和製作費用，所以在實際製作過程中，盡量在前期將想法確定。

《工作殺了我》這支動畫比原先預計的製作周期要長，這中間出現了一些小插曲，並刪除了一些原有的設定，但好在通過雙方的努力和不斷的溝通，最終趕在上線之前完成。

動畫截圖

所以與客戶之間的信任關係是第一位的，沒有這個前提，項目會進行的很艱難，最後即使勉強完成了，雙方卻都不滿意。

‖ 創作過程 ‖

這支動畫的主角由客戶已經設定完成，我這邊主要執行動畫製作的環節。

在項目進行之初，由於客戶提供的劇本文案是先後提供給我的，所以實際製作過程是三個短片穿插進行的，即第一個項目進入原畫設計階段，同時開始另外兩個動畫的分鏡腳本設計階段，這期間根據第一個動畫的原畫設計和後兩個動畫的分鏡腳本進行初版音樂的設計。當第一個動畫製作完成時，其他兩個動畫進入原畫設計，最後等三個片子的動畫一起完成時，再開始進入整體片尾的落版動畫設計中。基本上是邊摸索著邊進行，整個項目持續了一個半月左右，有點拖延症哦~哈哈

動畫截圖

由於客戶想要簡筆畫的質樸風格，所以動畫部分以Flash逐幀手繪動畫為主。整支動畫是由Flash和AE兩種軟體分工併合作完成的，Flash負責分鏡繪製、原畫設計和動畫製作，AE則是特效添加和後期合成，為了避免Flash動畫的刻板印象——生硬和機械感。這裡的動畫大部分一拍二，部分特效希望達到更加流暢的效果，會採用一拍一的去繪製中間畫。

為了讓主角的表演具有黑色幽默感，動畫設計上作了兩個處理，第一是嘗試著盡量減小動作幅度，卻增加動作的中間動畫幀，這樣的處理，讓動作具有異常平靜的反差感；第二是當角色停止動作時，這裡借鑒了傳統動畫的技法，即將停止POSE描摹一張，一拍二，這樣即使在停止的情況下，動畫仍然也是微動的，如此看起來角色在鏡頭中會更加生動。

‖ 效果呈現 ‖

感謝所有參與的人，畫面最終的呈現效果有一點神經質的感覺，比我想像中的要好一些，因為第一次做這種類型的動畫，一直不太敢確定最終會是怎樣，不過當我看到Dylan(Muff sound工作室的小夥伴，負責本次聲音設計）做好聲音的版本時，我覺得很有趣。

客觀來說，如果需要對這個動畫挑毛病的話，從動畫的美感呈現上來說，部分鏡頭的藝術設計可能要再努力一下，雖然整體以線條為主，但稍不注意也會顯得簡陋，之後有動畫項目，我希望可以邀請到一位專業的藝術指定來合作，嗯，這次分享就到這裡吧~感謝學術啪啪啪~

王三三動畫和形象版權歸網易傳媒科技（北京）所有

看完陳女不的介紹，你一定有所收穫。一部好的商業動畫製作註定要在溝通上下功夫，相信看完本文你也會對這些流程有了新的看法，別忘了留言和我們分享！（沒有看過這個H5的同學可以點擊觀看或者掃描前文的二維碼哦！）

今天的文章就到這了，如果你也發現了好的新聞線索或者好的故事，如果你有精彩的作品想要推廣，請聯繫學術趴三叔叔（微信號：xsp_sss），可能下一個亮相學術趴的就是你哦！

本文首發於微信公眾號「動畫學術趴」，未經許可請勿轉載。動畫學術趴是國內動畫領域最具影響力的深度媒體和愛好者社區。