【Illustrator】遠近グリッドの消し方と使い方forイラレ初心者

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Illustrator（イラストレーター）を操作している最中に下記の遠近グリッドが表示され、消せずに困った事はありませんか？

上図のようなグリッドがいきなり表示されて作業の邪魔に…
イラレ操作を始められた方にとってあるあるですよね。
当記事では遠近グリッドの表示・非表示、使い方について解説します。

この記事の目次

遠近グリッドの表示・非表示

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

ショートカットで操作

ショートカットで遠近グリッドを表示・非表示する方法です。

非表示のみ（Win・Mac）[ ESC ]
表示・非表示（Win） [ Ctrl + Shift + I ]
表示・非表示（Mac）[ ⌘ + Shift + I ]

消すだけなら [ ESCキー ] を、表示・非表示を交互に行いたい場合は [ Ctrl + Shift + I ] です。
[ Ctrl + Shift + 〇 ] を使った操作で間違えて遠近グリッドを暴発させてしまうのが原因かと思われます。

表示メニューから操作

[ 表示 ] → [ 遠近グリッド ] → [ グリッドを隠す ]　

上記で遠近グリッドを非表示にできます。

遠近グリッドの使い方

遠近グリッドの使い方について解説します。

パースのついた作画を行う際のガイドとして使えます。
一点透視、二点透視、三点透視、聞いたことがある方も多いでしょう。

フリーハンドでパースを描くと消失点がズレたデッサンの狂った絵になりがちです。
遠近グリッドを活用するとズレの無いパースが描けます。

STEP.1

グリッドを定義

Illustratorが必要となりますので、未導入の方はAdobe公式サイトから入手しておきましょう。

プリセットではなく、自身で細かくグリッドの調整を行い事をオススメします。
以下自身でグリッドの設定を行う方法です。

[ 表示 ] → [ 遠近グリッド ] → [ グリッドを定義 ]

STEP.2

遠近グリッドを定義の設定

[ 遠近グリッドを定義 ] のダイアログ画面が表示されます。
今回は [ 二点遠近法 ] で解説します。
一点遠近法、三点遠近法も同様の操作系です。

種類：二点遠近法

STEP.3

遠近グリッドを表示

二点遠近法の遠近グリッドが表示されました。

グリッドを編集するには [ Shift + P ] を押します。
するとカーソルの形状が左図のような形に変わります。

STEP.4

遠近グリッドを編集する

グリッド内にある白や黒い点を移動させて好みの遠近グリッドの形状、位置に変更します。

グリッドの形状が決まったら [ ペンツール(P) ] に持ち替えます。

STEP.5

遠近グリッドを元に作画する

グリッドに沿ってペンツールでクリックしながら図形を描きます。
[ Shiftキー ] を押しながらクリックすると水平・垂直・斜め45度で直線を引けます。

[ 表示 ] → [ 遠近グリッド ] → [ グリッドにスナップ ] にチェックを入れておくと作りやすいですよ。

ハイライトの面、シャドウの面など、色替えしたいパーツごとに面を作成します。

FINISH

遠近グリッドを非表示にする

最後に [ ESCキー ] を押してグリッドを非表示にしたら完成です。

遠近グリッドを使わない場合、ペンツールで直線を描き、パースのガイドを作成してから作画をする必要があります。超面倒ですよね。

しかし遠近グリッドを使えば面倒なパースの作画が非常に楽になりますよ。
サンプル程度の情報量なら新規キャンバス作成から始めて1分未満で作れます。

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）の遠近グリッドの表示・非表示方法とグリッドの活用方法でした。

ふとした操作ミスで表示される謎のグリッドにビックリした方は多いはず。
ESCキーを押せば簡単に消す事ができます。

そして多くの方が活用していないであろう遠近グリッドの基本的な使い方。
基礎的な使い方を押さえておくだけで簡単に正確なパースを描けます。
完全な手描きだと崩れがちなパースは遠近グリッドを活用して楽をしちゃいましょう！

ではまた！

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート42選はコチラ！

Illustratorの操作方法

イラレ基本操作