表情差分をillustratorで作成する
前回の記事で【のっぺらぼうの肉体】を作成し終わりましたので、今回は目パチ・口パク・眉やその他感情表現などをillustratorで作成していきましょう。
その他の表現というのは、例えば何か思いついたときに出る電球アイコンや、落ち込んだ時に出る謎の縦線、焦った時の汗マークなどのことです。今回私は作成していません。
楽しい作業なんですが、実は下準備が割と大変なんですよね…。
アートボードのサイズはどれくらいがいいの？
一番大きなサイズで作成したイラストの輪郭・鼻・前髪などをアートボードのサイズにする
のっぺらぼうの肉体は画面サイズの1920×1080で制作しましたが、表情差分においてはRGBモードで300×300で制作しました。しかし皆さんは違うかも知れません。
あなたが作成したキャラクターが2等身（ミニキャラ）だったり、めっちゃ小顔の可能性もありますもんね。
あなたが作成したキャラクターのイラストの中で、一番大きなサイズのイラストがあると思います。
私の場合はバストアップが全身画よりも大きかったため、バストアップの方の輪郭や前髪を新しいアートボードに貼り付けて作成しました。
そのイラストの輪郭・鼻・前髪、既に作成しているなら目や眉などのパーツも一緒に取って来て、新たなアートボードで作成し直すとバランスが取りやすいかと思います。
その際持って来たイラストの大きさにアートボードのサイズを合わせましょう。詳しいやり方はこちらで説明していますので、参考にしてみてください。
目・眉・口は、輪郭や髪の毛、鼻とのバランスを確認しながら作成するため、これらのパーツを配置しておく必要があります。一番下のレイヤー（下の例では「ベース」レイヤー）に先ほど持ってきたパーツを配置して鍵をかけておけば、作業中に誤って動かしてしまう心配がありません。
最終的にこのレイヤーは必要なくなりますので、削除することになります。
各パーツの作成をする
何はともあれ、各パーツのイラストを作成するところから始まります。
目パチに必要なイラスト・その他目イラストの作成
まず、目パチ（まばたき）に必要な画像は3枚あります。開き・半開き・閉じ、の3枚です。
また、絶対に必要であろう笑った目やウインクなどもこのタイミングで作成しておきましょう。
他には驚いたときに点になった目や、泣いている目でまばたきをさせたい！などがあれば、それも開き・半開き・閉じた目の3種類を作成しなくてはなりません。
レイヤーの名称は後から見たときに分かりやすいものにしておきましょう。
この後ひとつのフォルダ的なもの（と言ってもレイヤーなんですけどね）にまとめるので、「開」「半」「閉」「笑」とかでOKです。
私の目パチは1パターンしかないので、自分で言うのも何ですがかなりエコ仕様ですね…。
口パクに必要なイラスト・その他の口のイラストを作成する
次は口パクに必要なイラストを作成します。ここでいう「その他の口」とは、笑顔で話している時の口パクや焦っている時の口パクなど、同じ口パクでも表情に合わせて使い分けるための口の差分のことです。
私は現在、「通常口」「笑口」「あわわ口」の3種類を用意しています。
なんか「あわわ口」だけ微妙に色が違うけど！？！？
これは私の単純なミスです（笑）でも動画にすると意外と気にならなかったので、「まあいっか♪」でそのまま使っています。
えぇぇ～～～っ！？
眉パターンを作成する
眉は目や口ほど種類を作る必要はありませんので、通常・困り眉・怒り眉など、よく使いそうなものだけ作成すれば十分です。目パチや口パクのようにアニメーションさせることもありませんので、ここはサクッと終わらせてしまいましょう。
うぅ…眉がない状態って結構怖いですね…。
その他のイラストを作成する
最後に、必要であればその他の演出用イラストも作成しておきましょう。例えば、思いついたときの電球アイコン、驚いたときの「！」や集中線、焦ったときの汗マークなどがあると、動画の表現力がさらにアップします。
もちろん必須ではありませんので、必要なものだけ作ればOKです。
ちなみに私の中の人は何も作っていません。
まとめ
後から「あの表情も追加しておけば良かった！」となると、もう一度書き出しや設定をやり直すことになる場合があります。今のうちに必要な表情や演出はできるだけ揃えておきましょう。
次回はPhotoshopでパーツを書き出す工程へ進みます。この工程は作業量が多く、後の設定にも影響してくる重要な部分ですので、一緒に頑張っていきましょう。
もうずーーーーっと頑張ってますけどね！？
