今回はIllustratorの遠近グリッドツールを使って都市の夜景を描いていきます。

遠近グリッドツールはパースが掛かったイラストを簡単に作成できるツールです。

検索エンジンで遠近グリッドと入力するとサジェストに「遠近グリッド　消す」と出てしまう遠近グリッドツールですが、使ってみると楽しくて適当に配置しただけでも意外とそれっぽいものが出来上がります。

なお遠近グリッドは、［esc］キーか、［表示/遠近グリッド/グリッドを隠す］で消せます。

制作の流れ

主な工程としては、

1. ビル群を用意
2. 遠近グリッドツールを選択してパースを設定
3. 遠近図形選択ツールでビルを配置
   →ドキュメントの左上あたりに表示される立方体で配置したい面を設定

となります。

基本情報

横1440(px)x縦1920(px)

制作ステップ

遠近グリッドの用語とポイント

STEP1. 長方形ツールと破線などでビル群を作る

［長方形ツール］と［直線ツール］で作成した破線などでビル群を作ります。

線を使った場合は［オブジェクト／パス／パスのアウトライン］でアウトライン化しておきます。

線のまま遠近グリッドに配置すると線端がパースと合わず意図した描画になりません。

STEP2. 遠近グリッドツールで遠近グリッドを配置

［遠近グリッドツール］を選択するとデフォルトの二点遠近法グリッドが表示されます。今回の作例ではデフォルトのままだとパースがきつい印象だったので縦方向に潰すイメージで調整しております。

遠近グリッドは、一点遠近法・二点遠近法・三点遠近法が用意されており、変更する場合は［表示／遠近グリッド］から各遠近法を選択します。

消点を左右に広げてパースを調整しております。

STEP3. 遠近図形選択ツールでオブジェクトを配置

［遠近図形選択ツール］を選択、［選択面ウィジェット］の［左面グリッド］を選択（ショートカットは［1］キー）してオブジェクトを配置します。

オブジェクトは5つのビル群を使い回すので複製（Mac：option+ドラッグ／Win：Alt+ドラッグ）して配置しております。

位置や大きさは後から調整できるのでまずはどんどん配置していきます。

［選択面ウィジェット］を［右面グリッド］（ショートカットは［3］キー）に切り替えて配置していきます。

大きさは［遠近図形選択ツール］でコーナーポイントをドラッグすると調整できます。（［選択ツール］と同様、［shift］キーで縦横比を固定したまま拡縮することも可能です。）

こちらも大きさや位置を調整しながらどんどん配置していきます。

［選択面ウィジェット］で選択面の切り替え、拡縮・移動は［遠近図形選択ツール］、前後関係はカット&ペーストを繰り返して整えていきます。

こちらで完成です！