ビジュアルノベルでカウンターの奥に立つキャラクターを描くには：前後の重なりを正しくレイヤーに分ける

キャラクターをカウンターの奥に立たせるときは、まず身体を隠す必要があるカウンター部分を独立させ、移動経路に沿って前後関係を切り替えるタイミングを決めます。「カウンターを前景に置く」という指示だけでは不十分です。店員が奥に立つ、天板に手を置く、客側へ回り込むという三つの状態では、それぞれ部分ごとの重なり方が異なります。

この記事では、架空の花屋を例に、再利用できる遮蔽レイヤー分割表を作成します。キャラクター、動作、画面はいずれも説明用の設定であり、実際のユーザー事例、実測結果、DramaFork の製品機能ではありません。以下で扱うのは、空間関係の検討と机上での合成手順に限られます。

カメラは固定とします。奥に花の棚、中央に横長のカウンターがあり、画面右側に出口を設け、客はカウンターの手前に立っています。店員はまずカウンターの奥で接客し、片手を天板に置きます。その後、手を引き、右端を回り込んで客に近づきます。

背景美術の担当者は、ラフに「奥の作業エリア」「右側の回り込みエリア」「手前の接客エリア」の三つを記します。演出担当者は、長い髪、持ち上げた腕、服の裾も含め、キャラクターのシルエットが届く範囲を書き足します。足元の経路だけでは足りません。足がカウンターの範囲を抜けても、後ろに流れる裾はまだ重なっている場合があるからです。

オブジェクトごとに確認します。キャラクターと画面上で重なるか。重なるなら、どちらが手前か。その答えは動作によって変わるか。奥の花の棚は常にキャラクターの背後にあるため、背景に残せます。カウンターは奥にいるキャラクターを隠し、手前に来たキャラクターには隠されるため、独立させる必要があります。左の植木鉢が重なる部分を常に隠し、触れる動作もなければ、固定の前景にできます。関係が変わらない装飾まで一つずつ分けると位置合わせの負担が増えるため、個別に分割する必要はありません。

ここでいう「固定」とは、物が動かないという意味だけでなく、隠す側と隠される側の順序が変わらないことです。カウンター自体は動かなくても、キャラクターとの前後関係は変わるため、動作に応じた遮蔽の調整が必要です。

この例のカウンターは、見えている天板、前板、右端の側板で構成されます。キャラクターが奥にいるときは、キャラクター側に面したカウンターの見える上側の輪郭から、その下の該当領域を覆うようにします。適当な水平線で下半身を切り落としてはいけません。遠近法による斜めの辺、張り出した天板の縁、右側の端も、実際の輪郭に含まれます。

分割表では、二種類の境界を区別する必要があります。一つは画面に見えるカウンターの外形、もう一つは独立した腕のために設ける合成上の継ぎ目です。前者は物の形状に沿わせ、後者は袖口、接触箇所、カウンターに隠れる位置などに収めます。完全に露出した前腕の途中に継ぎ目を置くと、わずかなずれでも腕が切れたように見えてしまいます。

切り出したカウンターは、縁の色と透明度の移り変わりを保ち、背景ベースと同じキャンバスサイズ、同じ位置で作成します。元の背景に同じカウンターが残っていると、前景を単独で動かしたり非表示にしたりした際に、重複部分が見える可能性があります。どのレイヤーがカウンターの表示を受け持ち、取り除いた後のどこを描き足すのかを明示してください。この例では、手前をキャラクターが通るときに見える可能性のある背景を補います。決して見えない店内全体まで描く必要はありません。

以下のレイヤー順は、すべて「奥から手前」の順に読みます。「キャラクター本体」には、天板に置く腕として別レイヤーに分けた部分を含めません。通常の立ち姿に戻ったら、同じ手が二つ出ないよう、腕を含むキャラクター全体に切り替えます。

受け渡し時には、エリアを示したラフ、各レイヤーの表示・非表示の説明、主要ポーズの図を添えます。カウンターをさらに細かく分けるかどうかは、回り込み中の画面で判断します。同じ瞬間に側板が裾を隠し、前腕は天板を隠す必要があるなら、部分マスクを追加するか、該当箇所を分割します。念のためという理由だけで、すべての板を別々にする必要はありません。

一枚目は、カウンターの奥で接客している状態です。背景ベース、キャラクター本体、カウンター、天板に置く腕の順に重ねます。腰と腹は隠れ、手のひら全体が天板の上に載っている状態です。キャラクター全体をカウンターの手前に置くと、本来隠れる身体が前板を覆ってしまいます。反対に、カウンターをキャラクター全体に重ねるだけでは、天板に置いた手まで隠れてしまいます。

二枚目は、離れる準備として手を引く状態です。手を引くポーズを別に描くか指定し、手がカウンターの奥へ戻ったことを確認してから、「背景ベース→腕を含むキャラクター全体→カウンター」に戻します。腕の部分レイヤーを外す処理と本体のポーズ差し替えは、同じ動作状態に対応させる必要があります。ずれると、一瞬だけ手が増える、消える、袖口が跳ねるといった不整合が起こります。

三枚目は、右端を回り込む状態です。まずキャラクターをカウンターの奥に保ち、ラフに沿って、最後まで端に重なっている髪、肘、裾を確認します。この例では、全身の輪郭がカウンターと重ならない位置を意図的に設け、そこでキャラクターを手前に切り替えます。両者に重なりがないため、切り替えそのものでは見た目が変わりません。

四枚目は、客に近づく状態です。「背景ベース→カウンター→腕を含むキャラクター全体」を維持し、再び重なったときはキャラクターがカウンターを覆うようにします。戻るときは逆の経路を確認し、同じく重なりのない位置で奥へ切り替えます。

空間が狭く、重なりのない位置を一つも取れない場合は、この例をそのまま適用できません。部分マスクを使う、レイヤーをさらに分割する、動線やカメラを変更するといった選択肢があります。最初の二つは動作の連続性を保てますが、境界の調整・管理が増えます。動線の変更は合成作業を減らせる一方、元の演技のテンポを変える可能性があります。

机上の確認では、まず全体を見てから三つの箇所を拡大します。髪がカウンターの端を通るときは、その時点の空間関係に従って連続的に現れる必要があります。キャラクターの中心が線を越えたというだけで、髪の束全体が手前に飛び出してはいけません。腕を天板に置くときは、袖口の継ぎ目に隙間がなく、天板の縁が手のひらを横切らないことを確認します。身体がカウンターに沿って動くときは、隠れる範囲がカウンターの輪郭に従い、キャラクターに貼り付いた欠けとして移動しないようにします。

問題ごとに「動作ポイント、誤っている境界、正しい前後関係、修正対象」を記録します。たとえば三枚目で裾が早すぎるタイミングで側板を覆ったら、レイヤー全体の切り替えを遅らせるのか、部分的な遮蔽を補うのかを明記します。「空間がおかしい」という指摘だけでは足りません。切り替えの前後に中間状態を一枚ずつ追加し、主要ポーズは正しくても遷移中に破綻する事態を防ぎます。

この分割表は、固定カメラ、不透明なカウンター、事前に決めた経路を前提とします。透明なガラス、鏡面反射、動く収納扉、複数キャラクターの交差、カメラの向きの変更には、それぞれ追加の指定が必要です。一組のレイヤー順だけでは解決できません。美術担当者が輪郭と描き足す範囲を、演出担当者が動作ポイントと例外を確認したうえで、実際の表示方法に合わせて再確認してください。机上の検討が通っても、実行時の検証が完了したことにはなりません。