如何做一部刷屏H5動(dòng)畫？「工作殺了我」作者親述與網(wǎng)易合作過程
來源：動(dòng)畫學(xué)術(shù)趴（公眾號ID：babblers）
作者：陳女不
本文經(jīng)授權(quán)發(fā)布，轉(zhuǎn)載請聯(lián)系作者
隨著技術(shù)的普及，刷屏的文章形式也多樣化，H5、小視頻都成為了最火爆的載體。而近日，小趴的朋友圈中也出現(xiàn)了這么一個(gè)有趣的H5動(dòng)畫——《我覺得我的工作想殺了我——你的工作焦慮已上線》，它的主角是一只知名的羊駝——網(wǎng)易野生內(nèi)容官王三三。
是的，王三三就是他↑↑
（此gif也是由今天介紹的動(dòng)畫人做的哦?。?/span>
這個(gè)H5動(dòng)畫以極其簡單的畫面與詼諧的場景描述了身處職場中的焦慮感，絕對引起你的共鳴。
那么完成這樣一個(gè)動(dòng)畫背后需要如何更好完成客戶的需求？如何展現(xiàn)出動(dòng)畫的主題？動(dòng)畫學(xué)術(shù)趴特地邀請到幕后作畫者陳女不，她將與大家分享刷屏動(dòng)畫背后那些不為人知的細(xì)節(jié)。
講述人：陳女不
陳女不，原名陳娟娟，畢業(yè)于安徽師范大學(xué)動(dòng)畫專業(yè)，從事原畫和動(dòng)畫設(shè)計(jì)7年，2016年創(chuàng)立玩瞳動(dòng)畫工作室，目前是一位做動(dòng)畫的家庭煮婦~
‖ 創(chuàng)作主題 ‖
職場中的人們在工作時(shí)常伴有各種焦慮感，這支動(dòng)畫由三個(gè)片段組成，主題分別為拖延癥、（老板）洗腦、推鍋，將工作中常見的三種現(xiàn)象，通過象征性的道具和行為直接呈現(xiàn)出來，期望達(dá)到一種荒誕的幽默感。
動(dòng)畫中每個(gè)細(xì)節(jié)都好熟悉
動(dòng)畫中主角的名字叫“王三三”，這是我為他繪制的第三支短片。
今年4月份，受行業(yè)前輩蔡博叔的引薦，為網(wǎng)易新聞旗下品牌部主編形象“王三三”創(chuàng)作符合其角色設(shè)定的動(dòng)畫。
工作室為王三三的第一部宣傳動(dòng)畫
答應(yīng)邀約之后，我也陷入焦慮中，因?yàn)橹鹘请m然具有人類與動(dòng)物的雙重屬性，但總體性格設(shè)定更趨向于人類。在動(dòng)畫表現(xiàn)上，主角的表演方式更多的是成人化，動(dòng)作上除了需要含蓄和點(diǎn)到為止，又需要一些神經(jīng)質(zhì)的感覺，還要透露出一些黑色幽默的感覺。
工作室為節(jié)目《談笑風(fēng)生王三三》制作的8秒片頭動(dòng)畫
我這邊之前制作的動(dòng)畫項(xiàng)目比較“外向”，以夸張化的童趣表演方式為主。
陳女不之前的動(dòng)畫作品《松鼠醫(yī)生》
所以在這支動(dòng)畫的創(chuàng)作過程中，常常會焦慮這個(gè)問題——?jiǎng)赢嬛斜憩F(xiàn)出來的“王三三”是客戶心中的“王三三”嗎?
‖ 溝通細(xì)節(jié) ‖
與以往的動(dòng)畫項(xiàng)目不同，這次客戶給到的劇本文案比較詳細(xì)，接近文字分鏡腳本，從每個(gè)鏡頭的構(gòu)成元素到需要什么動(dòng)作，甚至一些鏡頭的銜接方式，客戶以文字的形式做了非常具體的說明和要求。
動(dòng)畫幕后：通過溝通，每個(gè)環(huán)節(jié)都有變化
有了這個(gè)前提，與客戶在繪制分鏡腳本之前的溝通變得非常有效，甚至細(xì)節(jié)部分也可以得到基本確定，作為制作方，我這邊主要是執(zhí)行客戶的想法。理想的狀態(tài)是，在動(dòng)畫執(zhí)行過程中，原封不動(dòng)的按照文字?jǐn)⑹鋈ケ憩F(xiàn)，那么基本可以不用修改的完成一個(gè)項(xiàng)目。
但實(shí)際的狀況是，在語音溝通過程中，由于部分理解偏差，直接導(dǎo)致第一輪靜態(tài)分鏡草稿完成后，客戶會反饋有一些不符合心中的設(shè)定。于是在之后的一到兩天中，每一次的溝通的目的是否定之前的部分創(chuàng)意。
作為制作方，這里的工作重心在于重新提供更加優(yōu)秀的方案；原畫設(shè)計(jì)階段的溝通，目的在于補(bǔ)充動(dòng)作表演不夠充分的地方，另外有一些藝術(shù)設(shè)計(jì)薄弱的地方需要再一次加強(qiáng)；進(jìn)入動(dòng)畫制作階段，這是制作方用時(shí)最長、發(fā)揮主觀性最多的環(huán)節(jié)，這此溝通的目的主要針對遺漏的小細(xì)節(jié)（包括穿幫、特效）和節(jié)奏部分進(jìn)行調(diào)整，這個(gè)環(huán)節(jié)完成后，就可以愉快的將成片交給聲音設(shè)計(jì)者，后期的溝通主要是配合聲音設(shè)計(jì)做一些鏡頭時(shí)長的增減。
總體看來，這支動(dòng)畫在不斷改進(jìn)的過程中越來越完善，這期間當(dāng)然需要客戶和制作方的積極配合和互相理解，項(xiàng)目每推進(jìn)一個(gè)環(huán)節(jié)，意味著修改前一個(gè)環(huán)節(jié)的內(nèi)容，會產(chǎn)生試錯(cuò)成本，可能會增加制作周期和制作費(fèi)用，所以在實(shí)際制作過程中，盡量在前期將想法確定。
《工作殺了我》這支動(dòng)畫比原先預(yù)計(jì)的制作周期要長，這中間出現(xiàn)了一些小插曲，并刪除了一些原有的設(shè)定，但好在通過雙方的努力和不斷的溝通，最終趕在上線之前完成。
動(dòng)畫截圖
所以與客戶之間的信任關(guān)系是第一位的，沒有這個(gè)前提，項(xiàng)目會進(jìn)行的很艱難，最后即使勉強(qiáng)完成了，雙方卻都不滿意。
‖ 創(chuàng)作過程 ‖
這支動(dòng)畫的主角由客戶已經(jīng)設(shè)定完成，我這邊主要執(zhí)行動(dòng)畫制作的環(huán)節(jié)。
在項(xiàng)目進(jìn)行之初，由于客戶提供的劇本文案是先后提供給我的，所以實(shí)際制作過程是三個(gè)短片穿插進(jìn)行的，即第一個(gè)項(xiàng)目進(jìn)入原畫設(shè)計(jì)階段，同時(shí)開始另外兩個(gè)動(dòng)畫的分鏡腳本設(shè)計(jì)階段，這期間根據(jù)第一個(gè)動(dòng)畫的原畫設(shè)計(jì)和后兩個(gè)動(dòng)畫的分鏡腳本進(jìn)行初版音樂的設(shè)計(jì)。當(dāng)?shù)谝粋€(gè)動(dòng)畫制作完成時(shí)，其他兩個(gè)動(dòng)畫進(jìn)入原畫設(shè)計(jì)，最后等三個(gè)片子的動(dòng)畫一起完成時(shí)，再開始進(jìn)入整體片尾的落版動(dòng)畫設(shè)計(jì)中?；旧鲜沁吤髦呥M(jìn)行，整個(gè)項(xiàng)目持續(xù)了一個(gè)半月左右，有點(diǎn)拖延癥哦~哈哈
動(dòng)畫截圖
由于客戶想要簡筆畫的質(zhì)樸風(fēng)格，所以動(dòng)畫部分以Flash逐幀手繪動(dòng)畫為主。整支動(dòng)畫是由Flash和AE兩種軟件分工并合作完成的，F(xiàn)lash負(fù)責(zé)分鏡繪制、原畫設(shè)計(jì)和動(dòng)畫制作，AE則是特效添加和后期合成，為了避免Flash動(dòng)畫的刻板印象——生硬和機(jī)械感。這里的動(dòng)畫大部分一拍二，部分特效希望達(dá)到更加流暢的效果，會采用一拍一的去繪制中間畫。
為了讓主角的表演具有黑色幽默感，動(dòng)畫設(shè)計(jì)上作了兩個(gè)處理，第一是嘗試著盡量減小動(dòng)作幅度，卻增加動(dòng)作的中間動(dòng)畫幀，這樣的處理，讓動(dòng)作具有異常平靜的反差感；第二是當(dāng)角色停止動(dòng)作時(shí)，這里借鑒了傳統(tǒng)動(dòng)畫的技法，即將停止POSE描摹一張，一拍二，這樣即使在停止的情況下，動(dòng)畫仍然也是微動(dòng)的，如此看起來角色在鏡頭中會更加生動(dòng)。
‖ 效果呈現(xiàn) ‖
感謝所有參與的人，畫面最終的呈現(xiàn)效果有一點(diǎn)神經(jīng)質(zhì)的感覺，比我想象中的要好一些，因?yàn)榈谝淮巫鲞@種類型的動(dòng)畫，一直不太敢確定最終會是怎樣，不過當(dāng)我看到Dylan(Muff sound工作室的小伙伴，負(fù)責(zé)本次聲音設(shè)計(jì)）做好聲音的版本時(shí)，我覺得很有趣。
客觀來說，如果需要對這個(gè)動(dòng)畫挑毛病的話，從動(dòng)畫的美感呈現(xiàn)上來說，部分鏡頭的藝術(shù)設(shè)計(jì)可能要再努力一下，雖然整體以線條為主，但稍不注意也會顯得簡陋，之后有動(dòng)畫項(xiàng)目，我希望可以邀請到一位專業(yè)的藝術(shù)指定來合作，嗯，這次分享就到這里吧~感謝學(xué)術(shù)啪啪啪~
王三三動(dòng)畫和形象版權(quán)歸網(wǎng)易傳媒科技（北京）所有
動(dòng)畫學(xué)術(shù)趴（公眾號ID：babblers）
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）