建築学科ごっこ

建築学科がむなしくなったら読むブログ

【図面・パース・ダイアグラム】建築プレゼンに必要なスキルを、学習ロードマップとしてまとめてみた


設計課題が始まると、学ばなければならない技術、身につけたい表現スキルがとても多いことに気が付きます。

 

この記事では、プレゼンボードやポートフォリオを作るにあたって必要となる図面やパースを作るために、どんなソフトやスキルを身につければいいのか、そのロードマップを作ってみました。

 

 

全体像

建築プレゼンスキル8種

まずは、学習の全体像を紹介します。

 この記事では、建築プレゼンのスキルを下記の8スキルに分類します。

f:id:houman-arch:20190420153431j:plain

建築プレゼンスキル 8種
  • 手描きスケッチ:紙とペンを使ったアナログな描写
  • 写真撮影:模型写真や敷地写真の撮影
  • 模型作成:スタディ模型や敷地模型も含む、建築模型の作成
  • 2DCAD:図面を作成するソフト
  • 3DCADなど:BIMや3次元CAD、3DCGによるモデリング
  • Illustrator:Adobe社を代表するベクターデータ編集ソフト
  • Photoshop:Adobeを代表するラスターデータ編集ソフト
  • InDesign:Adobe社を代表するレイアウトソフト

 

設計コンペのプレゼンボードや就活に使うポートフォリオ作成に必要なスキルは、概ねこの8種だと思います。

これらを一通り学べば、建築学科における表現技術のすべてを手に入れたといっても過言ではないはずです。

 

 

 学ぶ順番

では、あなたはこれら8つのスキルのどれから学び始めるべきなのでしょう? 

ここで問題なのは、それぞれのスキルは独立した能力ではなく、互いに連携し合う関係にあるということです。

 

 

 

 

例えば課題で建築模型を造り、これをポートフォリオに載せることをイメージしてみてください。

 

このとき、美しい模型写真を撮影するスキルや撮影した画像を補正・合成スキルを持っていると、より掲載する模型写真は魅力的になります。

あるいは模型作成についても、CADソフトによって平面図や立面図を簡単に作成・複製

 できるようになれば、よりすばやく正確な模型を楽に作れるようになります。

 

 

 

つまり、模型作成というスキル単品で所有しているよりも、

「CADソフト・写真撮影・写真加工・レイアウト」

といった関連スキルと一緒に学ぶほうが、スキルの掛け算が起こり、何倍も効果的になるということです。

 

言い換えれば、どのスキルとどのスキルが相乗効果の互いにスキルなのかを把握しておかないと、場当たり的な学習になってしまうという事です。

 

 

 

 

 

そこで、前述の8種のスキルを、互いの連携や関連性も含めて表現した図が、下のロードマップです。

f:id:houman-arch:20190420180605j:plain

ここではプレゼンを大きく4つのステップに分類しています。

 

  1. 準備:グラフィックを作る前の、素材集めやイメージ構想
  2. 作成:グラフィック素材の作成
  3. 調整:つくった素材の合成・補正
  4. 配置:作った素材を紙面上にレイアウト

 

必ずしも下のスキルを身に着けなければ上の技術を身に着けられないということではありませんが、下にあるスキルほど表現の基礎技術ということになります。

 

 

 

 

以上の図をもとに、プレゼンスキルを身につけるためにはどのような技術が必要なのかを紹介したいと思います。

 

 

 

各スキル紹介とグラフィック

さて、以上のような前提を踏まえ、学習のロードマップを示したいと思います。

ここでは、「図面」「CGパース」のように、最終的に作りたいもの別に題材を取り上げ、それを作るためにはどのようなソフトやスキルが必要なのか、という順番で紹介したいと思います。

 

1.図面

f:id:houman-arch:20190420180900j:plain


図面による表現は、建築学科における最も基本となる表現技術です。

昔は手書きが主流だった製図ですが、PCによる製図ソフト(CADソフト)が登場してからはもっぱらデジタルでの製図が主流となりました。

 

▼CADソフトの比較・選び方はこちら

www.gakka-gokko.com

 

 

 

 

しかしCADによって作られた図面は、白黒2色しか使われておらず、また線のみよって構成されており、図面の読み取りに精通した人でないと理解に時間がかかります。

 

そこで必要なのが、図面が完成したあと、その図面の床を塗ったり、木や人を書き加えたりすることで、図面に活気を与え、直感的にわかりやすくする加工スキルです。

こうした図面の加工・調整作業には、Adobe社のPhotoshopやIllustratorという作業が便利です。

 

 

▼CADで作成したデータをIllustratorで加工する方法

www.gakka-gokko.com

 

 

加工はIllustrator・Photoshopのどちらでもできます。

 

ただし、CADで作成したデータは線数がとても多く、Illustratorでは重くなりがちです。

線数の多い図面の場合は、下記のようにPDFで出力した線画をPhotoshopで加工します。

f:id:houman-arch:20190420160821p:plain

Photoshopで加工された平面図

 

 

 

さて一方で、テクノロジーが発達した現代においても、紙とペンで図面をスケッチすることの重要性は失われていません。

手描きでササッと図面が引けることは、建築設計の瞬発力を鍛える上で非常に重要となります。

 

▼手描きの製図練習によって基礎力を鍛える方法

www.gakka-gokko.com

 

 

 

2.ダイアグラム

f:id:houman-arch:20190420181032j:plain


ダイアグラムとは、情報を整理し図版したものを意味する単語です。

建物がどのような敷地にあるのかを示す地図や、その土地の人口・気候を示すグラフなどの一般的な図版だけでなく、空間の魅力を解説するために単純化された平面図は断面図など、その内容は多岐にわたります。

f:id:houman-arch:20170623125529p:plain
f:id:houman-arch:20170730104515j:plain
Illustratorで作成されたダイアグラム例

 

作成にあたっては、まずアナログスケッチで大まかなイメージを掴んだあと、Illustratorによって描画するのが普通です。

 

単純なグラフィックであればIllustratorのみで作成しますが、状況によっては地図データを加工する専用ソフトや、立体的な3Dモデルを作成するソフトと連携させて作成します。

 

 

 

▼立体データ(ArchiCAD)を扱う方法
www.gakka-gokko.com

 

▼地図データ(基盤地図情報)をダウンロードする方法

www.gakka-gokko.com

 

 

 

 

3.手描きパース

f:id:houman-arch:20190420181135j:plain


アナログで作成した建築パースやスケッチは、そのままスキャンして貼り付けるよりも、Photoshopで加工してから載せるのが普通です。

 

例えば鉛筆で描いた線画は、そのまま撮影・スキャンするよりも、Photoshopによって線画を抽出したほうがキレイに取り込むことができます。

f:id:houman-arch:20161129221040j:plain
f:id:houman-arch:20161130225852j:plain
手描きのパースの線画をPhotoshopで抽出する

 

そしてこれを着色するのもPhotoshopのできることの一つです。

f:id:houman-arch:20190420162332j:plain

Photoshopで着彩された平面パース

 

 

 ▼平面図をもとにパースを作画する方法

www.gakka-gokko.com

 

4.CGパース

f:id:houman-arch:20190420181153j:plain


迫力のあるフォトリアルなパースを作るためには、3次元CADやBIMで建築をモデリングし、レンダリングソフトによって光の具合を調整することによって作成できます。

f:id:houman-arch:20170327185727j:plain

ArchiCADで作成された集合住宅モデル

 

▼3次元CADやBIMの比較記事 

www.gakka-gokko.com

 

 

 

しかし、作成したCGパースは単品で使う以上に、設計敷地の背景写真や、人・樹木といった写真素材と合成し、雰囲気を整えることによってより魅力的なグラフィックになります。

Photoshopは、パースと写真を合成し自然になじませる際にもよく使われるソフトです。

f:id:houman-arch:20190420163610j:plain
f:id:houman-arch:20190420163622p:plain
ArchiCADで作成したリノベーション案を現在の写真と合成

 ▼モデリングした建築CGと風景写真をPhotoshopで合成する方法

www.gakka-gokko.com

 

 

ただしこうしたデジタルなパース作成であっても、構図を決める力や色味を整える力は、アナログなスケッチ力やデッサン力、空間を捉える力が威力を発揮します。

 

 

5.模型写真

f:id:houman-arch:20190420181214j:plain


建築模型もまた、重要な空間表現の手法です。

そのため、建築模型作成に関する指南書もたくさん出版されています。 

www.gakka-gokko.com

 

模型は、実際に対面して見せるときに有効なのはもちろんですが、スタディ模型や最終的な模型写真をポートフォリオに載せることで、手描きパースやCGパースとは違った雰囲気を読み手に与えることができる意味でも重要です。

 

そして模型写真は、構図・照明・背景紙などに気を使うか否かで、撮影の仕上がりがぐっと変わってきます。

こうした撮影技術が無いと、どれほどクオリティの高い模型であっても安っぽく・素人臭く写ってしまいます。

www.gakka-gokko.com

 

 

またCGパースと同様、模型写真もPhotoshopによる加工は効果的です。

敷地の写真を背景として合成したり、あとから添景を書き加えることで、より活気ある模型写真にすることができるようになります。

 

 

 

6.プレゼンボード・ポートフォリオ

f:id:houman-arch:20190420181235j:plain


1-5まで解説してきた画像素材を、紙面上にバランスよくレイアウトするソフトがIllustratorInDesignです。

 

プレゼンボードのように、一枚~数枚程度の紙面上にレイアウトする際には、Illustratorで十分対応できます。

 

 ▼Illustratorで画像素材を効率よくレイアウトする方法

www.gakka-gokko.com

 

 

ただし、Illustratorはあくまでイラストや図を作成することに向いているソフトです。

画像や文章を限られた紙面上で配置・構成するには、InDesignが最適です。

特に、ポートフォリオのように複数ページにまたがる冊子でのレイアウトの際は、圧倒的にInDesignが便利です。

 

 

 

 

 

 

 

 

関連記事

▼Illustrator・Photoshop・InDesignの詳細・選び方はこちら

www.gakka-gokko.com