Live2D 2016.2.17 Live2D Viewerがインストール出来ない場合 Live2D講座 2017.1.12 生放送等のコメント読み上げに合わせてLive2Dモデルに口パクをさせる方… ペンタブ 2016.2.21 木製グリップを削ってみました。 Live2D 2015.10.1 いい加減Live2Dで立ち絵を作りたい：05 Live2D 2015.5.11 まずは動かしたいキャラクターの原画を用意します。 正面向きの絵を用意すると左右に自由のきくモデルが作りやすいです。 もちろん斜め向きでも大丈夫です。 Live2D とは関係なく既に描いてあるイラストを利用するのも良いです。 TIPS : 画像サイズについて. 絵のサイズは横幅1200pixelあれば大丈夫です。 私は腰までのテンプレートの上に、自分の絵を描きました。 大事なのはパーツ毎に描き分けることなので、横幅のサイズが1200pixelあれば、後はどう描いても自由だと思います。 live2dのパーツ毎の絵の描き方 live2Dのソフトで動きをつけるには、まず動かす絵が必要です。絵は、いつもどおりに描くのとはちょっと違うんです。ただ絵を描くだけでは、キレイに動かすことが出来ないんですね。描くには、ちょっとしたコツが必要！こちらの記事では、Live2Dで こんにちは！フリーランスとしてVtuber制作をしているかさはらです。今回はLive2Dで使用するイラストの注意点についてまとめていきます。Live2Dで使用するイラストは普通のイラストとは違い、特殊な形式のイラストを用意する必要があります。どんなイラストを用意すべきかを解説していくので、これからLive2D用のイラストを準備する人は参考にしてみてください。まずLive2D用のイラストで最も大切なのが、パーツ分けがされているということです。パーツ分けとは、体のパーツごとでページを分けることです。少し見にくいですが、こんな感じで髪や口、目とパーツごとでパーツを分ける必要があります。これをしないと、Live2Dで表情を作り込むことができません。イラストを描くときはパーツ分けをしながら、描く必要があります。1枚のイラストを後からパーツ分けをすることも可能ですが、割と大変なので、後からパーツ分けする方法は以下の記事にまとまっているので、参考にしてみてください！どれくらい細かくパーツ分けをすればいいかはLive2Dのホームページ参考画像があります。引用：https://docs.live2d.com/cubism-editor-manual/divide-the-material/?locale=jaあまり細かく設定すると、後で加工するとき作業量が増えてしまうので、最初はこのホームページにある参考画像ぐらいのレイヤーで大丈夫だと思います。より繊細に動かしたい人はもっと細かくパーツ分けする必要がありますが、最初の方はこちらのページにあるぐらいで大丈夫です。大まかなパーツ分けは上の参考画像を見てみてればいいと思います。以下では分けておいた方がLive2Dでより繊細な動きができるパーツを解説していきます。上の画像では口の線画と塗りは統合されていますが、こちらは分けた方が綺麗に動かせます。あいうえおなど、母音表現を作るときに統合してあると、このように線画と塗りが統合されていると、上口の塗りが少し下口の線画にかぶったりしてしまいます。作業量は増えてしまいますが、分けた方が綺麗に動かせるでしょう。指の関節を分けておくと、「握る」などの動作をLive2Dで作ることができます。これも最初は作るのは難しいですが、できれば分けておいた方がいいでしょう。舌のパーツを分けておくと、「舌を出す」などの動きを付けることが可能になります。他にも、顔の向きを変えたときに舌の位置を変えることで、奥行きを表現することが可能です。こちらは簡単な加工なので、おすすめです。影部分も分けておくと、自然な動きを作ることが可能です。例えば、顔の向きが変わったときに首の影の形状も一緒に変化させるとより自然な動きになります。ハイライトも分けておくと、影と同じように他のパーツの動きに合わせることで、自然な動きに見せることが可能です。目のハイライトの場合、視線を動かしたときに瞳と動きをずらすことで、より自然な動きに見せることが可能です。 先ほど、口の線画と塗りを分ける方法を書きましたが、あれは例外です。最後に統合するのでもいいですが、最終的には線画と塗りは基本的に統合して出力しましょう。後からキャラクターの髪の色とかを変えたいという人とかは分けておいてもいいかもしれません。パーツ分けができるソフトはたくさんあります。僕は「Clip Studio Paint」を使ってレイヤー分けをしています。「Clip Studio Paint」と「Photoshop」は有料ソフトなので、お金ない人はそれ以外の2つのソフトがおすすめです。またイラストは隠れている部分も補足して描く必要があります。なぜかというとキャラを動かしたときに、隠れている部分を描いていないと、その部分が空白になってしまうからです。例えば、以下のイラストを見てください。これはLive2Dでキャラの首を顔を横に傾けた画像ですが、首の後ろが描かれていないため、空白になってしまっています。空白になっていると、顔と首が繋がっていないように見えてしまい不自然ですね。他にもこのように髪を揺らした時も、このような現象が起きます。このようなことを防ぐために、体の隠れている部分もしっかりと塗りつぶす必要があります。正直、最初は慣れていないので、どこを塗りつぶしていいかわからず、気をつけていてもこのような現象が起きてしまいます。なので、最初の方はLive2Dで加工しながら、イラストも修正していくことになると思います！イラストのサイズはどんなサイズでも大丈夫です！後からLive2Dで調節することが可能です。一応、Live2Dのホームページでは腰から上のイラストであれば、僕は800pxで作ったことがありますが、何の不具合もありませんでした。Facerig用のモデルの場合、最終的には2048px×2048pxのサイズの画像で出力されます。全身の場合、縦横2048px以下で作ると、Facerigに入れたときに少し解像度は落ちるかもしれません。解像度を落としたくない人は縦横2048px以上で作るといいと思います。 イラストはPSD形式で用意する必要があります。イラストを加工したら、PSD形式で書き出しましょう！ツールごとで書き出しの仕方は違いますが、基本的にどのツールでもPSD形式での書き出しはできるはずです。1つ注意点として、レイヤー化した全てのイラストを1つのファイルに全てのレイヤー情報が残っているはずなので、Live2Dにインポートしたら、レイヤー化されたイラストが表示されるはずです。僕は最初これがわからず、全てのレイヤーをそれぞれPSDファイルに書き出してしまいました。イラストは正面を向いているものを用意しましょう。正面を向いていなくても、加工することは可能ですが、正面の方が加工しやすいです。視線や肩の向きなどを正面にして描くのがおすすめですね！正面イラストがおすすめの理由として、イラストを描く段階でも、左右対称だとコピーして反転すればもしくはミラーリングを使用すれば、半分の作業でイラストを描くことができます。またLive2D上でもかなり作業量が減るので、左右対称にイラストを描くのがおすすめです。Live2Dで反転コピーをする方法については以下の記事で解説しています。全ての注意点をまとめるとこんな感じですね。これさえ守れば、Live2Dで加工する時も困らないはずです！イラストを書けない人はイラストを依頼する必要がありますね。Live2D用のイラストは少し特殊ですが、今までの注意点を守れば依頼するのも簡単です。上記のポイントを抑えながら、依頼をしましょう。Live2D用のイラストはパーツ分けをしなければいけないので、通常のイラストよりも大変です。もしLive2Dだけやりたい人は、イラストを依頼するという手段もあります。Live2D用のイラストは以下の2点によって値段が変わります。パーツ分けの作業はほとんどの場合、プラスで料金を取られます。イラストにもよりますが、プラスで1000円以上は取られる場合が多いですね。またイラストが顔のみの場合、数百円で依頼できます。全身の場合、数千円以上はかかりますね。他にも装飾やイラストのクオリティーによって相場は変わりますが、大体上記のイラストは「でもその分、顔のみのイラストで、レイヤー分けは自分でやる必要があります。もし2Dキャラのイラストを依頼する時はこの2点は事前に決めておきましょう！イラストの依頼は「ココナラというサイトではたくさんの絵師の方がイラストを書いてくれます。自分の好きなタッチのイラストを描いてくれる絵師さんを探して、依頼してみましょう！依頼するにはまず登録が必要なので、登録しましょう！登録は無料です。ある程度、レイヤー分けしたらLive2Dでの作業を開始してしまいましょう。Live2Dで作業してみないと、どこをパーツ分けしたらいいかもわかりません。あまりに細かいパーツ分けは逆にLive2Dで作業するときに、作業量が増えてしまったりもしてしまいます。Live2D上でパーツを入れ替えるのはそこまで難しくないので、ある程度分けたらLive2Dに入れて作業してみましょう！Live2Dの使い方を知りたい人はこちら。現在、Vtuber制作を請け負っております！Live2D・3Dどちらも制作可能ですし、知識ゼロの方にも動かせるまでサポートします。僕の制作実績はこちらから！ このサイトの管理人です。主にLive2Dをメインに制作ノウハウを発信しております。その他にBlender・Vroidなども触れます。 記事内のイラストは、以下のイラストレイターさん達に描いていただいております。 YouTube / Twitter. まずはLive2Dでmoc3データを書き出しする方法です。 テクスチャアトラスの作成. こんにちは！ フリーランスとしてVtuber制作をしているかさはらです。 今回はLive2Dで使用するイラストの注意点についてまとめていきます。 Live2Dで使用するイラストは普通のイラストとは違い、特殊な形式のイラストを用意する必要があります。 どんなイラストを用意すべきかを解説していくので、これからLive2D用のイラストを準備する人は参考にしてみてください。