讓我們用Live2D移動插圖! 〜用``CLIP STUDIO PAINT''分隔字符部分

48,139 view
ClipStudioOfficial

ClipStudioOfficial

本節介紹在Live2D中移動角色的部分劃分概念,以及如何使用“ CLIP STUDIO PAINT”實際分離部分。

說明:MUGENUP Inc.

https://mugenup.com/


本文基於“活著的2019年-一個可以找到夢想的地方-| Live2D Creators Conference”會議“使用“ CLIP STUDIO PAINT”移動和分離單層插圖的基礎”。

https://alive2019.live2d.com/company/mugenup_clipstudio/#company-session


*本文為日文。機器翻譯適用於非日語網站。

為Live2D創建新插圖時

要為Live2D創建新的插圖,請進行以下準備。

-對於可能移動的零件,將線條畫圖層和填充層分開。
・服裝設計將基於零件的設計。

如果要從一開始就使用Live2D,則可以在考慮如何劃分部件時創建一個角色,如下所示。


此圖像中的字符僅是示例圖像,僅供參考,因此這是一個非常簡單的示例。從一開始,它就設計為易於移動。

例如,在此示例中,手是和平簽名。
抓緊的手指和伸出的手指被切成不同的層,以便它們可以輕鬆地作為零件移動。

假設頭髮在雙尾巴的根部移動,則將頭髮分開。
接頭的笨拙感並不明顯,因為帶狀部分與基座重疊。

手臂從“肩膀到肘部”分為上臂,從“肘部到腕部”分為前臂。
每個零件都有一個可以通過旋轉變形器移動的設計。

從現有插圖創建Live2D圖像時

如上所述,在從頭開始移動的前提下進行創建時,設計和零件劃分是平滑的,但是在某些情況下,“我想移動一個JPG圖像”。有。

在這種情況下,必須執行“部分劃分”。

這次,我們將介紹移動帶有線描層和填充層作為Vtuber的字符插圖的準備工作。

如何分開零件?

如果原始圖像是單個JPG或組合了圖層的PSD,則不僅需要剪切出部分,而且還必須添加背景。


詳細分離零件是一項艱鉅的任務,但是考慮到使用Live2D時的運動,零件越細越好。
因此,有必要將各部分盡可能細地劃分,並考慮運動而添加和上漆。


■檢查零件劃分所需的時間和工作

從單個JPG或組合了圖層的圖像中分離零件時,必須可靠地添加和重新粉刷。
如果繪畫方法是獨特的或具有復雜的圖案,則需要花費時間來工作以及技巧。


■確定質量線

決定要做什麼以及要移動多少非常重要。然後,您將了解到“我想這樣移動,因此需要在此處添加”。

為了“不要超出必要範圍,不要增加零件數量”,讓我們澄清一下絕對有必要切除的地方。

您想通過分割來預先檢查什麼

■臉部分割

即使您說“我想以Vtuber的身份運行”,必要的部分也會根據您想要使用它的方式而變化。
如果談話是主要話題,而僅使用面朝上的話,則無需在頸部以下劃分各個部分。

當面部主要朝上時,角色的印象取決於面部表情。

在現實生活中,眼睛在Vtuber中非常重要。
特別是在Live2D中,眼睛的劃分非常精細。

在實際的Vtuber中,屏幕的上部通常顯示在屏幕上,而頸部的上部通常很重要。


[使用Live2D添加動作的要點]
作為Vtuber的重點,請注意不要通過搖動頭髮來遮住臉。
在插圖中,您可以繪製頭髮,使其不與眼睛和嘴巴重疊,並且有許多字符可以從劉海的縫隙中看到眼睛,但是在Vtuber的情況下,頭髮是實時移動的。
因此,在移動頭髮時必須小心,以免頭髮與眼睛重疊。


■關節部位分離

根據Vtuber,整個身體可能會反射。
如第一篇“為Live2D創建新的插圖”中所介紹的,如果關節中有花樣(網襪,方格花樣等),則很難移動。

而且,即使透明材料不是接縫,也難以設計成使透明材料重疊。
如果將其繪製在一張圖片中,則將花費大量時間來重現外觀。

↑這樣,如果是簡單的關節,就很容易移動


■分離物體

考慮如何分離抖動的對象,考慮是否要照原樣剪切圖片,將細長的帶子或皮帶移動到多個關節中,或將其重寫為其他形狀等等。

例如,在一幅圖片中,如果鏈條起伏或弦線顫動,則它們將以彎曲狀態被拉伸。但是,矯直彎曲的形狀非常困難,因此最好先繪製一條直鏈,繩子或帶子然後再移動它。

使用“ CLIP STUDIO PAINT”進行零件分離過程

這次,我們將使用此角色作為Vtuber,並劃分各個部分,以便可以移動具有很多需求的臉部和上身。

我將以實際示例“ CLIP STUDIO PAINT”的屏幕截圖作為示例來說明面部部分的工作。


這次的數據處於“線條繪製層”被組合為一個的狀態。
“填充層”類似地組合為一個。由於將線條繪製層和填充層結合在一起,因此特殊的圖層功能必不可少。

對於零件劃分,如果數據包含多個圖層,則必須為線圖選擇多個圖層,然後填充並重複相同的過程。

在這種情況下,“ CLIP STUDIO PAINT”很方便。
可以跨多個層選擇“ CLIP STUDIO PAINT”並按原樣剪切。如果您曾經做過零件,那麼您將知道能夠分離圖層同時保留圖層的便捷性。

即使像這樣在某種程度上組合了圖層,該功能仍處於活動狀態。


■髮束

首先,從頭髮上分開。
我們從頭髮開始工作,因為它位於面部輪廓(例如面部輪廓,眼睛,耳朵和嘴巴)的前面。
尤其是,由於輪廓很容易隱藏在頭髮下,因此先剪頭髮將使工作更有效率。

在這種情況下,從頭頂突出的兩個髮束在頭髮中尤為明顯。所謂了不起。


這些束是第一個起作用的,因為運動首先很明顯,並且比整個頭部更靠近頭髮。

這個角色有兩個髮束,但是兩個髮束同時移動是很不自然的,因此我們將它們切割成單獨的部分。

首先,剪掉髮束的正面。

這裡的重點是您一次選擇“線條圖圖層”和“填充圖層”。在線條圖的外面選擇一點並剪掉它。


另外,如果使用“快速蒙版”等功能,則可以更快地工作。

剪掉兩個髮束的正面後,下一個是在後髮束上工作。

與以前相同,使用“ CLIP STUDIO PAINT”功能選擇並繼續進行線描圖層和填充圖層。


現在,您已將兩個髮束分開。

近側的髮束位於所有其他部分的近側,因此切割後無需添加或上色。

但是,背面的髮束後面隱藏了一部分。我將添加缺少的部分,以便動畫沒有問題。

這是截去右上角的小窗口時的屏幕截圖。具體來說,它是後髮束的基礎。


這時,如果向後部周圍的部分添加陰影顏色以增加不協調感,則可以添加自然的印象。


■劉海

接下來,切下劉海。

這次我們將整個劉海切成一個很大的部分,但是根據原始插圖的條件和所需的質量,我們可以將劉海切成多個部分。


然後,當劉海被切開時,應用劉海。
如下圖所示,將近側的髮束剪掉的部分是一個孔。


將漸變應用於整個劉海,並繪製流過頭髮的線條。
這樣,如果區域較寬,請使用[吸管]工具或[噴槍]工具應用顏色,以免顏色從原始圖片浮起。
當然,添加未在髮束後面繪製的線。



■臉

劉海結束後,下一步是切掉臉部。
我們將切掉眼睛,眼皮,眉毛,嘴等。這裡重要的部分是陰影部分。


如何分離臉部周圍的陰影取決於動畫的假設和規格,但是這次將其包括在表情部分中。

通過將睫毛,白眼睛,瞳孔,虹膜等劃分為精細的表情,可以創建諸如眨眼和令人驚嘆的眼睛等詳細表情。

切掉劉海和麵部表情部分後,如下所示添加有孔的部分。


從比較中可以看到,還添加了輪廓。

在頭上添加孔時,假設劉海擺動,請繪製下落陰影的陰影顏色。

這次,劉海被切開了,所以劉海的陰影也是一部分。如果要富裕地移動,則需要將劉海和劉海的陰影精細地分開。


[關於圖層合成模式]
如果在對陰影部分進行分類時使用圖層合成模式[乘法],則會引起不適感,例如每個陰影重疊的部分變暗。因此,在部分分割中,基本上使用構圖模式[普通],並在添加可見陰影顏色的同時進行分割。


重新排列已剪掉的面部表情部分,並添加隱藏在頭髮後面的部分。
通過此時重新佈置,變得更容易檢查用於面部表情部分的陰影顏色是否不可見並且是否與劉海的陰影分開。


最近,為了根據零件的移動在Live2D一側進行裁剪,增加陰影的數量比輪廓略大的情況越來越多。


■Side角

接下來,切掉左側和右側的side角。
由於the角和劉海已被切除,因此很難理解,但是必須增加耳朵。

下圖是耳朵的放大圖。


容易忘記將較小的部分和較小的部分分開。
為了防止這種情況的發生,重要的是在裁切後與原始圖片重疊以確保沒有遺漏的部分。

添加缺少的零件,並在切割的side角上添加油漆。


當您添加一個大部分被其他零件隱藏的零件時,請確保在添加時注意原點。

這次,我應該填充耳朵的上半部分,但是如果僅添加隱藏部分並在短時間內添加它,則看起來就像動畫時從臉頰長出的頭髮一樣。


■雙尾

接下來,剪掉左右兩側的雙尾巴。
繪製並添加到雕刻的雙尾巴中。

毛髮結部分與頭部緊密接觸,因此我們假設它們不會明顯移動,因此我們將大約一半的頭髮梳理並分開。



■完成

面部和身體的切割方式相同,完成的零件如下所示。


我嘗試使用這些部件像Vtuber一樣移動它。

與多名工人一起生產時

當與多個人一起工作時,例如客戶,分離零件的工人和Live2D工人,協調很重要。

剪切單個JPG圖像或PSD並合併圖層時,絕對需要添加和重新繪製。
根據情況,可能會創建最初未繪製的零件。

但是,資源有限,例如時間和人員。您必須以最小的努力和最高的質量最小化要切割的零件數量。

您要做出哪種動作,分開哪些部分很重要或可以在哪裡省略的決定取決於客戶的目的和目的。
重要的是要協調Live2D工作人員與分離零件的工作人員之間的關係,並應客戶的意願。

關於Live2D

Live2D是一種獨特的表達方法,它可以使2D圖像(例如插圖,漫畫和動畫)三維移動,同時保持2D的獨特形狀和样式。

經驗

https://www.live2d.com/download/cubism/


採購

https://store.live2d.com/jp/

留言

相關文章

最新

最新官方