本文來自網易雲社區，轉載務必請注明出處。
1. 概述
live2d是由日本Cybernoids公司開發，通過扭曲像素位置營造偽3d空間感的二維動畫軟件。官網下載安裝包直接安裝可以得到兩種軟件，分別是Cubism Modeler和Cubism Animator，最后我們還需要安裝第三個軟件Viewer用作預覽調戲等。
由於還是由2d圖形制作，所以對動畫師要求比較高，除去原畫繪制能力，動畫師還需要具有一定三維空間感，以及復雜邏輯能力（問什么要有邏輯能力，請看完= =）。
先簡單說一下制作流程：
psd原畫切圖
導入Cubism Modeler里蒙皮
設置蒙皮
導出到Cubism Animator里面制作動畫
導出
搞定，這樣就能得到一個活蹦亂跳的二次元小哥哥了。看起來十分簡單，然而... ...
期間踩過的坑，可能比吃過的飯都多...
2.實例解析：
psd原畫切圖
為什么我每個圖層后面都標注了序號，因為免費版對圖層數量有要求，不能超過30個，所以在切圖的時候，請務必精打細算，重點擺在那里，是表情動畫還是四肢動畫，哪里需要細致一些，哪里可以合在一起，算准了之后，在多數幾遍，確保圖層數目≤30就ok。
在live2d里貼圖自動排列成這樣。
切圖沒神馬難點，下一步蒙皮其實也簡單。
蒙皮
導入psd之后，會直接跳出蒙皮界面，左側的數值可以自己調整，建議邊界不要太大，但也不能太小，太小會切割原畫，基本上不用手動設置，眉毛和嘴巴這種細長的部件可以手動多加幾個點，也可以在后期制作的時候補上。
另外，如果不是太奇葩的原畫，live2d內置了一些模板可以直接套用。
左邊是萬惡的蒙皮設置，就是前面說到需要較強邏輯的地方。
蒙皮設置
先了解一下幾個簡單工具。
1選擇蒙皮點的工具，
2點選網格工具，
3.曲線蒙皮工具，多數用在頭發，眉毛這樣的細長部件上，適合制作飄動的物體使用。
4點開后可以建立旋轉和網格的蒙皮，
區別是：
網格將部件按照格子的每個點做綁定，網格的縱列數目可以自己調整。
旋轉可以控制物體按照圓點進行整體位移或者旋轉。
5.自由選擇和柔選工具，柔選比較常用。
了解了工具之后，然后開始講這個我十分不想講的東西：
看下圖四個板塊
1是綁定樹，可以直觀查看部件與部件之間父級關系
2是部件+蒙皮圖層關系，關聯3
3可以設置部件或者蒙皮的ID（技術讀取的關鍵），部位，透明度，圖層等等
4考驗動畫師三維空間和邏輯關系的操控台（可以簡單理解為設置部件位移范圍的操作台）
psd文件在蒙皮關系全部整理完之后，大把的時間都花在第四個板塊上，舉一個“臉”講一下：
里面有兩個控制器（變形工具），以及自身蒙皮。
一個部件蒙皮后可以由多個控制器控制運動范圍以及運動方式，如上圖1，曲面主要控制3d空間的轉面，回轉控制繞圓心點的整個位移和左右軸旋轉，而部件自身蒙皮的點可以單獨操控精修彌補。
首先可以思考一下，臉的動畫拆出來大概有點頭抬頭低頭，向左看向右看，以及左右歪腦袋，轉換到3d視角就是球體以自身為軸點的上下左右旋轉，以及世界軸的X軸旋轉位移（脖子是中心）。
注意一下，由於live2d實際上還是個2d工具，所以3d里面的沿着世界軸X軸的旋轉動畫在live2d里面是Z軸動畫。
我們將原畫角度設置為0點動畫，選擇第四板塊中的角度X，點擊后選擇插入3點，其中，0點是原畫角度，將綠色小點依次拖到最左邊以及最右邊后挪動控制器，（軟件將自動記錄挪動后的結果作為關鍵pose）然后將角度Y,角度Z也設置完，就可以調戲控制點玩（檢查）了。
是不是看起來很簡單，然后可以點開
參數左邊的空格，可以愉快的多維度的繼續玩（檢查）了。
蒙皮的控制器們的父子關系是：旋轉＞曲面＞曲線＞點
每一個部件設置好之后都要記得檢查，並檢查他的上下級關系，如果下級部件沒有被上級動畫帶動起來，那就一定是哪里出了問題。具體大家可以自己試着做一個完整的小動畫嘗試下，畢竟，只是一個臉還是很簡單的，不然你看下圖：
還有下圖：
是不是瞬間很迷... ...總之，蒙皮設置就到此為止，我們接着下一步。
動畫制作
打開Cubism Animator，將蒙皮文件直接丟進去，然后得到界面
1舞台
2動作文件夾
3時間軸
4控制器
首先在2里面新建一個動作文件，設置好文件名如：idle，在3里打開live2d參數，點擊4里的操控器擺好第一幀pose，建議將所有部件都K上動作，然后復制這個初始動作文件繼續可以繼續制作下一個動作。
最后導出。對沒錯，動畫制作就這么簡單，並沒有什么難點，除了快捷鍵讓人蛋疼之外...
常用快捷鍵：A回到第一幀，S前一幀，D后一幀，F播放，再按一次暫停，Z前一關鍵幀，X后一關鍵幀，C曲線。
導出
一個完整的文檔應當包含以下內容:
其中幾個比較重要的文件：
1.蒙皮等參數信息moc文件導出
Live2D Cubism Moc(*.moc)文件是用於為CubismSDK提供繪制數據的文件格式。這個文件包含了圖層、參數、坐標系和組件，這四部分信息。一個Moc文件和一個圖像文件（用於存儲紋理），在理論上就能夠提供重現角色所需的全部信息（這里不包括動作動畫）。
2動畫導出gif/序列幀
3動畫導出技術可以使用的js文件
注意下截圖是兩個軟件。
踩過的坑和心得
psd原稿過大記得先轉化為智能對象再縮放。
不要再live2d里面修改尺寸，會很蛋疼，可以保留原來的文件，去psd里重新縮放拆好后，啟用舊文件當做模板，可以減少返工時間。
記得檢查控制器下部件動作的父子關系！！！！！
蒙皮時記得更改部件ID信息，方便技術讀取。
蒙皮控制器兩邊的pose不滿意可以右鍵整個刪除回復初始pose重新制作（前提是已經保留了0點pose）
動畫時間軸不要有空幀，工作區間一定要設置好，如下圖是錯誤示范：
live2d兩個軟件可以無縫銜接，psd不行。但是如果moc重新修改了建議動畫文件關閉后再打開，可以自動更新最新蒙皮信息。
最后介紹一下Viewer軟件的使用：
紅框內把√取消可以去掉邊框和背景
勾上紅框可以讓小哥哥自己動
點擊左上角的project→sample可以設置物理運算，讓頭發飄動更加自然，還有自帶的微笑眨眼等等~~~
如上這樣就可以得到一個自己心儀的小哥（姐）哥（姐）了~可以自己擺在PC/手機桌面玩耍，或者根據項目需求交給技術大佬可以實現在WEB端or游戲中使用。
本文來自網易雲社區 ，經作者（網易雷火夏琰）授權發布。
網易雲免費體驗館，0成本體驗20+款雲產品！
更多網易研發、產品、運營經驗分享請訪問網易雲社區。
相關文章：
【推薦】 論用戶體驗測試：牛逼的功能千篇一律，好的體驗萬里挑一
【推薦】 如何實現最佳的跨平台游戲體驗？Unity成亮解密實時渲染