キャラクター原画作成の手順 | E-moteマニュアル

・キャラクター原画作成の手順・

.ver 20180110

はじめに

本マニュアルでは、E-mote3.9エディタへインポートできる画像の作成手順を説明します。 E-moteのバージョンアップにより、仕様や内容の一部が変更される可能性がありますが、 その際はツールよりアクセス可能なオフィシャルオンラインマニュアルをご参照下さい。

※ えもふりを初めてご利用の方は、えもふりチュートリアルをご参照下さい。

※ E-moteキャラクターデータ作成・モーションの調整につきましては、
別オンラインマニュアルE-mote「モーション作成マニュアル」をご参照下さい。

＊E-moteエディタ・SDK・テンプレートの最新情報については、「E-mote更新履歴」をご参照下さい。

１.基本説明・設定調整

1-1.エディタの基本説明

E-moteでは、adobe社 Photoshopの[.psd]形式(cs以上推奨)でキャラクター画像を作成する事により、キャラクターテクスチャの切り出し、位置合わせ、重ね順の設定、大まかな変形設定を一括で行えます。

本章以降にて、細かい内容と設定方法を説明してゆきます。

２．原画の準備・画像サイズの調整

３．頭部画像の作製・調整・パーツ化

ここからは１枚絵状態のキャラクターをE-moteに登録できるよう分解してゆきます。

まず、キャラクターの首から上、「頭」となる画像を切り出し、パーツごとに分けて登録します。

3-1.頭部角度の調整

ま原画キャラクターが首を傾げている場合などは、一旦 頭の角度が画像に対して垂直になるよう、調整します。 ※ 調整した頭部角度は、E-moteキャラクター化した後に元に戻す事ができます。

3-2.頭部基本パーツへの分解

次に、キャラクターの「頭部」を

「輪郭」「耳L」「耳R」「前髪」「横髪L」「横髪R」「後髪」といった
７つの頭部基本パーツに分解します。

3-3.頭部基本パーツへの分解

3-4.レイヤーグループの合成

E-moteは、レイヤーグループ化されたパーツも合成して取り込みが可能です。
レイヤ名と同様に、レイヤグループにパーツの名前を付けると、E-moteエディタへ取り込み時に自動的にグループ内のレイヤが合成してパーツ化されます。

また、レイヤグループに乗算やスクリーンなどの効果、またはレイヤーマスクを使用しても問題なく合成されます
（但し合成するレイヤーが多いと、その分インポート時のＰＣ負荷と時間は大きくなります）

※ 同psd内に、同じパーツ名が複数存在する場合は、正常に取り込まれない可能性があります。

４．胴体画像の切り出し・調整・パーツ化

キャラクターの首から下、「胴体」となる画像を作製し、パーツに分けて登録します。

4-1.胴体基本パーツへの分解

キャラクターの首から下、「体」の部分を、「胴体」「腕Ｌ」「腕Ｒ」「胸」「スカート」「下半身」など頭部と同様に切り出し、７つの基本パーツに分解します。

4-2.レイヤー名の設定と登録

頭部と同様に、各部に分解したパーツは、それぞれ以下のレイヤー名で設定します。
（アルファベットは全て半角大文字です）

• [胴体](必須) 胴体の中心となります。
• [腕L] キャラクターに向かって左側の腕となります。
• [腕R] キャラクターに向かって右側の腕となります。
• [胸] 体の動きに合わせて跳ねるように揺れるパーツ、胸となります。
• [スカート] 体の動きに合わせて揺れるパーツとなります。不要な場合は省略できます。
• [下半身] 腰から下のパーツです。バストアップキャラクターなどは不要です。

[胴体]は必須ですが、右図のように不要なパーツ、動かさない予定のパーツは省略する事が出来ます。
但し、省略した場合は当然E-moteキャラクターとしての動きの設定範囲も省略されます。

4-3.特殊な腕差分の設定と登録

4-4.新たに登録可能となったパーツ

E-mote3.9ベーシックテンプレートでは、新たに以下の基本パーツが使用可能となっています。

５．表情パーツ「目」「涙」の作成

目は、基本動作として【通常】【半閉じ】【閉じ】【笑閉じ】の状態があります。
以後、各状態の目のパーツを順々に作成してゆきます。

※ レイヤー作製の注意
目（以後の眉も)に関するレイヤーは全て左右１セットで作製して下さい。
左右別々のレイヤーで作製してしまうと、正しく取り込まれません。

5-1．通常目の作成

まず、「通常状態」の目の各パーツを作成し、以下のようにレイヤー名を設定します。

• [マブタ通常](必須)
  目を構成する基本パーツです。目のパーツを使用する場合は必須となります。
• [瞳通常]
  瞳を上下左右に動かしたい場合は必要となります。動かさない場合は、マブタに統合して省略する事が出来ます。

• [白目通常] 瞳が表示される範囲（マスク）となります。瞳を使用する場合は必須です。
• [目影通常] 肌に付くマブタや目の窪みの影を表現します。目の影を乗算で表現したり、
  影が前髪の下に潜り込むデザインの場合は必要となります。

5-2．半閉じ目の作成

続いて、「半閉じ状態」の「マブタ」「白目」「目影」を作成します。（瞳は、通常状態と共用になります）

• [マブタ半閉じ](必須) 目を半分閉じた状態のマブタです。
• [白目半閉じ] 半閉じ状態で瞳が表示される範囲となります。
• [目影半閉じ] 半閉じ状態で肌に付くマブタや目の窪みの影を表現します。

5-3．閉じ・笑閉じ目の作成

更に、「閉じ状態」「笑閉じ状態」の「マブタ」「目影」を作成します。

※ 閉じ・笑閉じ状態の目は、瞳・白目は不要です

• [マブタ閉じ](必須) 目を閉じた状態のマブタです。
• [目影閉じ] 閉じ状態で肌に付くマブタや目の窪みの影を表現します。
• [マブタ笑閉じ](必須) 目を閉じて笑い状態のマブタです。笑い目の無いデザインの場合は、
  「マブタ閉じ」のコピーで省略できます。
• [目影笑閉じ] 目を笑い閉じ状態で肌に付くマブタや目の窪みの影を表現します。

5-4.特殊１・特殊２目の作成

必要があれば、基本４種の他に、特殊状態の目を４種類作成することが出来ます。

特殊目１・２の各レイヤー名称は以下の設定となります。

• [マブタ特殊1] [瞳特殊1] [白目特殊1] [目影特殊1]
• [マブタ特殊2] [瞳特殊2] [白目特殊2] [目影特殊2]
• [マブタ特殊3] [瞳特殊3] [白目特殊3] [目影特殊3]
• [マブタ特殊4] [瞳特殊4] [白目特殊4] [目影特殊4]
• [マブタ特殊5] [瞳特殊5] [白目特殊5] [目影特殊5] (3.8以降テンプレートのみ使用可能)
• [マブタ特殊6] [瞳特殊6] [白目特殊6] [目影特殊6] (3.8以降テンプレートのみ使用可能)

※ 数字は全て半角、構造は全て「通常」と同様です。
使用しない場合は、レイヤーを作成しない、または名前だけのレイヤーを作成する事で省略できます。

5-5.涙1・涙2の作成

涙１・２の各レイヤー名称は以下の設定となります。 ※ 数字は全て半角です。

• [涙1][涙2] 目の動きと同期する涙のパーツとなります。
• [涙影1][涙影2] 涙に重なって表示される影のパーツとなります。

5-6.目パーツ切り出し枠の作成

最後に、目のパーツ切り出し範囲を設定する「目L枠」「目R枠」を作成します。
※ E-mote3.9以降のテンプレートでは作成不要です。

この「枠」は、「目L」(向かって左の目)、「目R」(向かって左の目)を
それぞれ全て囲うように作成し、別々のレイヤー名を設定します。

E-mote取り込み時には、この「枠」で囲まれた範囲が自動的に切り出され、「目L」と「目R」にそれぞれマブタや瞳、通常目や半閉じ目などのパーツが全て登録されます。

※ 枠のサイズは左右異なっていても問題ありません。枠が無い場合は、その目はE-moteキャラクター上から削除
されます（片目のみ削除も可能です）

※ 枠の色、形状は特に指定はありません。透明部分を判断し、矩形(長方形)で切り抜きます。

※ これらのレイヤーは、psd保存時には非表示でも問題ありません。

5-7.特殊な目パーツ設定

これまで説明した基本的な「目」用パーツの他に、特殊な目専用パーツが使用できます。

【ハイライト】

【目追加マスク】

瞳の表示範囲を拡張・調整したい場合、または白目が存在しないデザインの目を表現したい場合は、「追加マスク○○」という形式で追加する事ができます。

• 「目追加マスク通常」
• 「目追加マスク半閉じ」
• 「目追加マスク特殊1」
• 「目追加マスク特殊2」
• 「目追加マスク特殊3」
• 「目追加マスク特殊4」
• 「目追加マスク特殊5」
• 「目追加マスク特殊6」

尚、追加マスクは、E-moteキャラクター上では一切表示されず、重ね順も調整できません。

【涙追加】 【涙追加枠】

• [涙追加1] [涙影追加1]
• [涙追加2] [涙影追加2]

不要な場合は、設定枠自体を作製しないか、レイヤー名を使用しないことで省略できます。

６．表情パーツ「眉」の作成

6-1．眉通常・眉影通常の作成

まず、通常状態の両眉「眉通常」及び眉の影である「眉影」を作成します。

6-2．表情ごとの眉・眉影の作成

眉は、基本表情として「通常状態」「怒」「哀」「笑」の４種類があります。

6-3．眉パーツ切り出し枠の作成

７．表情パーツ「クチ」の作成

7-1．クチ通常閉じ・クチ通常開きの作成

クチは、E-moteキャラクター上では、基本的に２種類の状態を使用します。
登録された２種類の画像を変形させながら自動的に切り替え、クチパク（自動開閉）させる事ができます。
それぞれのレイヤー名に「クチ通常」「クチ通常開き」を設定すれば、作成は完了です。

※ 「クチ通常開き」は、最大状態まで開いたクチを想定して作成して下さい

7-2．各表情ごとのクチ・クチ開きの作成

クチも眉と同様に、基本表情として「通常状態」「怒」「哀」「笑」の４種類があります。

基本的に閉じ・開きで合計８種必須ですが、必要ない表情に関してはコピーを登録しても問題ありません。

作成した画像は、以下のレイヤー名で登録します。

• [クチ通常] [クチ通常開き] 平常状態のクチとなります。
• [クチ怒] [クチ怒開き] 怒り状態でのクチとなります。
• [クチ哀] [クチ哀開き] 悲しみ状態でのクチとなります。
• [クチ笑] [クチ笑開き] 笑い状態でのクチとなります。

また、クチも眉や目と同様に特殊差分用の枠が存在します。
以下のレイヤー名を登録する事で使用可能です。

• [クチ特殊1][クチ特殊1開き]
• [クチ特殊2][クチ特殊2開き]
• [クチ特殊3][クチ特殊3開き]
• [クチ特殊4][クチ特殊4開き]
• [クチ特殊5][クチ特殊5開き] (E-mote3.8以降のテンプレートで使用可能）
• [クチ特殊6][クチ特殊6開き] (E-mote3.8以降のテンプレートで使用可能）

7-3．クチパーツ切り出し枠の作成

８．表情パーツ「頬」の作成

8-1．頬1~頬4の作成

8-2．頬パーツ切り出し枠の作成

他表情パーツと同様に、全ての頬画像を囲うように「頬枠」を作成します。
※ E-mote3.9以降のテンプレートでは作成不要です。

頬のパーツが輪郭からはみ出ないように切り抜きたい場合は、枠のレイヤー名を「頬輪郭マスク枠」と設定します。このレイヤー名を登録する事で、取り込み後の頬パーツが輪郭と左右耳の形状に切り抜かれます。

９．表情パーツ「鼻」の作成

9-1．鼻の作成

9-2．鼻パーツ切り出し枠の作成

１０．追加パーツの作成

眼鏡、頭のリボン、アクセサリー、特殊なヘアスタイル・衣服のパーツ、特殊な腕ポーズ、手持ちの武器など、３~９の作業で作成できなかった部分を作成します。

※ 尚、3.5バージョンのE-moteテンプレートでは、追加できるパーツ数は最大３０個までとなっています。

追加パーツとして画像を作成したレイヤーには、「追加パーツ_○○」または「追加_○○」といった名前を設定して登録します（○○内は自由です） E-moteへＰＳＤ画像をインポートする際は、このレイヤー名を認識して、追加パーツが自動的に一覧登録されます。

また、追加パーツも他パーツと同様に、ＰＳＤ上での重ね順やレイヤ属性がそのままキャラクターに反映されます。そのため、ＰＳＤ上で正しく表示されるよう、重ね順を調整する必要があります。

１１．全体枠の作成

１２．中心軸の設定・作成

最後に、キャラクターが頭や体を回転させる際の中心軸を設定します。
この画像はE-mote上では表示されませんが、正しく設定しないとキャラクターの動作がおかしくなるので注意が必要です。
全部で３つ作成し、以下のレイヤー名を設定します。

• [原点](必須)
  全画像の中心となります。ソフトウェア上で表示、回転や変形を設定した場合は、この原点が中心となります。
• [首中心](必須)
  頭部の回転、頭を傾ける際の中心軸となります。基本的に、アゴの少し上、頭と首の付け根に中心を設定します。
• [腰中心](必須)
  胴体の回転、腰を捻る際の中心軸となります。
  胴体の下部、下半身の少し上に設定するのが基本です。

【原点設定の目安】

原点はキャラクターの表示中心となります。「顔の中心」や「足の爪先」など、用途に応じて統一しておくと特に複数キャラクターが登場するようなゲーム上での立ち位置管理がスムーズに行えるようになります。

【首中心・腰中心設定の目安】

E-moteキャラクターは、「首中心」を軸にして頭（頭部全体）を傾け、「腰中心」を軸にして胴体（胴体全体）を傾けます。尚、頭部は胴体の傾き影響を受けます。

１３．頭部差分・胴体差分

基本パーツの他に、頭部差分、胴体差分といったアクセサリー差分用のパーツが５個ずつ使用できます。

これは、キャラクターのアクセサリーデータを別々に出力し、ソフトウェア上で合成・組み替える機能「分割エクスポート」の為の基本パーツとなります。

使用可能な差分パーツは、以下の通りです （アルファベットは全て半角大文字です）

• [頭部差分A] [頭部差分B] [頭部差分C] [頭部差分D] [頭部差分E]
  頭の傾きや頭部全体の変形に同期します。頭のアクセサリーや追加の髪などに向いています。
• [胴体差分A] [胴体差分B] [胴体差分C] [胴体差分D] [胴体差分E]
  胴体の傾き、胴体全体の動きに同期します。胴体アクセサリーなどに向いています。
• [汎用差分A] [汎用差分B] [汎用差分C] [汎用差分D] [汎用差分E] (ver3.8)
  体の動きから独立しています。下半身のアクセサリーや、背景系のパーツに向いています。

基本的な使用方法は追加パーツと同様ですが、追加パーツと異なり、この差分パーツを芯として更に追加パーツを付ける事ができます。使い方次第で、更に自然な表現や特殊な表現が可能となりますので、E-moteの特性に慣れてきたら積極的に使用する事を推奨致します。

※ 分割エクスポートについては、モーション作製マニュアル
[６．保存・スケール変換・各プラットフォーム用エクスポート][分割エクスポート]をご参照下さい。
※ SDKの無いえもふり・EMMでは合成・組み替え機能は利用できません

【差分パーツを利用した作製例】

ベルトの手前部分を「胴体差分Ａ」で作製（これが追加パーツの芯となります）
ベルトの奥側、揺れるアクセサリーを追加パーツで作製し、「胴体差分Ａ接着」で登録する事で、上下左右に動かしてもパーツの繋ぎ目がズレず、手前の装飾が揺れるベルトを表現する事が可能となります。

このように「差分を芯とする」事で、更に複雑な構造を比較的簡単に実現する事ができます。

１４．E-mote VR表示専用画像の作成

(E-mote3.8以降テンプレートでのみ使用可能）

E-mote3.8では、VRによる疑似立体データが表示可能となりました。
3.8テンプレートでは、VR用データに必要な特殊足パーツの設定・作成が出来ます。
使用できるレイヤー名は以下の通りです(英字は全て半角大文字です)

• [VR足L][VR足R]
  太ももから足首までを作成します。
• [VR足先L][VR足先R]
  足首からつま先までを作成します。真上から見た足をイメージして原画を作成して下さい。
• [VR足L枠][VR足R枠]※ E-mote3.9以降のテンプレートでは作成不要です。

※ 2016年12月現在、E-moteVRはUinty SDKでのみご利用できます。
動画やunity以外のSDKでは利用できませんので、ご注意下さい。

以上で、キャラクター原画の作成は終了となります。

引き続き「モーション作成マニュアル」へお進み下さい。

付録

E-motePSDインポート　使用可能レイヤー基本名称一覧
(.ver3.9テンプレート対応)