トップページ > ソフトウェアの操作 > Illustrator で遠近感があるパース図を簡単に描く方法
Illustrator で遠近感があるパース図を簡単に描く方法
Illustrator で建物や室内のイラストを描く時に重要になるのが遠近感を出すことで、構図の手前から奥に向けて徐々に小さくなるように意図的に考えなくてもグリッド線を表示して簡単に描く方法について紹介する。
1. パースとは
パースとは perspective(パースペクティブ)の略で、風景などで手前のものは大きく、奥に遠のくほど小さく見えるといった遠近を表す言葉である。
一般的には遠近法や透視図法を用いて建物の外観や室内を立体的に図面化したパース図のことを差すことが多く、建築の業界でよく耳にする。
上図は Illustrator で描いたパース図だが、次の手順で簡単に描くことができる。
2. Illustrator でパース図を描く方法
Illustrator でパース図を描く場合、遠近グリッド機能を利用するとキャンバスの奥に向けて図形を小さくさせる角度が表示されるのでそれに沿って図形を配置するだけで簡単にパース図を描くことができる。
2-1. 遠近グリッドを表示
遠近グリッドの利用方法を説明する上でその準備としてまず下図のように白紙のキャンバスを用意する。
次にツールより「遠近グリッドツール」を選択する。
「遠近グリッドツール」を選択すると下図のようにマス目模様のグリッド線とグリッド線の計上を変更するポインターが表示される。
各ポイントをマウスでドラッグすることで奥行きを変更したり、グリッド線の範囲を変えることができる。
グリッド線は遠近を示すだけでなく、図形を配置するとグリッド線に自動的に吸着して変形する特徴があるため、配置する図形の大きさに合わせてグリッド線の大きさをポインタで変えておく図形の大きさを後から変更する手間が省ける。
2-2. 図形を配置
「遠近グリッドツール」でグリッド線をキャンバス上に表示させた次は、実際に図形などを配置してイラストを書き込んでいく。
四角形の長方形をグリッド線上に配置しようとすると自動的に線に吸着して下図のように変形する。
遠近グリッド線上に配置した図形を変形したい場合はツールより「遠近図形選択ツール」を利用する。
「遠近図形選択ツール」をクリックすると通常の図形を変更する時と同じように図形上にポインターが表示されるので、このポインターをマウスでドラッグすると図形の拡大縮小を行うことができる。
図形を拡大縮小する際も遠近グリッド線が表示された状態であれば、グリッド線に沿うように自動的に変形を維持したまま大きさが変更される。
2-3. 違う面に図形を配置
前述では遠近グリッド線の左部に長方形を配置したので、次は右部に同じく長方形を配置したいが、実際に長方形を追加で配置すると下図のように左部のグリッド線に吸着されてしまい、右部のグリッド線に吸着されない。
遠近グリッド線の右部にも図形を配置する場合は、グリッド線よりもさらに左上にあるアイコンをクリックすることで左部・右部・下部の 3 箇所に対して吸着する対象を切り替えることができる。
実際に右部に吸着するように切り替えて長方形の図形を配置したの下図となる。
2-4. 遠近グリッドを非表示
遠近グリッド線を非表示にして元のキャンバスに自由に図形を配置したりペンツールで絵画したい場合は、上部メニューより「表示 -> 遠近グリッド -> グリッドを隠す」を選択すると遠近グリッドが非表示になる。
また、「Shift」+「Ctrl」+「I」のショートカットでも遠近グリッドを非表示にすることができる。
関連記事
Visual Studio Code でファイルやフォルダを開いて編集する方法
ソフトウェア
Visual Studio Code はプログラムを行う際に利用するテキストエディタだが、複数のファイルで構成されるアプリケーションやウェブサイトではフォルダでまとめられることが多いため、VSCode でファイルやフォルダを開いて編集する方法について紹介する。
ソフトウェア
無料でプログラム開発ができる Visual Studio Code は一般的なテキストエディタと同じようにソースコードを記入する欄の他に、フォルダ階層やプログラムの実行結果を同時に表示することができるため、主となる 6 つの作業エリアと役割について紹介する。
Photoshop, ソフトウェア
Photoshop でキャンパスに配置した図形や読み込んだ画像内の特定の色を削除したり、透明化する場合の手順を紹介する。色を削除すると切り抜かれた状態となるためキャンバスの背景色の色が表示されるようになり、もし背景色を透明にしている場合は背面に画像等を配置することで合成することができる。
Photoshop でスライスツールを使って画像を均等に分割する方法
Photoshop, ソフトウェア
Photoshop で画像や写真を分割する場合はスライスツールを利用することが多く、自由に位置を決めて分割できる他、横幅または縦幅の長さで数量を指定して均等に分割する方法について解説する。
Photoshop, ソフトウェア
Photoshop で写真に写っている対象全体の明るさや暗さを調整したり、明暗の階調のバランスを調整したい場合に利用するレベル補正の機能の概要と使い方について紹介する。