髪で目が隠れて見えない！透けて見えるようにできるの？
前髪の長いキャラクターを作成したときに、髪の毛でせっかく描いた目が隠れてしまってはもったいないですよね。
この記事では、Live2Dで髪の毛から目を透けさせて表示する方法を紹介します。
眉毛なども同様の手順で透けさせることができますので、ぜひマスターしてください！
イラストソフトでの作業
まずは元のイラストファイルを修正する必要がありますので、そちらの作業から行なっていきます。
筆者はアイビスペイントで作業を行なっていますが、ご自身の利用しているイラストソフトで大丈夫です。
レイヤーを一つにまとめる
まずは、目のレイヤーを1つにまとめます。
瞳、上まつげ、下まつ毛…のように、動かすパーツごとにレイヤーが分かれていると思いますので、透けさせたいパーツを全て結合し、新たな1枚のレイヤーを作成します。
今回はふたえの線や瞼の塗りも透けさせるようにしていますが、透けさせたくない場合は、この段階でレイヤーを結合しないでおいてください。
アイビスペイントでの作業手順は以下の通りです。
❶レイヤー画面を開く
❷目のフォルダを選択
❸「フォルダの全結合を追加」をクリック
新たに目のレイヤーが1つ作成されていればOKです。
目の部分を塗る
次に目の部分に色を塗ります。
ここで色を塗った部分に髪の毛がかかったら透けて表示されるようになります。
アイビスペイントでの作業手順は以下の通りです。
❶新しくできたレイヤーを選択
❷「不透明度ロック」を押す
この状態で塗ると目の部分だけ塗れるようになります
❸目の部分を塗る
画像では緑色で塗っていますが、何色でも構いません
❹目の部分を塗ったレイヤーの不透明度を40%ほどに下げる
不透明度を100%にする
この工程で、不透明度は100ですが、見た目は不透明度40のレイヤーを作ります
Live2Dで読み込むイラストは不透明度100である必要があるので、この作業を行います
❶新しいレイヤーを追加する
このレイヤーには何も手を加えないでください
❷新しいレイヤーを目の部分を塗ったレイヤーに結合する
❸不透明度ロックの注意書きが出るのではいを押す
ファイルの保存
最後にファイルの保存を行います。
工程は以下の通りです。
レイヤー名の変更を行う
Live2Dで読み込んだ際に分かりやすいように、レイヤー名を変更しておきます。
❶「…」を押す
❷「レイヤー名の変更」を押す
❸レイヤー名を入力
→ここでは「透け（目）」としました。
❹「OK」を押す
ファイルの保存
マイギャラリーに戻った状態から作業を進めます。
❶保存ボタンを押す
❷ファイル形式で「PSD（レイヤー維持）」を選択し、保存する
これでイラストソフトでの作業は完了です。
Live2Dでの作業
続いてLive2Dでの作業を行います。
❶保存したPSDファイルをLive2Dで開く
→ファイルの開き方は別の記事でまとめます。
ファイルを開くと、画像のように読み込まれます。
❷「透け（目）」のインスペクタ＞IDをコピーする
❸前髪のインスペクタ＞クリッピングにコピーしたIDを貼り付ける
❹マスク反転にチェックを入れる
❺ ❸❹の工程を、前髪のパーツ全てに行う
❻「透け（目）」のインスペクタ→不透明度を0%にする
これで作業は完了です！
前髪から目が透けて表示されるようになりました！
完成！
以上、髪の毛から目が透けて見えるようにする方法を紹介しました。
今回は髪の毛から目が透けるようにする方法として紹介しましたが、別の部分にも応用できると思います。
ぜひマスターして、Vtuber制作に利用してみてくださいね！
