イラストノウハウ
パース・背景の描き方

初心者も簡単!ノベルゲームの背景イラストの描き方

  • 描き方

ノベルゲームの背景は、キャラクターと共に物語の世界観を伝え、プレイヤーを深く没入させるための重要な要素です。ノベルゲームの背景の描き方をマスターすることで、ゲームのクオリティが上がります。

今回は、ゲームの背景イラストを描く上での基本的な考え方から、実践的な作画フローまでを分かりやすく解説します。他の背景の描き方やテクニックについては、こちらの記事を参考にしてください。

ノベルゲームの背景の基本

ノベルゲームの背景とは?

ノベルゲームの背景は、ノベルゲームの中でキャラクターたちが会話しているときの背景です。ノベルゲームにおいては、キャラクターと並んで物語の世界観を表現する重要な要素です。

ノベルゲームの背景に必要な構図と視点の考え方

ノベルゲームの背景イラストで最も重要なのが、視点の安定性です。キャラクターの目線の高さである「アイレベル」を意識しましょう。

アイレベルがシーンごとに大きく変動すると、プレイヤーは違和感を覚えてしまいます。基本的には、画面の中央付近にアイレベルを設定することで、自然で安定した構図になります。

よく使われるシーン別ゲームの背景イラストを描くポイント

ゲームの背景イラストには、物語の舞台となる様々なシチュエーションがあります。ここでは代表的なシーンごとに、押さえておきたい要素を紹介します。

教室の背景イラスト

教室の背景イラストでは、「窓」「廊下」「黒板」「机と椅子」が必須の要素になります。特に、机や椅子のように同じ形状のものを多数配置する場合は、ペイントアプリの3D素材などを活用すると、パース(遠近感)を正確に保ちながら効率的に描けます。

キャラクターの部屋の背景イラスト

キャラクターの部屋の背景イラストでは、住んでいるキャラクターの個性を反映させましょう。几帳面な性格なら整理整頓されたシンプルな部屋、可愛いものが好きならぬいぐるみや小物を配置する、など、キャラクター設定をデザインに落とし込むことで、物語に深みが生まれます。

街並みの背景イラスト

街並みの背景イラストは、作品全体の時代設定や世界観を表現するのに最適です。現代が舞台なら見慣れた日本の風景、ファンタジーなら西洋風の石畳の街、といったように、ノベルゲームの物語のトーンに合わせた街並みを描きましょう。

ノベルゲームの背景イラストの描き方

ノベルゲームの背景イラストのアタリの描き方

まず、描きたい部屋のイメージを、大きな窓が欲しい、家具はベッドと机だけ、のように具体的に固めます。

次に、そのイメージを元に、大まかな配置図となるアタリを描きます。

パース(遠近法)を意識し、まず部屋全体を大きな箱として捉え、その中に家具を小さな箱として配置していくと、構図が決めやすくなります。

さらに、ベッドの上や壁などに小物などを追加すると、生活感を演出できます。

ノベルゲームの背景イラストの線画の描き方

アタリを元に、線画をきれいに整えていきます。

ノベルゲームの背景は、キャラクターを引き立てる役割もあるため、線を多用しすぎず、シンプルで見やすい線画を心がけるのがポイントです。

ノベルゲームの背景イラストの色の塗り方

パーツごとにレイヤーを分けながら、基本的な色を置いていきます。

この段階では影や光は意識せず、それぞれの固有の色を塗ることに集中します。今回は、木製の家具に、緑や黄色の差し色というように、部屋のコンセプトに合わせた配色を選びます。

木製の家具には、テクスチャを貼り付けることで質感を簡単に表現することができます。レイヤー効果をオーバーレイにして不透明度を調整して質感を表現しましょう。詳しい使い方は、オーバーレイの使い方の記事をご参照ください。

ここから、光と影で立体感を表現していきます。まず、光源(今回は窓)を意識し、部屋全体に落ちる大まかな影を描き込みます。

家具と床の設置面に濃い影を入れると、存在感がぐっと増します。

次に、家具一つひとつに落ちる影を描きます。

物体をシンプルな箱として捉え、光が当たらない面に影を乗せると、簡単に立体感を出せます。

部屋全体をみてさらに影の描き込みや、色を線画に馴染ませましょう。

ノベルゲームの背景イラストの仕上げ方

全体の描き込みが大体終わったら、部屋の空気感を出していきましょう。

まずは、部屋全体に影を描き込んでいきます。

明暗がくっきりしてるとより空気感が出しやすくなります。

窓枠の周りに黄色やオレンジ系の明るい色を置き、レイヤー効果を「加算(発光)」などにすると、昼間の強い日差しを表現できます。

光が当たっている床や壁にも、ふんわりと暖かい色を乗せると、よりリアルな雰囲気になります。

空気感を出すために影の部分や床面に薄い水色を載せて、レイヤー効果をソフトライトにします。最後に不透明度を調整すれば、ノベルゲームの背景イラストの完成です。

ノベルゲームの背景イラストの演出のやり方

同じ部屋の背景でも、色使いや描き込みを調整するだけで、異なる時間帯や天候を表現でき、物語の演出に幅が生まれます。

時間帯を表現する方法

ノベルゲームの背景イラストで時間帯を表現するには、窓からの光の色を変えるのが最も効果的です。

朝のゲームの背景イラストの描き方

朝の時間帯を表現する場合には、全体的に影を薄めにし、黄色や水色を使った爽やかな光で表現します。

昼のゲームの背景イラストの描き方

昼の時間帯を表現する場合には、オレンジ系の暖かい光を強くし、影もくっきりと濃く描きます。

夕方のゲームの背景イラストの描き方

夕方の時間帯を表現する場合には、部屋全体に赤系の色を「オーバーレイ」で重ね、窓から差し込む光は強いオレンジ色で表現します。明暗のコントラストを強くすると夕暮れらしさが出ます。

夜のゲームの背景イラストの描き方

夜の時間帯を表現する場合には、全体を青系の暗い色で覆い、窓から差し込む月明かりをぼんやりと描くと、静かな夜の空気を表現できます。

天候を表現する方法

窓の外の風景を変えるだけでも雰囲気は一変します。

雨の日なら、外を暗く描き、室内の照明が灯っている様子を描くと、物語の情景がより豊かになります。

照明で雰囲気を表現する方法

また天気や風景だけでなく、部屋の明かりの調整をすることでより雰囲気のある背景になります。

部屋の様子を変えることで、ノベルゲーム内での今後の展開が変わる雰囲気も表現できます。部屋を散らかしてみるなどの表現も試してみましょう。

アタムアカデミーでノベルゲームの背景イラストの描き方を学べる

アタムアカデミーでは、ノベルゲームの背景イラストの描き方を学ぶことができます。

関連記事

パース・背景の描き方

初心者も簡単!シンプルでおしゃれな背景の描き方

この記事では、イラスト初心者の方でもすぐに実践できる、シンプルでおしゃれな背景の作り方をご紹介します。 参考記事:初心者も簡単!背景のイラストの描き方 図形を配置するだけの背景の描き方 丸・三角・四角などの単純な図形を使うだけで、デザイン性の高い背景が作れます。 メンフィス柄風に図形を散らす 幾何学…

パース・背景の描き方

初心者も簡単!夏の空のイラストの描き方

夏の空の魅力や特徴 夏の空は、太陽の強い日差し、鮮やかに映える青空、モクモクと広がる厚い雲などが特徴です。他の季節に比べて鮮やかで澄んだ青空や、モコモコとした入道雲などは特に夏らしさを感じさせます。 また、夏の空は夕方や夜といった時間帯でも魅力的です。鮮やかな色合いと強い明暗差により、コントラストの…

パース・背景の描き方

初心者も簡単!入道雲のイラストの描き方

入道雲の魅力と特徴 入道雲とは、夏の強い日差しによって発生する「積乱雲」のことです。風の弱い晴れた日の昼過ぎから夕方にかけてよく見られ、青空に向かって高く、もくもくと盛り上がる丸みを帯びた形が特徴的です。 入道雲の構図の作り方 イラストの印象を大きく左右するのが構図です。入道雲を描く際は、画面を縦横…

遷移する 記事一覧に戻る

オンライン
無料体験レッスン

 
アタムアカデミーの
カリキュラムを体験できる
オンライン無料体験レッスンを毎週開催
タブレットでイラストを書いている子供

アタムアカデミーでは、入塾前にイラスト講座を体験できるオンライン無料体験レッスンを行っています。講師とビデオ通話をしながら授業を体験していきます。
オンライン無料体験レッスンはiPadに必要なソフトをインストールし、applepencilを使って授業を行っています。iPadをお持ちでない方は、紙とペンでの体験もできます。
課題や制作した作品は講師とチャットやメールでやりとりをすることで共有を行います。兄弟でのご参加、お友達同士のご参加もOK。
オンラインであっても、対面型の教室と同じように学ぶことができます。

  • 費用 無料
  • 時間 60
  • 人数 11
  • 場所 全国可
無料体験申込みはコチラから

受講に必要な機材

通信用デジタル端末

インターネット・カメラ機能のある端末1台

インターネット・カメラ機能のある端末
描画用デジタル端末

タブレット&タッチペン

タブレット&タッチペン
紙とペン
でも
参加OK!

現役のクリエイターが教えます!

  • 久遠
    久遠
    Kudou
  • すぴか
    すぴか
    Supika
  • あっちゅん
    あっちゅん
    Acchun
  • 矢代
    矢代
    yashiro
iPad・Apple Pencil
初月無料レンタル実施中!
無料体験申込みはコチラから