初心者でもキレイに描ける!クリスタでの漫画の背景の描き方とパース理論

パース理論を覚えてクリスタで背景を描こう

ネットの普及により、今では個人で漫画を描いて配信している人は増えています

また、クリスタなどの漫画・イラスト用のアプリもあるので、漫画制作しやすくなりました

とはいえ「ぜんぜん上手く絵が描けないよぉ(><)」って人も多いのではないでしょうか

なかでも「キャラはなんとか描けるけれど、背景の描き方はわからない(><)」という人は、多いと聞きます

僕も、その1人でした

僕はあまり絵がうまいほうでなく、漫画を描き始めたころは↓こんな感じでした

before

キッチンbefore1
キッチンbefore2

キッチンの描き方がいい加減です(ていうか、キャラも下手です……)

それが、今ではこれくらい描けるようになりました

after

afterのキッチンの背景

まあ、なかには「未だ下手くそじゃねぇかよ」と思う人もおられるかもしれません

基本、僕は下手なほうなので

ただ知ってほしいのは、ほとんど練習はしていないんです

描き方を覚えたうえでクリスタのツールを使うことで、ほとんど練習することなくここまで描けるようになったんです

というわけで、このブログでは

このブログの内容
  • 漫画の背景の描き方(主にファンタジー系)を
  • 初心者でも描けるようになるために
  • 出来るだけわかりやすく

解説していきます

「覚えたて程度のやつが解説なんて出来るのかよ?」と思われるかもしれません

しかし才能ある人の解説は、はなっから複雑な背景イラストを見せて、「写真見て模写しろ」みたいなこと平気で言ってきます

僕も初心者だからこそ、どの点が悩みどころなのかを理解し、わかりやすく伝えられるかと思います

また、このページでは

かんたん! マンガパース術」に書かれたことを参考に、解説しているところもあります

かんたん!マンガパース術は、非常にわかりやすく背景のパースについての解説

実践で役立つ描画法について書かれています

もしよければ、チェックしてみてください↓

created by Rinker
¥1,540 (2025/03/13 13:01:09時点 楽天市場調べ-詳細)
created by Rinker
¥1,980 (2025/03/13 13:01:09時点 楽天市場調べ-詳細)

【STEP0】背景を描くのに必要となる「パース」って何?

「パース」ってそもそも何なの?

背景を描く場合、また背景だけでなくキャラを画面に配置する際には、「パース」を用いた作画法が必要となります

パースとは、パースペクティブ(Perspective)という”遠近法”・”透視図法”という意味の英語に由来する言葉の略です

絵を描くというのは僕たちが日常で見ている3次元の世界を、用紙やイラスト用のアプリの画面など、つまりは2次元の平面に落とし込むことです

トカゲネコ
トカゲネコ

たとえ漫画・アニメ絵だとしても、モチーフとなっているのは現実の3次元の世界なんだよね

その平面の用紙に、3次元の立体的な世界を違和感なく描くためには、パース(遠近法)を使う必要があるのです

【STEP1】アイレベルと消失点

「アイレベル」とか「消失点」って?

アイレベルとは?

アイレベル(EL)とは、目線(カメラ)の高さのことです

アイレベル=カメラの高さ

このイラストのように人物の顔にカメラを向けると、顔が映し出されるわけですが、人物の目のあたりに水色の線が引かれています

これがカメラ(目線)の高さ、つまりアイレベル(EL)となります

トカゲネコ
トカゲネコ

アイレベル=カメラの高さのこと

アイレベルと地平線

アイレベルは、必ず地平線(HL)と一致します↓

アイレベル=地平線1
アイレベル=地平線2
アイレベル=地平線3
アイレベル=地平線4

たとえこれが下から見上げたり(アオリ)、上から見下ろす(フカン)構図になっても、地平線はアイレベル上にきます

アオリの場合のアイレベル=地平線
トカゲネコ
トカゲネコ

地平線ともアイレベルは一致するんだなぁ

消失点とアイレベルによる物の見え方のルール

物が遠くなれば遠くなるほど小さく見え、やがて点に収束する、その点のことを「消失点(VP)」と言います

下のイラストの四角は実際は立方体なのですが、アイレベルが真ん中にあって、その中心に消失点がある

つまりは立方体を真正面から見ている状態なので、平面の四角に見えています

消失点が真ん中にある立方体

これを斜め上に移動させますと、立方体を斜め上に見上げている状態となるので、底面と側面が見えます

斜め下に移動させますと、立方体を斜め下に見下ろしている状態となるので、上面と側面が見えます

また、アイレベルから遠いものほど、見えていなかった部分が広く見えるようになります

下のイラストだと、下の立方体のほうが上の物よりアイレベルから少し遠いので、上面と側面が広く見えています

トカゲネコ
トカゲネコ

位置と距離によって見え方が変わってくるんだ

【STEP2】パース線を用いた作画法の代表3種

三種類の「透視図法」の違いは?

一~三点透視図法の見分け方について

  • 消失点が1点なので「一点透視図法」
  • 2点で「二点透視図法」
  • 3点で「三点透視図法」

と言われている3種の透視図法

しかし、実際の漫画やイラストでは、当然ながらアイレベルも消失点も表示されていません

なので消失点の数で覚えるよりは、横・高さ・奥行のうち、奥行きの線のみが斜めになっているのが一点透視図法

横の線と奥行

もしくは、高さと奥行の線が斜めになっているのが二点透視図法

横・高さ・奥行ともに斜めの線になっているのが三点透視図法、と覚えたほうがわかりやすいでしょう

トカゲネコ
トカゲネコ

これを知らなかったために、よほど単純な背景でない限り何点透視で描かれたものなのか見分けられなかった

3種の透視図法によるアイレベルと消失点の位置について

一点透視図法と二点透視図法の場合、必ずアイレベル上に消失点が配置されます

1点透視図法と2点透視図法はアイレベル上に消失点がある

三点透視図法の場合は水平方向に2か所アイレベル上に消失点がおかれるのに加えて

上か下どちらか垂直方向にもう一点おかれます

3点透視図法はアイレベル上にない消失点がある
トカゲネコ
トカゲネコ

三点透視だけVPの位置がちょっと違う

Point

三点透視図法の縦の消失点は、キャンバスの幅におさまるように配置しましょう

幅におさまっていれば、必ずしも中心に置かなくていいです

たての点はキャンバスの幅におさまるようにする
必ずしも中心でなくていい
縦の点がキャンバス幅からはずれて、いびつな形になった三点透視の背景
一点透視図法の奥行きの「圧縮」について

一点透視のパースに慣れていないと、奥行きを長く描いて、いびつになりがちです

奥行きが広くていびつな一点透視図法

側面が長くなりすぎないよう、狭めて整えましょう

特に一点透視の遠景は、おもいっきり狭めに描くといいでしょう

この狭めることを「圧縮」と言います

【STEP4】消失点の適切な配置場所

消失点ってどこに置けばいいの?

複数の消失点は画面外へ

二点透視や三点透視のように複数の消失点がある場合、すべて画面内に消失点を置いてしまうとパース線の角度がきつくなりすぎます

結果、いびつな形の背景が出来上がってしまいます

消失点の配置を間違えて、いびつな形となってしまった家

消失点はすべて画面外に配置、画面内に置くとしても1つのみにとどめましょう

2点・3点透視図法の消失点は、画面外に配置

二点透視の点と点との距離について

背景がいびつな形にならないようにするためには

消失点の距離に注意が必要です

点を左右対称位置におく場合

点と点の距離は近めに

対象位置にある消失点

片方の点を中心に近づけたら

もう片方はそれ以上にもっと遠くに

片方の消失点を近づけたら、もう片方はそれ以上にもっと遠くへ

片方が中心に近ければ

もう片方はだいぶ遠くにおきましょう

片方が中心に近いと、もう片方はだいぶ遠くへおかれる
トカゲネコ
トカゲネコ

キレイな背景を描くためにも、消失点の位置には本当に注意!

消失点の配置は角度を意識して

背景をキレイに見せるための消失点の配置は

角度が90度近くになる場所です

直角になることを意識して消失点を配置するとほどよい形の背景が描ける
マルリン
マルリン

角度が大切なんだ

三点透視のアイレベルの位置について

三点透視は基本、真ん中にELはきません

見上げるか見下ろす背景になるので

ELは真ん中より下か上に配置しましょう

それと、画面外の上(下)に配置する消失点も

だいぶ画面から離れた位置におきましょう

いびつな形の三点透視
ELを下に、上の消失点をさらに上に配置した三点透視
とかげねこ
とかげねこ

見上げる視点になるから、ELは下に

三点透視の点の距離と配置について

二点透視同様に

三点透視も点が同じ間隔におかれているなら


距離は近めになる


また、建物の角度が90度近くを意識すると


いびつな形にならない

三つの消失点が同じくらいの距離なら近めになる

片方の点が中心に近づいたら


もう片方は、それ以上にもっと遠くへ

片方の点が中心に近づいたら、もう片方は近づいたよりもっと離す

ELを中心に近づけたら


たての点もそれ以上にもっと離して置きましょう

ELを中心に近づけたら、縦の消失点も近づけたよりもっと離す

これらの消失点の配置の解説や、一点透視の圧縮、三点透視のアイレベルの位置など

かんたん! マンガパース術」を参考に描いております

かんたん!マンガパース術では、立体を意識した線の引き方、画面構成、魚眼パースなどなど

実践で使える描画法について、いろいろ解説されています

ぜひ、チェックしてみてください↓

created by Rinker
¥1,540 (2025/03/13 13:01:09時点 楽天市場調べ-詳細)
created by Rinker
¥1,980 (2025/03/13 13:01:09時点 楽天市場調べ-詳細)

クリスタで背景を描くメリットについて

消失点を画面外に配置する際、原稿用紙上で描く場合は別の用紙を貼り合わせてアイレベルを伸ばしていく必要があります

クリスタの「パース定規ツール」を使えばその必要はなく、かんたんに消失点を配置できます

クリスタのパース定規を使って、消失点を配置
トカゲネコ
トカゲネコ

クリスタのパース定規は、背景を描くのにすっごい便利だよ♪

【STEP5】アイレベルとキャラ

アイレベルとキャラクターの関係とは?

アイレベルと人物の配置

画面に人物が複数いて、それぞれ違う位置にいても、アイレベル上で同じ高さとなります

どういうことかというと、下のイラストを見てみましょう

目の高さにアイレベルが揃う、それぞれ別の配置にいる同じ高さのキャラクター

五人の同じ身長の人物がそれぞれ違う配置ですが、アイレベル上でみんな目の高さにそろっています

もう一つ

アイレベル上にお腹の位置に揃う、それぞれ別の場所に立つ同じ高さのキャラクター

これも同じ身長の五人が別々の位置にいますが、アイレベル上にくびれの高さにそろっています

ただ、子供など身長差があったりすることも、考慮しましょう

トカゲネコ
トカゲネコ

これを知らずに間違って描いちゃう人も多いから、注意してよく覚えておこう

アイレベルとキャラの見え方

下のイラストのように服の袖や腰巻、ズボンの柄がまっすぐであるとして

アイレベルがくびれのあたりとするならば、衣服を身に着けた膨らみを意識してアイレベルより上の物は上向きの曲線に

下の物は下向きの曲線となります

マルリン
マルリン

服の見え方も変わってくるんだ

トカゲネコ
トカゲネコ

もちろん!

【STEP6】パース線を使った作画ミスの修正

作画ミスがあったら修正を

下のイラストのドア、人物の大きさに対して明らかに小さいです

修正していきましょう

編集/キャンパスサイズを変更 で画面サイズを広げましょう

編集/キャンパスサイズを変更を選択

画面外に切れていた人物の足を描き足すことで、全体像を作ります

キャンバス外のキャラの足をつけたす

建物も画面外に切れた部分を描き足し

キャンバス外の建物もつけたす

人物を壁際にスライドして、消失点からパース線を伸ばします

アイレベルを目の位置に維持させたまま、パース線にそって人物を縮小しつつドアの横に移動させます

それから、人物が通れる大きさに修正しましょう

修正出来たら”選択範囲ツール”の”長方形選択”を選び

選択範囲ツールの長方形選択を選択

元の画像部分を囲って

編集/キャンパスサイズを選択範囲に合わせる を選びます

編集/キャンパスサイズを選択範囲に合わせるを選択

元の画面サイズに戻ります

元の画像サイズに戻る
トカゲネコ
トカゲネコ

ただ、いちいちキャンパスサイズを広げる工程がめんどうなので、キャラの身長の目安となる画像を用意

キャラの身長の目安画像
トカゲネコ
トカゲネコ

画面に挿入してパース線に合わせるのもいいかも

キャラの身長の目安画像をパース線に合わせる

まとめ:背景の必要性とパースのおさらい

今回は、背景を描くために知るべき「パース(遠近法)」について解説しました

遠近法にはアイレベル、消失点、透視図法などいろいろ覚えることがありましたね

ざっとまとめますと、

パースを用いることで、違和感のないキレイな背景描写・キャラの配置された絵が描けます

トカゲネコ
トカゲネコ

背景はキャラがどの場所にいるのかを特定したり、季節や昼・夜などの時間、曇り・雨といった天気を表すにも必要

作品の質を上げるためにも、パースを覚えて背景を描こう