【Illustrator】建物を作る

2020-01-24

深夜お腹が空く頃にH●lu開いて自ら飯テロされに孤●のグルメか今日の3分●ッキングを観るのがブームなkanaです。
今回はIllustratorで簡単平面の建物ぽい作り方を紹介しようと思います。
使っているソフトはIllustrator2020です。CSでも作れます！図形書ければなんでも大丈夫だと思います！

最終的にこうなりたい

こんな感じのよくわからない、多分家？カフェ？的なものを作っていきます。
（スケール感はスルーしてくださいっ）

下のものから作る

シルエットを決めます。細かい装飾は後からつけていくのでまずは四角を置いていきます。
豆腐の家みたいなので大丈夫です。建物は何階建てだろうとふわっと考えておくとあとで楽です。
考えてなくてもなんとかなります。完成後の未来の自分がなんとかしてくれます。

見本だと壁面に影をつけてあります。つけなくてもいいです。好みで。今回は端折ります。
これはこのままで置いておきます。

次に窓ガラスをつけます。１階と２階と３階につけていきます。

長方形を作り、作った長方形を選択した状態でパスのオフセットをし内側に５pxぐらい小さい長方形を作ります。
小さい長方形をガラスの色で塗ります。今回はくすんだ青っぽい色で着色しています。
ガラス面にも影？光の反射的なもの（特に意味はない）をつけます。こちらも好みでつけてもつけなくてもどちらでもいいです。

１階っぽいところに先ほど作った窓枠をはめ込みます。
もう建物感ありますね！！！！！完成でいい気がしてきました。

次に２階部分の窓ガラスを作成します。

２階部分は廊下みたいなものだと思います。外からの階段で上がり廊下通ってまた階段で上がり３階へ行く構造だと思います。（構造は適当です）
廊下部分に小さな小窓をたくさん作ります。四角を置き上だけアーチ状にします。角丸機能がない場合は半円と長方形を用意してくっつけたらできます。
ある程度横に複製して完成。

3階も2階同様窓枠を当てていきます。

3階部分は2階部分と作り方は一緒です。
3階の窓は2階よりも大きい窓だといい感じに見えるかもしれないです。

次にドア作ります。

長方形を作って上だけアーチ状にします。窓ガラスの作り方と一緒です。
作ったものを選択した状態でパスのオフセットをし、一回り小さい形のものを作ります。
色変更し、またパスのオフセットをして色変更。３回ほどやります。最後のものにはガラスの色の青色を入れます。
そのほか必要なパーツを作っていきます。
必要なパーツをそれぞれ組み立てつつ、ドアの形にしまます。