• ホーム
  • ブログ
  • ギャラリー
  • 料金
  • ホーム
  • ブログ
  • ギャラリー
  • 料金
制作を始める

創る。遊ぶ。

クリエイターブログ

ホーム/ブログ/ビジュアルノベル制作

夜景に置くと立ち絵がシールのように浮く――ビジュアルノベルのライティング差分の作り方

夜景用の立ち絵は、全体を暗くするだけではなじみません。架空の灯台守の三つの立ち位置を例に、全体の色調補正と部分的な描き直しを区別し、主光源の方向、光が遮られる部位、キャラクターを識別する配色、流用範囲を制作指示書にまとめます。

D
DramaFork Editorial Teamインタラクティブ物語とAI制作
2026.10.13読了目安:9分
映画的な雰囲気のエディトリアルイラスト。同じ暗いコートを着た灯台守が、月明かりと室内の暖色ランプの二つの空間にまたがり、顔と服のしわには方向の明確な照明の変化が表れている。背景には柔らかな海霧。文字、アルファベット、数字、ロゴ、透かし、ブランドマーク、インターフェースのスクリーンショットはない。
目次
クリエイターブログ
  1. 01はじめに
  2. 02光の方向を考える前に、キャラクターの立ち位置を決める
  3. 03全体の色調補正は雰囲気を変え、部分的な描き直しは光の当たり方を変える
  4. 04三つの立ち位置を、制作に渡せる差分指示書にまとめる
  5. 05流用できるかは、場面名ではなく照明条件で判断する
  6. 06チェックでは「まだシールっぽい」ではなく、矛盾している箇所を伝える
記事上部へ

はじめに

昼間の立ち絵を夜景に置いてシールのように浮いて見えたら、まず顔や服のしわの明暗の方向を確認し、その後で全体を暗くするか判断します。色が暖かすぎる、明るすぎるという問題なら、全体の色調補正から試せます。一方、鼻の影が誤った方向に伸びている、光の当たらない襟に明るい縁が残っている場合は、部分的な描き直しが必要です。制作指示は具体的な部位に落とし込み、「夜らしさを少し足す」だけで済ませないようにします。

この記事で作るのは、立ち絵のライティング差分の制作指示書です。以下の灯台守と場面はすべて架空の教材であり、設定した光源の方向と遮蔽関係に基づいて見え方を検討したものです。実際のユーザー事例や実測結果、DramaForkの製品機能ではなく、特定のソフトウェアの色調補正機能も前提にしていません。

光の方向を考える前に、キャラクターの立ち位置を決める

灯台守は濃紺のコートを着ており、襟元には暗い赤の当て布、胸元には古い銅製の留め具があります。曇り空の波止場から暖色のランプが灯る室内へ入り、最後に月明かりの差す窓辺へ移動します。照明の変化だけを検討できるよう、三つの場所で正面向きから少し顔を振った同じポーズを使い、人物の大きさも変えません。

指示書では「画面左・画面右」に表記を統一し、キャラクター自身の左右と見る側の左右を混同しないようにします。この例の波止場には、頭上の開けた空から柔らかな光が届きます。室内のランプは画面左上、人物の前方です。窓辺では月明かりが画面右上の側面寄りから入り、左側には弱い室内の暖色光だけが届きます。月明かりを寒色にするのはこの例の画作り上の設定であり、すべての夜景に当てはまる決まりではありません。

まず背景ラフに人物の位置、光源、照射方向を記入し、次に立ち絵の小さなラフで明部と暗部を示します。背景に遠くの窓が描かれているだけで、人物がその光の中に立っているか分からなければ、絵を描く側は顔に側光を入れるべきか判断できません。

ここでは、窓辺の立ち位置を窓枠の落とす影から外し、側光と人物自身による遮蔽だけを扱うことにします。物語上、人物が窓枠の影を横切る必要があるなら、落ち影の要件を別途指定します。描き手の判断で縞状の影を補わせてはいけません。

全体の色調補正は雰囲気を変え、部分的な描き直しは光の当たり方を変える

この例では、波止場版をベースにすると扱いやすくなります。顔の明暗はなだらかにつなぎ、眉骨の下、鼻の下、顎の下、襟の内側には遮蔽による暗部を残します。コートの広い面には、片側だけに強い光の帯を描きません。これらの影には形状上の根拠があります。曇天だからといって影がなくなるわけではありません。

暖色のランプが灯る室内版では、まずベース画の広い面で明るすぎる部分を抑え、そのうえで光の当たる領域を暖色寄りにします。ただし、全体を調整しても鼻の影が自動で反対側へ移るわけではなく、立った襟が首への光を正しく遮るようになるわけでもありません。画面左側の額、頬骨、肩の受光面を描き直し、鼻の影は画面右下へ伸びるように整理します。右側の頬と襟の下は暗めに保ちます。

指摘は二つに分けられます。「絵全体が明るすぎる」は色調補正で扱い、「右肩のハイライトが左上のランプ位置と矛盾している」は部分的な描き直しで扱います。一つの指摘に両方が含まれる場合も、それぞれの修正範囲を分けて記します。全体をオレンジ色に染めただけで完了としないためです。

濃紺のコート、暗い赤の当て布、古い銅製の留め具は、キャラクターを識別する配色として記録します。この配色を保つとは、すべての部位の色を固定することではありません。三つの環境でも、素材と配色の対応が読み取れるようにすることです。暖色光を受けるコートの面は暖かい色になって構いませんが、暗部でも赤い当て布との違いを残します。銅製の留め具の輝点は光源に合わせて変え、すべての版に同じ白い点を貼り付けないようにします。

三つの立ち位置を、制作に渡せる差分指示書にまとめる

以下を合わせると、この例で再利用できる指示書になります。別のキャラクターに使う際は、立ち位置、配色、具体的に光を遮る部位を置き換えてください。「寒色」「暖色」の二語だけを入れ替えるものではありません。

共通のベース画: ポーズと服の形をそろえ、人物の輪郭、顔のパーツの位置、服の縫い目、当て布の境界を引き継ぎます。濃紺のコート、襟元の暗い赤の当て布、古い銅製の留め具の配色関係を保ちます。共通化するのはこうした構造情報であり、元の絵に描き込まれたハイライトと影のすべてではありません。

差分と使用する立ち位置 主光源の方向 光が遮られる部位 共用できる部分 描き直す部分
波止場の柔光版:曇天の開けた場所 上方からの広く柔らかな光。片側からの強い主光はなし 眉骨の下、鼻の下、顎の下、襟の内側 共通ベースと、同じポーズで成立する基本的な暗部 元の絵の強い側光を除き、顔とコートの柔らかな明暗を整える
室内の暖色ランプ版:左上のランプの前 画面左上、人物の前方 鼻の影は右下へ。襟が首の一部への光を遮る 輪郭、服飾の細部、照明と矛盾しない基本的な暗部 左の額と頬骨の明部、顔の右側の影、左肩と服のしわの受光面、銅製の留め具の輝点
窓辺の月光版:上半身に窓からの光が届く位置 画面右上の側面寄り。左側には弱い暖色光 鼻の影は左へ。顎と襟元は引き続き光を遮る 共通ベースと、そのまま成立する遮蔽構造 右頬と肩の寒色の明部、左側の暗部とわずかな暖色光、服のしわの明暗、銅製の留め具の反射

残す色についての補足: 波止場版を配色の基準にします。暖色ランプ版では、赤い当て布とコートを同じ茶色の塊にしてはいけません。窓辺版は左側の暗部の彩度を下げても構いませんが、襟元の当て布の形と相対的な色の違いは判別できるようにします。暗がりのボタンを一つ残らず見せる必要はありません。

提出の順序: まず三点の小さなラフで光源の方向と暗部の範囲を確認し、その後で肌、布、金属を描き込みます。ラフで両側とも主光を受けているように見える場合は、細部へ進みません。どちらを明るくし、反対側の光にはどのような補助光の役割だけを持たせるかを先に決めます。

流用できるかは、場面名ではなく照明条件で判断する

この例で三つの差分が必要なのは、柔光、左側の暖色ランプ、右側の窓明かりで明暗の配置が異なるためです。暖色ランプ版を全体的に青く染めても、窓辺版にはできません。色調は寒色になっても、鼻の影と肩の明部の向きは誤ったままです。

反対に、背景が二種類あっても波止場版を共用できる場合があります。たとえば、灯台守が開けた波止場から、同じく目立つ側光のない霧の中の桟橋へ移る場面です。ポーズ、遮蔽、主要な明暗関係が同じなら、まず流用を試し、その背景に合わせて全体の明るさと色を確認できます。

主光源の方向、光の柔らかさ・硬さ、遮蔽の形、識別用の配色の読み取りやすさを順に確認します。違いが全体の色調だけなら、流用候補にできます。どれか一つでも明暗の境界を移す必要があれば、部分修正の内容を列挙します。流用の判断には適用できる立ち位置を明記し、「すべての夜景に対応」とは書かないようにします。

予算が限られる場合は、物語上重要な立ち位置に正しい差分を優先して使います。人物の位置を調整し、既存の差分が成立する光の範囲に置く方法もあります。ただし構図の自由度は下がるため、美術と演出の双方で確認が必要です。矛盾をより深い影の中へ隠すだけでは解決になりません。

チェックでは「まだシールっぽい」ではなく、矛盾している箇所を伝える

三つの差分をそれぞれ対応する背景に戻し、実際の表示サイズで確認します。最初は色の違いを除いて、明部と暗部の方向だけを比べます。ランプが左上なら、左の額と肩に対応する光が当たっているか。窓が右側なら、鼻の影に暖色ランプ版のものを誤って使っていないか。その後でカラーの画面を見て、一律の色付けでコート、当て布、肌色の違いが失われていないかを確認します。

修正理由は「窓辺版の左肩に強い暖色のハイライトが残っており、弱い暖色光という設定と矛盾している」のように書きます。「なじみが悪い」だけでは不十分です。輪郭が一周同じ明るさになっている場合も、どの縁に光源の根拠がないかを示します。全身を光る輪郭線で囲んで、内部の明暗の誤りをごまかさないようにします。

この指示書は、ポーズがほぼ固定された立ち絵の計画に向いています。顔を向け直す、手を上げて顔を覆う、着替える、新たな落ち影の中へ入るといった変化があれば、それまでの遮蔽関係が成立しなくなる可能性があります。関係する部位を改めて確認してください。光の当たり方が合っていてもシールのように浮く場合は、エッジの硬軟、パース、画面の質感を個別に調べます。合成の問題をすべて夜景の色のせいにしないことが大切です。

プロダクト機能を見る 作品を体験
PLAY / DISCOVER

記事のテーマを遊ぶ

作品索引を見る
キャラクター IP

ボタン

すべての文を完成させたいのに、沈黙が意図的なものだと分からない。

インタラクティブ映像

黒薔薇の証人

マフィアの結婚と命を懸けた証言の狭間で、証人は真実が暴力に変わる前に誰を信じるか決めなければならない。

インタラクティブ映像

13階のエレベーター

存在しないはずの13階に止まり続けるエレベーター。鏡から消えた人物が、ループを抜ける方法を知っているらしい。

インタラクティブ映像

明日への最終列車

最終列車は、繁栄する都市と崩壊した世界という二つの未来へ向かう。あなたの選択が終着駅を決める。

続きを読む

他の記事を見る
映画のような雰囲気のエディトリアルイラスト。長い廊下の奥には斜めに敷かれた床タイルがあり、成人の使者をかたどった紙の立ち絵が床に立ち、片側に床に沿う影を落としている。別の仮配置用の立ち絵は床から浮いている。側光が空間を際立たせる。
ビジュアルノベル制作2026.10.13 · 9分

ビジュアルノベルの立ち絵が背景から浮くとき、パースと足の接地位置をどう確認するか

大きさや位置を調整する前に、人物と背景で視点の高さと身体を支える面の設定が整合しているかを確認します。成人の使者を廊下と階段の踊り場に置く架空の教材を使い、人物配置レビューシートに記入しながら、合成・背景・人物作画のどこで修正すべきかを整理します。

映画的な雰囲気の解説用イラスト。手前の一枚絵では二人が木製のはしごを支え、奥の道具部屋の舞台では、二人がすでに手を離して離れて立っている。中央で二つの場面を柔らかく重ね、動作の収束を表す。前後の光は連続している。
ビジュアルノベル制作2026.10.13 · 9分

ビジュアルノベルのイベントCGから、背景と立ち絵へ自然に戻すには

イベントCGに最後に映っている姿勢から逆算し、手を離す動作、離れて立つまでの流れ、小道具の位置を整理してから次の会話を再開する。「CG終了時の接続カード」に最終状態、残っている動作、移行先の立ち絵、小道具の行方、会話の再開位置を記入し、実際に演出へ落とし込める形にまとめよう。

映画的な雰囲気のエディトリアルイラスト。薄暗い琥珀色の戸口の明かりの下に門番が立ち、鍵を握って体に引き寄せている。横には笑顔と驚いた顔の二枚の表情パネルが浮かび、その中央には空白の輪郭がある。
ビジュアルノベル制作2026.10.13 · 9分

ビジュアルノベルで表情差分が足りないとき、代用・演出変更・描き足しをどう選ぶか

表情が足りないときは、その表情が伝えるべき情報を整理してから代用を判断します。門番が鍵を貸すのを断る架空の場面で、笑顔・驚き・顔を隠す演出・間を比較し、引き継ぎに使える表情差分の不足対応シートを埋めていきます。

ひとつの物語から、遊べる世界へ。

ひとつの物語のアイデアから、脚本、キャラクター、ショット、分岐をまとめ、遊べる最初のバージョンを作れます。

コンテンツ目録

  • クリエイターブログ
  • テーマ特集
  • 記事アーカイブ
  • 作品索引

探索

  • 作品ギャラリー
  • テキストゲーム
  • キャラクター IP

法的情報

  • プライバシー
  • 利用規約
  • Cookieポリシー
© 2026 DramaFork/AIインタラクティブストーリースタジオ
Press Enter to send, or drag away and release.