コラム

数々の実テーマ解決に取り組んできたコンサルタントのコラムの他、
体系的な製品開発手法やイノベーション支援ソフトGoldfireの導入・推進のヒントなどをお届けします

catch-img

技術者のためのイラストレーション講座 ~基礎編~(3)

笠井肇


こんにちは、IDEAの笠井です。

【ステップⅠ】では、線画を始めるにあたって、直線や円を描く練習をしていただきました。そして、身の周りの立体の多くは直線と楕円とで構成されていることをお伝えしました。


今回は、奥行きのある立体が自然に(正しく)見える線画の描き方のコツをお伝えします。理論に基づいた線画の基本であり、この先、楕円や回転体を描く際にも使いますから、しっかり理解していただきたいと思います。


理論を学んだ後で、立体の中でも最もイメージしやすく、形の正しさも確認しやすい立方体を、実際に描いてみましょう。


【ステップⅡ】-パース(透視図法)の基本-


立体を、見たままのように描くための理論をパース(Perspective:透視図法)といいます。


パースは、紙などの平面に立体物を表現する方法として、子供の頃に習ったことがある“遠近法”と同じものと考えていただいて構いません。“近くにあるものは大きく、遠くにあるものは小さく見える”というアレです。


試しに左右の手の人差し指を立てて、左腕は肘から曲げ、右腕は前方に伸ばして目の高さに合わせて見てください。右手の方が人差し指の長さが短く、手の大きさも小さく見えますね?



遠近法の例



これからお伝えする立体の線画表現はすべてこのパースに則っていますから、しっかりと理解しましょう。


パースの特徴は以下の2点です。

  1. 空間にある平行な線は、消失点(Vanishing Point)と呼ばれる一点に収束する

  2. 奥行きは、正しい長さより縮んで(短く)作図される


言葉だけでは分かりにくいと思いますから、立体を描くときの基本である立方体(正六面体)を使って説明します。六つの面がすべて正方形でできている立方体は、作図したときに辺の長さがどう変化したかが分かりやすいという特徴があります。


パースで作図する透視図は以下の4種類に分類されます。

  • 1点透視図
  • 2点透視図
  • 3点透視図
  •  等角投影図(アイソメトリック図)


① 1点透視図 :立方体の一つの面が、視点に正対している場合の見え方です。奥行きを示す辺だけが、水平線上の中心にある消失点(P)に収束して点を結びます。そのほかの縦の辺同士横の辺同士は平行線になります。

1点透視図


② 2点透視図 :一つの縦の辺が視点に正対している場合の見え方で、その右の辺が水平線上の二つの消失点(P1P2)に収束します。高さを示す縦の辺は収束しないで平行線になります。


2点透視図


③ 3点透視図 :2点透視図に垂直方向(上・下いずれか)の消失点(P3)が一つ加わったものです。縦の辺は消失点(P3)に収束し、立方体を忠実に再現できます。

  • ※対象物の大きさに対して視点の位置が特に近い場合(ビルを真下から見上げたときなど)に適用します。多くの場合は、②の2点透視図で対応できます



3点透視図


④ 等角投影図(アイソメトリック図):望遠レンズで極端に遠くのものを見た場合に相当する表現で、透視図のような消失点は存在しません。立方体の向かい合う辺がすべて平行線として現れるため、複雑な要素のつながりや位置関係などの表現に適しています。

ただし、パースの特徴2項目「奥行きは正しい長さより縮んで(短く)作図される」に反していますから、末広がりのように見えてしまいます。


等角投影図



以上が、立体を自然に見えるように描くためのパースの基本です。ここから先の線画はすべてパースで描いていきますので、直線や円を描いたのと同じように、立体を描く練習をしてみましょう。


まずは、利用頻度の多い①1点透視図や②2点透視図の説明にならって、色々な大きさの立方体を、色々な角度から見たように描いてみてください。


そのとき消失点はぜひ意識してほしいのですが、閃いたアイデアを素早く描くのが目的ですから、厳密に考える必要はひとまずありません。思いのままに描いてみて、その線画をあとで見たときに立方体の面が捻じれていたり、辺が平行に見えなかったり、直交して見えなかったり、おかしいなと感じたら、その原因を考えてみてください。


下の図は、A4サイズの紙に消失点(P1、P2)を設定して、それを目安にフリーハンドで(定規を使わずに)立方体を描いたものです。少し慣れたら目安としての消失点も設定しないで描けるようになります。


フリーハンドで描いた立方体


ここでちょっと説明を加えたいと思います。実は①1点透視図や②2点透視図で描く場合、立体が正しく(自然に)見えるのは、消失点の位置(高さ)よりも上下方向にあまり離れない範囲に限られているのです。その理由を以下に述べます。


上のA図をご覧ください。他の立方体と比べて手前の角が90度に近くなっていますね? 

立方体が消失点から離れていない高さにあるときには手前の角はかなり鈍角ですが、下がるに従って手前の角は90度(正方形の角)に近づきます。言い換えると、A図はかなり上から見下ろしている図といえるのです。それを下の図で説明しましょう。


上のA図と同じものを下の左端に描き写してみました。上ではそれほどおかしく見えなかったと思いますが、その右側に描き足したB図と見比べてみてください。


いかがですか? こうしてみると、B図の方が自然に見えませんか?

ですが、B図の上面と手前の縦の辺はA図と全く同じなのです。もうお分かりですね? B図は、右端の図で示したように、③3点透視図にならって左右の縦の辺を傾けて描いています。このように、立体の位置によっては3点透視による補正が必要になることを知っておいてください。


3点透視による補正


いかがですか、立方体の描き方に慣れましたか? 次回は立方体の分割と倍増の方法、そしてそれを応用した直方体の描き方に進んでいきます。

さあ、複雑な立体の線画表現までもう少しです。


笠井@IDEA



  IDEA-TRIZ Toolbox体験セミナー 発明的問題解決理論「TRIZ」の発想手法と、実際の問題解決への適用方法を知る。さらにTRIZ発想支援ツール『IDEA-TRIZ Toolbox』を使ってその発想法を体験できる、2時間のオンラインセミナーです。 株式会社アイデア



笠井 肇
笠井 肇

本連載コラム「技術者のためのイラストレーション講座」の他の記事を読む

技術者のためのイラストレーション講座 ~基礎編~(1)

2021-02-08 21:51

発想したアイデアをイラスト(線画)として描くことで、アイデアを効果的に伝えたり活用することができます。この連載コラムでは、「アイデアを正しく伝える」ためのテクニックをお伝えしていきます。

技術者のためのイラストレーション講座 ~基礎編~(2)

2021-02-13 22:54

発想したアイデアを効果的に伝えたり活用するための「イラストレーション講座」。第2回は、思い通りの線を描く練習から始めます。

技術者のためのイラストレーション講座 ~基礎編~(3)

2021-02-20 23:27

発想したアイデアを効果的に伝えたり活用するための「イラストレーション講座」。第3回は、立体を見たままのように描く、パース(透視図法)の基本を練習します。

技術者のためのイラストレーション講座 ~基礎編~(4)

2021-02-25 08:50

発想したアイデアを効果的に伝えたり活用するための「イラストレーション講座」。第4回は、立方体を分割、倍増して立体を表現する方法を練習します。

技術者のためのイラストレーション講座 ~基礎編~(5)

2021-03-09 10:07

発想したアイデアを効果的に伝えたり活用するための「イラストレーション講座」。基礎編の最終回となる第5回は、円(楕円)の描き方と、円柱の作図を練習します。

貴社の課題を 私たちにお気軽にご相談ください

お電話でのお問い合わせはこちら
ご不明な点はお気軽に
お問い合わせください。
開発力を強化するメソッドが
わかる資料はこちら