投稿記事

2021年 04月の記事 (4)

ジュエルベージ 2021/04/30 21:00

21.04.30 PM 制作進捗(Live2D 眉の変形)

右眉の変形について

Live2D上での左右の呼称について

Live2Dでは左右はイラストのキャラクターから見た左右になっています。
右眉というと私達からみて右ではなく、左側が右眉となります。(当然といえば当然ですが)
混乱しないようにパーツの名称は気を付けた方がよいかもしれません。
(私はLive2Dにならっています)

実際の変形

実際には下記の様にそれぞれの動きについて、パラメータを設定し動かします。


右眉の変形のパラメータ

眉の場合は通常状態を0(=上図右の値)とし、困り眉を-1、上り眉を1とするのが一般的かと思います。
※このパラメータの数値の範囲はVtuber(Facerig用のモデル)の場合やゲームのモデリングの場合等で最適条件が変わるので、適宜調整が必要だと思います。
(Facerig用のモデルの場合、髪揺れ等は-1~1の範囲でしか反応しないとのこと)

実際に動かしたものがこちら

パラメータに合わせて眉が動いていますね。
今日はこの辺で。

※本投稿は予約投稿のため、実際の進捗と多少のずれがある場合がございます
 ご了承願います。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

ジュエルベージ 2021/04/30 14:00

21.04.30 AM 制作進捗(Live2D 眉のメッシュ作成)

メッシュについて

パーツを動かすときの骨組みをメッシュといい、メッシュが割り当てられた状態の画像をアートメッシュと呼びます(注)。
骨組みであるメッシュがきちんとなっていないと動かすときにうまくいきません。
今回はこのメッシュの編集を右眉についてやっていきたいと思います。

メッシュの自動編集と手動編集

画像を取り込んだ状態では下記の様に四隅に点があるだけの画像となっています。

それに対して、メッシュの自動編集を実施すると以下の様になります。

ある程度きれいにメッシュが割り当てられましたね。
このまま用いてもいいアートメッシュもあるのですが、細かな動きが必要な
部分においては手動編集が必要になります。
手動でメッシュを割り振った結果がこちら。

眉は、線を挟むように三角形を作り、線幅を均一にするように推奨されています。
次回は、この眉の変形をやっていければと思います。

※本投稿は予約投稿のため、実際の進捗と多少のずれがある場合がございます
 ご了承願います。

注:本文で記載したメッシュ及びアートメッシュの定義について私の解釈が含まれております。正確には株式会社Live2D様の公式サイトにてご確認願います。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

ジュエルベージ 2021/04/29 21:00

21.04.29 PM 制作進捗(Live2Dのマスクの適用/描画順について)

Live2DのPSDインポート②

AMの記事には全く問題ないようにインポートしたように見えましたが、
実は下記の様になっていました。

あれ、髪飾りや髪の影の描画がおかしい…。

マスクの適用(Live2D)

髪飾りはLive2Dで動かす都合で正面視状態で隠れる部分にもイラストを描いてある関係で
このような表示になっています。そのため、Live2D側でクリッピングマスクの適用を実施します。

そして他の箇所も同様にクリッピングした結果がこちら

髪飾りの方はこれで直りましたね。

描画順について(Live2D)

髪の影は描画順がおかしいので修正します。インポートした際にずれてしまったようですね。
Live2Dには描画順を設定できますが、私はアニメーションを使う時に必要な時でもない限り描画順は同じにしています。


右の数値が描画順、数字が同じ場合は上の物が前面に表示される

パーツの位置を動かした結果がこちら

ちゃんと表示されるようになりましたね。
本日はこの辺で。

※本投稿は予約投稿のため、実際の進捗と多少のずれがある場合がございます
 ご了承願います。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

ジュエルベージ 2021/04/29 14:00

21.04.29 AM 制作進捗(イラスト紹介/Live2DのPSDインポート)

はじめに

プロフィールにも記載させていただきましたが、
Live2Dを用いた育成ゲーム制作を中心に活動させていただく予定となっております。

イラスト紹介

下記が動かす予定の娘となります。こちらのイラストは「ぱてすか」様に描いていただきました。非常に難しい依頼ではあったと思いますが、丁寧に対応いただきました。この場を借りてお礼申し上げます。
本当にかわいいイラストですね。
将来的には衣装差分を用意して着せ替え等できればと考えております。

Live2DのPSDインポート

描いていただいたイラストをLive2Dのファイルにインポートします。
ぱてすか様の方でレイヤー分け等をしていただいているので、そこまで苦労せずにインポートできました。
PSDファイル時点でのパーツ数は256(!)となっています。
ぱてすか様には今後のメンテナンス性を鑑みて、
線画と塗りを分けていただきましたが、一部同レイヤーにしています。
上記イラストと異なる点がありますが、それについては次回記載します。


※本投稿は予約投稿のため、実際の進捗と多少のずれがある場合がございます
 ご了承願います。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

月別アーカイブ

記事のタグから探す

限定特典から探す

記事を検索