![見出し画像](https://assets.st-note.com/production/uploads/images/23945729/rectangle_large_type_2_14841404a116e736e94007f5bf472678.png?width=1200)
デザイン未経験者向け 建築・ランドスケープ設計のためのAdobe Photoshop・Illustratorのはじめ方
私が全くデザインの経験がなかった頃、ランドスケープについて学びたいと考えていましたが、どうもIllustratorやPhotoshopを購入する勇気が出ませんでした。必要なアプリだとは分かっていたのですが、高いし、そもそもどうやって使ったらいいか分からないのに買うのはハードルが非常に高かったのです。
大学で建築学科を学んでいる方は講師や先輩などが丁寧に教えてくれる思いますが、今回はそういう環境がない方向けに、Illustrator、Photoshopの簡単な説明、どう使い分けをするのか、どういう作品が作れるのかについて書いていこうと思います。
ちなみに、学生や教員、教育機関に所属している人は4月28日まで71%オフで購入することができるのでぜひ早めに契約してチャレンジしてみてください。
Illustrator・Photoshopとは
Illstrator・PhotoshopとはAdobeという会社が提供しているアプリケーションです。どちらもイラストを作成するのに使います。建築やランドスケープの設計をする上で必須とも言えるアプリケーションです。
Illustrator・Photoshopのインストール方法
これらのアプリケーションはAdobeのサイトに行くと無料でダウンロード・インストールすることができます。何も契約していない状態で、アプリを起動すると、無料体験期間という表示が出てきます。7日間、無料で利用することができます。無料体験期間が終わった後は、自動的に利用できなくなってしまうので、Adobe Creative Cloudというサービスを月あるいは年単位で契約します。
Creative Cloudは複数のアプリケーションを提供しており、1つのアプリだけを利用するプランや、全てのアプリを利用するプラン(コンプリートプラン)など様々なプランがあります。建築・ランドスケープの設計で使う場合は、Illustrator、Photoshop、Indesignを使うことが多いので、それら全てが含まれているコンプリートプランを契約することがおすすめです。
通常時、コンプリートプランは月額5000~6000円、学割等を使っても月額3000円程度ですが、4月28日までは学生・教員など教育機関に所属している人は、月契約は月額1980円、年契約すると月額1580円相当で使えるプランがあるので、学生の人は今すぐ、チャレンジしてみると良いと思います。
![スクリーンショット 2020-04-25 午後6.32.45](https://assets.st-note.com/production/uploads/images/23882939/picture_pc_2d55585cbecb9f47b0a071e8f28d4081.png?width=1200)
![スクリーンショット 2020-04-25 午後6.30.30](https://assets.st-note.com/production/uploads/images/23882947/picture_pc_18b52d61c69e3287f74b2bbfb5a11c5b.png?width=1200)
IllustratorとPhotoshopでできること
Illustrator、Photoshopを使うとどちらもイラストを描く際に使うと書きましたが、どういったイラストが描けるのか、またどうこれらを使い分けているのか等について紹介していきます。
Illustratorの特徴と使用例
Illustratorはベクターデータで絵を描きます。ベクターとは、
・一本の線を数値情報で描いている
・線の形等を編集可能
・どこまで縮小拡大しても解像度が変わらない
といった特徴を持つデータ形式です。
![イラレ・フォトショ使い方_アートボード 1](https://assets.st-note.com/production/uploads/images/23940687/picture_pc_65f693ef67cd1ba976ba389be759ea2d.png?width=1200)
上の画像のように線の中にポイントがあり、これらのポイントの位置情報で線が描かれています。例えば、ポイントの場所を少し変えると、線の形も変わります。なので、線の形を編集することが簡単です。線の中にある編集ポイントのことをアンカーポイントと言います。
![イラレ・フォトショ使い方_アートボード 1 のコピー](https://assets.st-note.com/production/uploads/images/23940772/picture_pc_c9aa998a74a654ca0d46e9bf71c2ca89.png?width=1200)
また、どれだけ近くまで拡大しても解像度は綺麗なままです。
![イラレ・フォトショ使い方_アートボード 1 のコピー 2](https://assets.st-note.com/production/uploads/images/23940777/picture_pc_711a47b1eb83a9d2a9cef301af39a49b.png?width=1200)
基本的には上で紹介した線の描き方・編集方法を応用して、線や図形を描くことができます。建築・ランドスケープの分野では、Illustratorを使ってダイアグラムと呼ばれるコンセプトを表すイメージを作ったり、簡単な平面図・断面図を作ったりします。(高い精度の図面を描く場合はAutoCADを使うことが多いです。)下の図でも線データの地図に、簡単な四角形の図形を組み合わせてゾーニングの考え方を表現しています。
![スクリーンショット 2020-04-26 午前10.14.53](https://assets.st-note.com/production/uploads/images/23936081/picture_pc_85ac8a70eb5dc05d043820a4e9a4eec9.png?width=1200)
非常に便利なソフトウェアですが、
・データが重たくなりやすい
・複雑な色使いはできない
といった点が欠点です。Photoshopはこれらの欠点を補ってくれます。
Photoshopの特徴と使用例
Illustratorはベクターデータを使いましたが、Photoshopはラスターデータというデータ形式で絵を描きます。
ラスターデータの絵は
・小さなピクセルに色データが入っている
・拡大すると解像度が低くなる
・複雑な色使いが可能
・図形の形状の編集には向いていない
といった特徴を持つデータ形式です。
Photoshopで画像を拡大するとピクセルを見ることができます。Photoshopではこれらのピクセルに色が乗ることで、画像が形作られています。
![イラレ・フォトショ使い方_アートボード 1 のコピー 3](https://assets.st-note.com/production/uploads/images/23940798/picture_pc_6afcb8a39dfaa52671edce84c16cb168.png?width=1200)
そのため、画像を拡大するとピクセルが見えてしまい解像度の低い画像になってしまいます。上の「Photoshopの特徴1」と「Illustratorの特徴3」の画像を比べると分かりやすいですね。また設定でピクセルの大きさが小さいと解像度の高い画像、逆にピクセルが大きいと解像度の低い画像になります。
![イラレ・フォトショ使い方_アートボード 1 のコピー 4](https://assets.st-note.com/production/uploads/images/23940843/picture_pc_6a263e29424a8d61764135b43f4e0645.png?width=1200)
ピクセルに色が入っているだけで、線自体のデータはないので、一度描いた線の形を自由に編集することは難しいです。一方で、画像の一部を切り抜いたり、ブラシツールを使って複雑な色使いの絵を描いたり、画像の色を調整することが簡単にできます。
![イラレ・フォトショ使い方_アートボード 1 のコピー 5](https://assets.st-note.com/production/uploads/images/23941170/picture_pc_ffba7fe088f41e3ce0454ca49b2987c1.png?width=1200)
ですので、建築・ランドスケープの分野では、画像の色合いを修正したり、写真の切り抜きを作ったり、デジタルなパースの絵を描いたりする際にPhotoshopを使います。以下、大学の課題で作ったものです。
![画像7](https://assets.st-note.com/production/uploads/images/23939305/picture_pc_56b68bfd8d6b9a03a2d6258edba54b70.png?width=1200)
![画像8](https://assets.st-note.com/production/uploads/images/23939312/picture_pc_585a58d356479a0bca2327774b4c0a42.jpg?width=1200)
デジタルパースは一見難しそうに見えますが、スケッチアップ等のデジタル3Dのためのソフトウェアを使って白黒の3Dパースを作り、その白黒の画像にPhotoshopを使って色を乗せるという流れで作成できます。時間はかかりますが、意外と難しくないのでこの機会に挑戦してみると良いと思います。
こちらのプロジェクトをサポートしていただけた方、書籍のSpecialThanksに名前を記載させて頂きます。