絵師による絵師のための無料写真素材サイト『Blank Phostock』公開!

【パースペクティブ】イラストを描くときのパースの描き方 【線遠近法】

5 min
パース講座

こんにちは出雲寺ぜんすけ(‎@blankcoin)です。

今回はイラストを描くときのパースについて僕なりに解説したいと思います。

パースを使えるようになるためにアイレベル、透視図法について、そしてデジタルイラストで使えるPhotoshopでのパースの取り方などを解説します。

パースの内容は僕の執筆した書籍でも解説しいます。

書籍ではここで解説した内容に加えて少しだけ突っ込んだ内容にも触れています。

デジタルイラストを描くときのパースの描き方

パースがなぜ必要か?

パースの具体的な話をする前にまずはパースがなぜ必要かを話したいと思います。

そもそも、なぜパースは必要なのでしょうか?

リアリティーのあるしっかりした背景を描くためですね。

パースとった=正解ではない

ですが、ここで一番最初に伝えておかなければいけないことがあります。

なんと、ただパースをとるだけでは正確な背景を描くことはできません!

ラフがまるで違っているといくら消失点に向かって線をひいても意味がないのです。

パースとった=正解 ではないのです。

じゃあ、パースなんて勉強しなくていいんだ、というとそうでもないのです。

たとえば正方形を紙に描くとします。手順はこんな感じです。
  1. 4辺が同じ長さになるようにアタリをつける
  2. 定規で線を引く

この二つの手順のどちらが抜けても綺麗な正方形にはなりません。

  • アタリをとっていなければ、線はまっすぐでも4辺の長さがちがったり角が直角でなかったりしてしまいます
  • 定規がない場合は、アタリは取っているのでそれらしい感じにはなりますが、線がヨレていたりしてしまいます

パースはちょうどこの定規のような立場であると考えてもらうとわかりやすいのではないかと思います。

パースは定規とかと同じ絵を描くための道具にすぎないのです。

では、そのパースという道具について少しだけ説明させていただきます。

水平線(アイレベル)と消失点

水平線

まずは水平線の話しからしましょう。

水平線は言葉通り水平線とか地平線とか言われる空と海(地面)の境界線です。これを画面上に取ります。

「待って、自分は水平線の見えるような大自然の風景ではなく室内を描きたいんだが……」

という場合でも水平線は必要なのです。

それは、なぜか!?


などと引っ張る必要ないぐらい基本的な話ですいません。

パースをとるために必要なものがあります。

それが、消失点

そして、その消失点は水平線(アイレベル)上にあるのです。

そのため室内だろうが水平線は必要なのです。

あわせて読みたい

ちなみに水平線はアイレベルと呼ばれることもあります。

アイレベル すなわち目線の高さのことです。

ようするに、しゃがんだり、這いつくばったりして見ている高さが立っているときと変わるとアイレベルも変化します。

同じ高さにあるものは水平線(アイレベル)に並ぶ

消失点とアイレベルの詳細解説記事のほうでも解説したようにアイレベル上にあるものが同じ高さということがこのアイレベルの内容を学ぶうえで重要なことです。

これは複数の人物が画面上にいる場合にとてつもなく重要です。

カメラが目の高さなら遠くにいる人も手前にいる人も水平線上に目があるのです。もちろん、背の高さが同じ人物の場合の話です。背丈分は補正してください。

水平線(アイレベル)に並ぶということを意識していないと立っているはずの人が、しゃがんでるか空中浮遊している絵ができあがることはよくあります。

キャラを上手く描ける人でも、パースが得意じゃない人のレイアウトはこのあたりがぬけているのだと思います。

デジタルでパースをとる利点

デジタルでパースをとると何が便利か!?

便利とかどうこう言う前にですね、アナログでビギナーの方が描くとパースを間違えやすいのです!

当然、ちゃんと描ける人ならデジタルだろうがアナログだろうが関係ありません。

では、なぜビギナーがミスりやすいのかというと

理由は単純。アナログだと比較的正しい位置に消失点を取るのがめんどうだからです。

ぜんすけ

ぜんすけ

パースの間違いは、たいがい消失点が近すぎることなのです!!
(一点透視の場合は対角線の消失点)

消失点が近いとどうなるかというと、パースがきつくなります。

すなわち、広角レンズ気味になるのです。

よほど魚眼レンズのようなカットを描くつもりでないのならパースを弱めておいたほうがいいでしょう。

つまり「アナログだとビギナーがミスりやすい=アナログだと消失点が近くに描きがち」ということです。

それはなぜかといいますと、さきほど言ったとおりめんどうだから

なにが面倒かというとアナログだと遠くに消失点を取るのが面倒なのです。

なぜなら、遠くに消失点を取るには紙を継げ足したりとか画鋲や糸を使うかパース定規2を使う必要があるからです。

めんどうだとどうしてしまうかというと、当然楽したくなるのが人間ですから、とりあえず紙足さなくていい位置とか紙一枚足すだけで済む位置に消失点をとりたくなるのです。

そして歪んだ絵を目の前にしてこう言うのです
「いや、パースはとったんですけどねぇ?」

僕もそうでした。

自分でもなんで変になってしまったかわからないのです。パースはとってるはずなんだけどなと、首をかしげるハメになるのです。

これが「パースはただの道具に過ぎん!」と僕が言ってか理由です。

そんなわけで、アナログだと消失点遠くにとるの大変なわけですがデジタルならズームツールで引きまくってから消失点をとれば相当遠くにとることも容易なのです。

パース

消失点さえとってしまえば、あとはこの後↓で解説する『パスでパースをとる方法』を使ってパース線を増やしていけばいいわけです。

結局アナログだろうがデジタルだろうがかまわないんだけど、手を抜いて消失点の位置を決めないようにということです。

 ここまでのポイント

  • パースは道具だから過信はNG。でも便利な道具だからおぼえたら確実に役立ちます。
  • 水平線はガイドを使用
  • アイレベル=目線の高さ
  • ガイドをロック
  • 同じ高さにあるものは水平線(アイレベル)に並ぶ
  • パースの間違いはたいがい消失点が近すぎる

透視図法

イラストなどのパースペクティブでは基本的に一点透視図法、二点透視図法、三点透視図法というこの三つの透視図法を使います。

一点透視図法

一点透視図法は対象物を正面から見たものを描くときに使います。

一点透視図法は1つの消失点に向かって線が集まっていきます。

あわせて読みたい

一点透視図法の詳しい説明はこちらの記事で書いています。

二点透視図法

二点透視図法は消失点が2つあります。
二点透視は対象物となる直方体を真正面以外から見たものを描くときに使います。

あわせて読みたい

二点透視図法の詳しい説明はこちらの記事で書いています。

三点透視図法

三点透視図法は二点透視図法と同様の2つの消失点に加え、さらにもう一つ別方向に消失点ができます。

一点透視図法は縦方向のみで、二点透視図法は縦横2方向になり三点透視図法は縦横高さの3方向に消失点があるのです。

三点透視図法はアオリや俯瞰の絵に使います。

あわせて読みたい

三点透視図法の詳しい説明はこちらの記事で書いています。

図法どんな絵に使うか条件作業コスト
一点透視図法対象物を正面から見たものカメラと対象物が正対している
対象物が地面に垂直に立っている
対象物が画面中央である
二点透視図法真正面以外から見たものカメラと対象物が正対いていない
対象物が地面に垂直に立っている
三点透視図法アオリや俯瞰カメラと対象物が正対いていない
カメラに上下の傾きがある

Photoshopでパースを取る方法

パースについての本はたくさん出ていますが、このブログはデジタルイラストの背景描き方講座と銘打っているぐらいなので、Photoshopを使ったパースのとりかたの説明をしたいと思います。

Photoshopは名前の通り本来は写真加工のソフトなだけにPhotoshopの本にはパースのとりかたの説明はないでしょうし逆にパースの本はアナログでもデジタルでも使えるように特定のソフトに絞った説明はないと思います。

ということで、Photoshopでパースをとるということを解説していきたいと思います。

Photoshopで水平線(アイレベル)を設定する

もちろん、パースを取るためなので、実線である必要はありません。

ガイド

たとえば、これ。

ガイドってやつです。左側にある青い横線がそうです。

新規ガイドで作らなくても、定規(R)を表示させていればウィンドウ端の定規部分をドラックするとガイドを作れます。

これはガイドという名前のとおり本来はサイズや位置のガイドとして使うものなのですが、絵描きにとっては水平線として使えます。

ガイドをロック

そして、注目していただきたいのは新規ガイド(E)の二つ上のガイドをロック(K)です。

これをチェックするとガイドが移動しなくなります。

位置を決めて固定したくなったらチェックしましょう。

これを見落としていると、消失点の位置を変えようとして間違えて水平線を動かしてしまいイライラするハメになります。

ちなみに実線でなくガイドを水平線に使う利点として、画面外にも水平線が引けるということがあります。

ガイド

こんな具合ですね。

ちなみに、パース線はペンツールです。いわゆるパスってやつですね。

フォトショップ使ってる人なら、パスでパース線を取ってる人は結構いるんじゃないかと思います。

ちなみに、パースとるぶんには直線だけなので「パスってペジェとかよくわかんないから好きじゃないんだよっ!」というかたでも大丈夫だと思います。

Photoshopのパスでパースをとる方法

消失点
右の点を消失点として扱います
cg
さらに二本の間にパースの線を増やしたい場合、 新規で引くと図のように消失点にあわせる手間があるのと微妙なずれが確実に発生するのでいまいち。
cg

Alt+Shiftでペンツールを白矢印に変え、て下の点を選択します。

Alt押しながら「↑キー」を一回押すとポイントが増えます。二回押すと二つ増えます。

cg


Alt押しながら「↑キー」を押しっぱなしにすると大量生産してしまうので、増やしたい数だけ「↑キー」を押します。

cg
Altを放して「↑キー」だけを押すとそのまま上に移動できます。
cg
消失点を移動したいときには白矢印でマウスの左ボタンをドラッグすると四角い点線がでるのでそれで消失点付近を囲むとバラバラにならずに消失点を移動することができます。
関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA