Top

Live2Dクリッピングと反転マスクの使い方

初心者さん
初心者さん

Live2Dのクリッピングと反転マスク機能ってなんですか?覚えておくといいことありますか?

アニメ塗りマン
アニメ塗りマン

クリッピングと反転マスクは覚えておくと表現の幅が広がります。今回はそれらについて説明しますね。

簡単に言うとクリッピングは指定した部分だけ表示する機能で、反転マスクは指定された部分だけ非表示にする機能です。

このクリッピングと反転マスク機能をマスターすると色々な表現を作れますよ!

今回はクリッピングと反転マスクの使い方を解説します。

この記事を読むと・Live2Dのクリッピング機能と反転マスクについてわかります。

こんな方におすすめ!・クリッピング機能について知りたい
・反転マスク機能について知りたい

クリッピングと反転マスクの使い方!

お得なクーポン付きで販売中【Live2D】

背景を描くのが苦手な方におすすめの
著作権フリー背景素材集を見る

クリッピングの使い方

 

クリッピングの使い方は瞬きしたとき瞳を見えなくするのが有名です。

まばたきのやり方についてはこちらを参考にしてください。

[Live2D]まばたきの作り方[初心者向け]
Live 2Dで目をまばたきさせる作り方を説明します。

 

ほかには影パーツを指定した範囲内のみ表示する方法があります。

この方法を使えば髪の毛や服が動いたら影も一緒に動くモーションを作れます。

 

クリッピングのやり方

 

クリッピング

例えばこれは服パーツの下に影パーツを作っている状態です。今ははみ出ています。

 

クリッピング

スカートが見える場所だけ影パーツを表示したいのでスカートのIDをスカート影パーツにクリッピングします。

 

クリッピング

するとスカートが見える場所だけ影パーツが表示されます。

クリッピングは表示させたい場所のIDを対象パーツのインスペクタ欄にクリッピングするのが基本です。

 

反転マスクを使った作り方

 

次は反転マスクを使った作り方を紹介します。反転マスクはクリッピングの逆で、表示させたくない場所を指定します。

今回は前髪パーツが動いても目のパーツが見えるように作っていきます。

 

例えば前髪パーツが動いたら目が隠れて見えないことってありますよね、ですが反転マスクを使えば前髪で目が覆いかぶさっても目のパーツが見えるようにできます。

前髪パーツの動きを作る

 

最初に前髪が動いたら前髪の影も動くモーションを作っていきます。

 

クリッピング

パーツの構成は前髪パーツの下に前髪の影パーツを配置します。

次に前髪用ワープデフォーマを作ります。

 

ワープデフォーマの使い方はこちらのページを参考にしてください。

Live2Dワープデフォーマ、回転デフォーマの使い方
Live2Dのワープデフォーマと回転デフォーマの使い方を解説します。

 

ワープデフォーマ

前髪ワープデフォーマを作ったら前髪影パーツを入れます。

 

ワープデフォーマ

そしてパラメータで動きをつけると前髪パーツが動いたら、影パーツも一緒に動くようになります。

 

クリッピング

前髪影パーツは顔の肌色部分を使っているので上の画像のように前髪と影パーツの間に横髪の毛、目のパーツを入れるといいです。

 

クリスタでマスク用レイヤーを作る

 

次はクリスタでマスク用レイヤーを作っていきます。

クリスタはLive2Dの推奨ペイントソフトで、色々な機能を持っているためおすすめです。

クリスタについてはこちらで説明しています。

Live2D用おすすめのペイントソフトはこれ!
Live 2Dで使うのにおすすめなペイントソフトを紹介します。

 

マスク

まず新規でマスク用レイヤーを作り、目の周りを赤色で塗りつぶします。

 

マスク

次に透明度を50%以下にします。

 

マスク

次に新規レイヤーを作ります。

 

マスク

その新規レイヤーとマスクレイヤーを結合します。

これでクリスタでの作業は終了です。

 

Live2Dにレイヤーを読み込む

 

作ったマスクpsdファイルをLive2Dに読み込ませます。

psdファイル再インポートのやり方はこちらページを参考にしてください。

Live2DにPSDファイルを再インポートする方法
Live 2DにPSDファイルを追加する方法を説明します。

 

live 2d

読み込んだマスクパーツを左目フォルダーに入れます。

 

反対側に反転コピーする

 

反転コピー

左側のマスクレイヤーを反転コピーして右側のマスクパーツも作っておきます。

反転コピーのやり方はこちらのページを見てください。

Live2Dかんたんな左右対称モデルの作り方!
Live 2Dで左右対称にモデルを簡単に作れる方法を解説します。

 

IDをクリッピングしてマスクを反転する

 

反転マスク

その後右目マスクパーツのIDをコピーします。

 

マスク

コピーしたIDを前髪パーツのインスペクタ欄、クリッピングに貼り付けます。

その後マスクを反転にチェックを入れます。

 

クリッピング

左側のマスクパーツIDも貼り付けます、複数のパーツをクリッピングするときは間に「,」コンマを入れて貼り付けをします。

 

不透明度を0%にする

 

反転マスク

その後左目マスクと右目マスクのインスペクタ欄にある不透明度を0%にします。

 

反転マスク

そして前髪パーツを動かしてみると透けて目が隠れないようになります。

以上が反転マスクを使った目が隠れないようにするやり方です。

アニメ塗りマン
アニメ塗りマン

髪の毛で目が隠れない表現は、長い髪の毛キャラに最適です

まとめ

  1. クリッピングは表示したい場所のIDを対象パーツにクリッピング
  2. 反転マスクはクリスタでマスク用レイヤーを作る
  3. マスク用パーツのIDを表示したくない所にクリッピングして反転マスクをチェック
  4. マスク用パーツの不透明度を0%にする