背景を描きたいけれど、アイレベル・消失点といった用語やパース(遠近法)の理屈がよく分からない……。まずは、パースの仕組みが分かりやすい「一点透視図法」の例を用いて、考え方を学んでいきましょう。
今回は、pixivからno nameさんのご投稿を紹介します。一点透視図法のイラスト解説を見ていきましょう。
※この記事で紹介している内容はご本人の許可を得て掲載しています。
この記事の目次
遠近法の描き方 一点透視図法をイラスト解説
一点透視図法をイラスト解説①.水平線をイメージする
![荒野をイメージ](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113102/1-min5.jpg)
![地平線](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113103/2-min5.jpg)
![目の高さに水平線](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113103/3-min5.jpg)
![アイレベル](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113104/4-min5.jpg)
- まず、自分が広大な荒野にいることを想像します。
- このとき、はるか遠くを見渡すと、地平線は自分の目の高さにあります。
- 海があれば、水平線は自分の目の高さにあります。
- 目の高さのことをアイレベルと言います。
一点透視図法をイラスト解説②.目に映る風景をイメージする
![スクリーンをイメージ](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113104/5-min5.jpg)
![スクリーンを正対させる](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113105/6-min5.jpg)
![スクリーンを見る](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113106/7-min5.jpg)
![見えている世界を写す](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113106/8-min5.jpg)
![荒野の絵](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113107/9-min5.jpg)
- 自分の目の前に、透明のスクリーンを張ります(スクリーンの大きさや形は自由ですが、自分に正対する位置に設定します)。
- スクリーンを見てみると、世界が映っています。
- 見ている風景を、自分の目の位置を動かさないように写し取ります。
- 1枚の荒野の絵ができました。こういった考え方を透視図法と言います。
一点透視図法をイラスト解説③.アイレベルを考える
![アイレベルの解説はじめ](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113107/10-min4.jpg)
![人の目の映り方](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113108/11-min3.jpg)
![指を当てる](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113108/12-min3.jpg)
![水平線はアイレベル](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113109/13-min3.jpg)
「なぜ、自分の目の高さに地平線や水平線が位置するのか」については、「人間の目にはそういう風に映る」と割り切った方がいいとのことです。自分の目の高さに指を当てて、地平線と重なるかどうかを確かめてみましょう。
地平線や水平線といった用語を、以降の解説では「アイレベル」と呼ぶことにします。
一点透視図法をイラスト解説④.収束する点を考える
![真上から見る](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113109/14-min2.jpg)
![まっすぐな道がある](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113110/15-min1.jpg)
![通常のアングル](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113110/16-min1.jpg)
![前置き](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113111/17-min1.jpg)
![3つ目の目があったとする](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113111/18-min1.jpg)
![スクリーンに向かってビーム](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113112/19-min1.jpg)
![スクリーンに穴が開く width=](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113112/20-min1.jpg)
![スクリーンの絵](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113113/21-min1.jpg)
![前置き2](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113113/22-min1.jpg)
![見る人の視線に平行に進むライン](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113114/23-min1.jpg)
![スクリーンの穴に収束](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113114/24-min1.jpg)
- スクリーンの風景に加えて、視線の方向に真っ直ぐ進む道があるとします。
- 人物の目と目の間から、スクリーンに向かって光線を放ったとします。
- 目と目の間の真っ正面の位置で、スクリーンに穴が空きます。
- スクリーンを絵にしてみると、空いた穴は道の延長線上に位置します。
スクリーンを見ている人の視界では、視線に平行に進む道やラインは先ほどの穴(点)に収束していきます。
一点透視図法をイラスト解説⑤.まとめ
![アイレベルのまとめ](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113115/25-min1.jpg)
![消失点のまとめ1](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113115/26-min1.jpg)
![消失点のまとめ2](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113116/27-min1.jpg)
![視線に平行に走る道](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113116/28-min1.jpg)
![一点透視とは](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113117/29-min.jpg)
ここまでの約束事をまとめてみましょう。
- 水平線・地平線は、その風景を見ている人の目の高さに現れる。これをアイレベルという。
- 見ている人の視線に平行に進む全ての道や線は、アイレベル上の「その風景を見ている人」の真っ正面の点に集まる。
それさえ分かれば、自分の視線に平行に真っ直ぐ進む道の絵は、いくらでも描くことができます。
この点が一点透視の消失点です。
一点透視図法をイラスト解説⑥.補足
![補足の絵](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113117/30-min.jpg)
![1つのカットにしている](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113118/31-min.jpg)
![切り取ると分かりやすい](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113118/32-min.jpg)
![基本の視界は不変](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113119/33-min.jpg)
![二点透視でも重要](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113119/34-min.jpg)
![まとめ](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/03/27113120/35-min.jpg)
道の消失点が左右の端に寄っている絵を見て、「消失点が正面にないのでは?」と思うかもしれません。しかし、これは大きいスクリーンを部分的に切り取って、1つのカットにしているからです。
スクリーンはどのようにでも切り取ることができますが、その風景を見ている人の前に広がる線が収束する位置は変わることがありません。
このような考え方は、二点透視(ものを斜めに配置)を描く場合も大事になってきます。視線に平行な線が収束する感覚を身につけておきましょう。
近くに海や荒野がなくても、街中などで自分の目の高さに指を当ててみましょう。自分が見ている方向に真っ直ぐ伸びる線が、アイレベル上にある消失点に集まってくるのが分かると思います。
※参考書籍:『パース!マンガでわかる遠近法』(著:デヴィッド・チェルシー/訳:みつじ まちこ/マール社)
まとめ
一点透視図法のイラスト解説でした。アイレベル・消失点・遠近法がよく分からない……とお悩みの方は、no nameさんの解説を参考に、一点透視の絵をイメージして考えてみてください。
最後に、no nameさんのpixivをご紹介します。他にも素敵なイラストを投稿されているので、ぜひご覧ください!
no nameさんのpixivはこちら