完成イメージ図
↑こちらが実際に作成したイメージキャラクターの完成動画となります。背景やロゴなどももちろん自作していますが、今回の記事ではキャラクターの製作のみに絞ってご紹介していく予定です。
完成したイメージキャラクターの特徴をピックアップするとこのようになります。↓
- 髪がゆらゆらと揺れる
- 放っておいてもまばたき(今後は目パチと呼びます)をする
- 音声データ(wav形式)と連動して口がパクパクと動く
- 表情の差分がある(笑顔・困り顔・あわわ口など)
今回は、このようなイメージキャラクターを作成する手順をご紹介します!

私「マリア」の制作秘話ですよ!
用意する素材
- のっぺらぼうの肉体(ループ仕様・全身&バストアップ)
- 目と口と眉
作成する必要があるのは、簡単に言うとのっぺらぼうの肉体と目と口と眉の2つとなります。↓


今回使用するのはこちらのバストアップ版と作業中に小さく映す為の全身版の2つです。
1つだけ大きな全身版を作成すれば済まないかなぁとも思いましたが、AviUtlに解像度の大きなものを投入すると変なところが切れたりしてしまうので、2つ作るしかないなということでこのようになりました。
なぜ目パチと髪揺れの2つをひとつのファイルで作成できないの?

どうしてその2つを分ける必要が!?一緒に作れば済む話なのに!
…という疑問は、至極ごもっともです。まず結論を箇条書きにしますが、このような理由となります。
- 動作が重たくなるから
- レイヤー層が圧迫されて作業がしにくくなるから
この後ご紹介する予定の「PSDTool」というツールを使用し【目パチ・口パク】をさせるのですが、ゆらゆらと揺れる髪の毛はまた別の風揺れTというプラグインを使用します。
これだけで言うとまだひとつのファイルで作れなくもないですが、髪の毛を揺らす為に沢山のパーツを1つ1つに分けて、AviUtlでそれらのパーツに揺れるアクションを設定していくので結構動作が重くなるんですよね…。
さらにさらに、複雑なキャラクターを作るとパーツが増えてレイヤー一覧を圧迫するのですが、その上に音声データと目パチ口パクファイルを乗せないといけないので非常に作業がしにくくなります。

こちらがのっぺらぼうの肉体と目と口と眉に分けて作成したAviUtlのレイヤー構造。まだ音声データは乗せていませんが、どんな場合でもレイヤー2つ分を使用します。
そしてこちらが分けなかった場合のレイヤー構造です。↓


こ…これは画面の圧迫感がすごい…。
まったく同じ動作をさせているのにこの違い…。よほど大きなデスクトップ画面か複数モニターがあり、尚且つスペックの高いPCなのであれば後者でも良いかも知れませんが、私個人としてはのっぺらぼうの肉体と顔のパーツを別々に分けて後でがっちゃんこさせる(前者の)方が動作も軽いし後々編集がしやすいと思うのでお勧めです。
AviUtlにはシーン機能というものもありますが、だとしても動作が重くなる事実に違いは無いので、いずれにせよのっぺらぼうの肉体を一旦目パチとは別で動画化させる方がおすすめです。
用意するソフト
- AviUtl(風揺れTプラグイン)
- AviUtl(PSDTool)
- illustrator
- Photoshop(最悪無くても良いのかも?)
ひとまずAviUtlが無ければ始まらないので、そちらがまだダウンロード出来ていないよという方はまずAviUtlをダウンロードしましょう。今現在AviUtl2もありますが、私は使い慣れたAviUtlを使用しています。

ちなみに私はこちらのversion1.10を使用しています。
なおAviUtlを使用するのに最低限必要なプラグインは複数存在していますので、有識者の方がまとめられている記事などを参考に作業を進めてみてください。こちらの記事では割愛いたします。
AviUtl(風揺れTプラグイン)
AviUtl(風揺れTプラグイン)はその名の通り、風を受けてゆらゆらと揺れるような動作をさせてくれるプラグインとなります。今回は髪の毛や衣装を揺らすのに使用しています。
このプラグインはティム氏が製作されたもので、こちらのページの【以下からDLしてください。】直下のリンクからダウンロードしてください。

ついでに使用方法などを動画で学んでみるのも良いのではないでしょうか。
ダウンロードし終えたら、AviUtlフォルダ内にあるscriptフォルダ内に投入しましょう。

旗のような揺らめきや魚の尾ひれの動きなどにも使えますよ~!
AviUtl(PSDTool)
PSDToolのおかげで放っといても自然と目パチをしてくれるし、音声データに合わせて口をパクパクしてくれるので本当に助かっています。無料でダウンロードできますのでまだしていないよ!って方はこちらのリンク先からダウンロードしましょう。

使い方に関してもこちらに詳しいやり方が載っていますので、いざPSDToolを使うぞ!ってタイミングになったら頻繁に見に行くサイトとなりました。ありがたいですね。

画像も多く分かりやすいです!
illustrator
Adobeという会社のillustratorというソフトでマリアを描き上げました。DTPでは王道of王道のソフトになります。

私の場合、かつて月額制ではなかった時代にソフトを購入した為無料で使用できています。今は月額制で何か副業的なものをしてもなかなか元が取れないくらいの額になってしまいましたね…。

学割が効くプランでも割と高いんだよねぇ…。
それはさておき。普通絵描きであればどちらかというとPhotoshopを利用するのでしょうけれど、私の場合は単純にillustratorの方が慣れているから&アナログで描くよりもillustratorで描いた方がパーツの調整がしやすくて、コピペ(コピー&ペーストの略)も出来るので便利だからです。
加えて地味にありがたいのが、拡大しても画質が荒くならないという点です。これはillustrator特有の性質で「パス」と言われるものでイラストを完成させているからですね。

まあここでは難しい話は置いておきましょう!
詳しく知りたい方はマリアのイラレ教室の動画を見てね~!
Photoshop(最悪無くても良いのかも?)
PSDToolを使用する為に使う必要があったソフトです。PSDToolはPhotoshop形式のデータでしか使用することができません。
本当ならば苦手だしあまり使いたくはなかったのですが、くっ…致し方あるまい…!

でも最悪無くても良いのかも?ってどういうことなんでしょうか?
最悪無くても良いというのはですね…
Photoshopを持っていない方でも「Photopea」などの無料ツールを使えば、レイヤー構造を保ったまま「PSD形式」というファイルに保存できるというお話だからです。

わ~!便利ですね!
ちなみに私はPhotoshopも購入していた為この手のツールを使用するタイミングは無かったのですが、もしも「あ~。私Photoshop持ってないし無理だわ~。」ってなったとしても、諦めなくても良いかも知れないんですよってことだけは書いておきたいなと。
とは言っても使い方に関してはまったくわからないので、すみませんが各自自己責任で調べてみてください。


