乳搖特效不求人！用 DragonBones 製作插畫動態效果
歡迎來到流浪貓的預留教學！此系列主要是蒐集「感覺對未來很有用但目前尚未派上用場」的筆記，而這篇文章是整理關於插圖的動態特效與 Live2D 的製作教學。
本文的主角 DragonBones 是款免費的骨骼動畫製作軟體，它可以為插圖增加乳搖、頭髮晃動與眨眼等動態效果。不但能讓視覺效果更加豐富，更可大幅提昇人物的色氣程度。
另外，使用者也能到官方網站下載人偶範例骨架，用來作為 AI 繪圖 img2img 的基礎人體姿勢參考來源。除了 DragonBones 之外，Spine 與 Live2D 也是目前市面上常見的骨骼動態製作工具。
這款軟體的優點除了免費、教學資源豐沛且容易上手之外，它也相當適合個體戶或自營業者接案，執行小型的美術動畫專案。且用插畫製作的動圖，其實遠比低階的 3D 模組好看，這也讓手機遊戲廠商願意用這樣的方式塑造人物外型。因此目前插畫動圖被廣泛應用在各種低成本、高效益的市場，像是手機遊戲。
例如雷亞的 Sdorica 萬象物語、神魔之塔與刀塔傳奇，都是以骨架動畫軟體來製作的例子。
流浪貓將在以下簡述 Dragonbones 製作乳搖動畫的技巧，但我會將重點會放在乳搖的原理而不是軟體操作細節。畢竟動畫軟體百百款，總不能每遇到一個新軟體就寫篇新的乳搖動畫教學吧？
開始之前
安裝 Dragonbones 與插圖去背的部份就不多贅述，網路上已經有相當多的教學可供參考。
免費去背工具網站 https://www.erase.bg/
基本操作方式
- 建立新項目 > 建立龍骨動畫 > 骨骼動畫模板
- 將角色插圖用「匯入資源」工具放到舞台上。
- 點擊圖片後，於左方選擇「編輯網格」
- 於跳出的面板中，點選「新增」工具
- 沿著要變形的部位 (眼睛、乳房) 用節點圍起來
- 於變形部位外，再用一層節點將其圍繞起來。
- 切換至「動作製作」頁籤
- 於下方時間軸的幀數輸入 10，製作每秒十格的動畫
- 選擇時間軸的第一格，點擊 K 鍵產生起始「關鍵影格」。
- 於第 20 格的位置再產生一次終點「關鍵影格」。
此時你就可以依照需求，於時間軸的相對位置建立動作了。例如於第五和八格建立關鍵影格，將第八格眼部的節點網格拉至閉眼狀態。按下播放動畫時，節點就會依照你的安排進行移動，產生出眨眼的效果。
建立骨骼並增加乳搖特效！
眨眼、衣服擺動雖然可以用少量的節點和關鍵影格建立動作，但面積比較大的頭髮、翅膀、肢體，因為會用上大量節點的關係，因此不適合以手動的方式移動位置。
這個時候，就輪到骨骼系統上場了。習翠熊維尼
而骨骼系統是從 Flash 這類 2D 動畫軟體發展出來的東西，因此如果說網格與節點是控制圖像細節移動的工具，那骨骼就是拉著節點一起動的系統。
綁定骨骼
- 場景樹點擊右鍵，插入骨骼
- bone 按滑鼠右鍵，重新命名為 Body
- 以右上方的選取工具點擊插圖
- 新增綁定骨骼 > 選擇目標骨骼 Body
- 成功綁定插圖與骨骼
建立乳搖效果
- 用「編輯網格」工具，於乳頭的位置建立一個四邊形的乳頭節點
- 於 Body 骨骼中點擊「新增骨架」，將其放置在乳頭的位置，並其命名為「boob_1」乳頭骨骼。
- 用「選擇工具」點選圖片，以權重工具新增綁定骨骼，將乳頭骨骼 boob_1 與乳頭節點進行綁定。
- 以 Ctrl 鍵全選乳頭節點，滑鼠左鍵按住不放，於畫面往上移動，將權重提昇至 100%。
- 以「編輯網格」工具建立圍繞乳房的節點，避免整張圖片跟著 boob_1 移動。
此時就可以用滑鼠上下拖曳乳頭骨骼來測試乳搖的效果了。之後依序建立單邊乳房與胸部的骨骼系統和關鍵影格，便可達完美且自然的乳搖效果。
乳搖釋義: 為什麼這麼麻煩？
看到這裡，你一定會很好奇，不過是讓胸部晃動罷了，為什麼要這麼麻煩，從乳尖到乳房底部都要分別建立骨骼系統？
其實，就如同釣魚的「甩竿」動作，胸部搖晃並非死硬的整顆同時移動，而是略有時間差異的依序連動。
由於胸部是半球型、水滴狀且帶有彈性的物體，因此離身體較遠的乳頭，其移動的反應時間相較於離身體較近的乳房底部會稍微慢一些。簡單來說，就是慣性產生的移動位差。
「慣性，是乳搖的必要關鍵」
《艾薩克·牛頓》：「我沒說過這句話！」
由於晃動時，胸部頂端 (乳頭) 移動的時間會與下胸與側乳不同。如果僅建立乳頭的節點與骨架，胸部晃動會非常生硬。因此，若想創造自然的乳搖特效，通常需要：
- 乳頭骨骼與節點，控制頂端的上下晃動。
- 乳房節點與骨骼，控制單邊胸部的側面微晃動。
- 胸部骨架，控制兩邊胸部與身體的連動。
畢竟，沒有人會對兩顆僵硬、上下位移的胸部產生情慾流動。根據恐怖谷理論，似胸卻非胸的恐怖乳會觸發人類「反感」與「厭惡」的原始衝動，而這絕對不是案主想看到的市場反應。新疆大屠殺
本教學所採用的三段乳搖系統，不但能產生令人心曠神怡的乳搖特效，且這套概念與工作流程也適用在任何 2D 動畫軟體。至於是否能靈活運用、製作出最驚天動地的乳搖效果，就看各位讀者的造化了。
延伸閱讀
留言