イラストレーターの定規についてお探しですね。
広告
Illustratorで正確にデザインするための「ガイド線」「グリッド」「スマートガイド」完全ガイド
Illustratorで名刺やチラシ、Webデザインなどを作るとき、オブジェクトをきちんと配置するために欠かせないのが「ガイド線」「グリッド」「スマートガイド」といった補助機能です。
目分量で配置していると、わずかなズレが積み重なって、全体の仕上がりが残念な感じになってしまいます。
でも、使い始めたばかりの人にとっては「どうやって引くの?」「消せなくなっちゃった…」「スマートガイドが邪魔!」なんて悩みも多いですよね。
この記事では、Illustratorのガイド線やグリッドの基本的な使い方から、スマートガイドを使ってミリ単位で正確に配置する実践テクニックまで、わかりやすく解説していきます。
ガイド線の引き方・消し方【基本編】
Illustratorの「ガイド線」って何かというと、オブジェクトをきれいに並べたり、余白を揃えたりするための目印になる線のことです。
デフォルトでは水色で表示されて、印刷やデータ書き出しには出てこないので、作業中の目安として安心して使えます。
定規からガイド線を引く方法
ガイド線を引く一番簡単な方法は、画面の端にある「定規」からドラッグすることです。
もし定規が表示されていなかったら、メニューの「表示」→「定規」→「定規を表示」を選ぶか、ショートカットキー(MacならCommand+R、WindowsならCtrl+R)で出せます。
定規が出たら、そこからアートボードに向かってマウスをドラッグするだけ。
上の定規から引けば水平線、左の定規から引けば垂直線が引けます。
とっても簡単ですよね。
オブジェクトをガイド線に変える裏ワザ
実は、四角形や円などの図形をそのままガイド線にすることもできるんです。
オブジェクトを選んだ状態で、メニューの「表示」→「ガイド」→「ガイドを作成」を選ぶと、その図形の形のままガイド線として使えるようになります。
複雑なレイアウトを組むときや、特定の形に沿って要素を配置したいときにすごく便利です。
パスの一部だけをガイドにすることもできるので、自由度が高いんですよ。
ガイド線を消す方法
作業が進むとガイド線が増えすぎて、画面がごちゃごちゃしてくることがあります。
不要になったガイド線は、選択してDeleteキーを押せば消せます。
全部まとめて消したいときは、メニューから「ガイドを消去」を選べばOKです。
「あれ?ガイド線をクリックしても選べない…」という場合は、ガイドがロックされている可能性大。
「表示」メニューから「ガイドをロック」のチェックを外してから、もう一度試してみてください。
グリッドを使いこなそう
ガイド線が自由な位置に引ける線なのに対して、「グリッド」はアートボード全体に表示される方眼紙みたいなマス目のことです。
等間隔できっちりしたレイアウトを作りたいときや、アイコンを作るような細かい作業で大活躍します。
グリッドの表示・非表示
グリッドを表示するには、メニューの「表示」→「グリッドを表示」を選ぶだけ。
画面全体にマス目が現れて、バランスや余白の広さが一目でわかるようになります。
消したいときは「表示」→「グリッドを隠す」で元に戻せます。
「グリッドにスナップ」で作業効率アップ
グリッドを最大限活用するなら、「グリッドにスナップ」機能を使いましょう。
メニューの「表示」→「グリッドにスナップ」を有効にすると、オブジェクトを動かしたときに、自動的にグリッドの線や交点にピタッと吸着してくれます。
これがあると、手作業で微調整する手間が省けて、複数のオブジェクトのサイズや位置を正確に揃えられるんです。
めちゃくちゃ便利ですよ。
グリッドの間隔を自分好みに調整
グリッドのマス目の大きさや色は、自分の作業に合わせて変えられます。
1. メニューの「Illustrator(または編集)」→「環境設定」を開く
2. 「ガイド・グリッド」を選ぶ
3. 「グリッド間隔」や「分割数」の数値を好きなサイズに変更
Webデザインなら10px単位、印刷物ならミリ単位など、プロジェクトに応じた設定にしておくと、後々の修正がラクになります。
スマートガイドで配置が超正確に!
「スマートガイド」は、オブジェクトを動かしたり描いたりするときに、周りのオブジェクトとの位置関係を自動で計算して、一時的に表示してくれるピンク色(デフォルト)の補助線です。
Illustratorを使っていると、オブジェクトを近づけたときに「交差」とか「中心」って文字と一緒に線が出てくるのを見たことありませんか?それがスマートガイドです。
他の要素との整列や均等配置が直感的にできるので、正確な配置作業の強い味方なんです。
スマートガイドのメリット
スマートガイドの最大の良いところは、目に見えない基準線を瞬時に教えてくれること。
例えば、2つの四角形の高さを揃えたいとき、一方を動かすともう一方の上端や下端の高さに合った瞬間にスマートガイドが表示されて、ピタッとくっつきます。
また、複数のオブジェクトを等間隔で並べるときも、前のオブジェクトとの間隔と同じ距離になったら教えてくれるので、わざわざ整列パネルを開く必要がありません。
ペンツールで図形を描くときも、始点と終点を正確につなぐナビゲーションとして働いてくれて、パスの隙間を防げます。
スマートガイドが邪魔なときは?
ただし、スマートガイドが常に便利かというと、そうでもない場面もあります。
オブジェクトがいっぱい詰まった複雑なイラストやレイアウトでは、スマートガイドがあちこちの要素に反応しまくって、意図しない場所にくっついちゃうことも。
そんなときは、一時的にスマートガイドをオフにするか、ショートカットキー(MacならCommand+U、WindowsならCtrl+U)で素早くオンオフを切り替えながら作業するのがおすすめです。
プロの現場でもよく使われるテクニックですよ。
うまく機能しないときの対処法
Illustratorで作業していると、「ガイド線にぴったり合わせたいのにズレる…」「スマートガイドが思ったようにスナップしてくれない!」なんてトラブルに遭遇することがあります。
こういう問題の多くは、設定が干渉し合っていたり、ちょっとした操作ミスが原因です。
特に初心者がハマりやすいのが、複数のスナップ機能が同時にオンになっていて、Illustratorがどの基準に合わせればいいか迷っちゃってる状態。
まずはここをチェック!
スマートガイドや通常のガイド線へのスナップがうまくいかないときは、以下を確認してみてください。
– 「ピクセルにスナップ」が意図せずオンになっていないか
– 「グリッドにスナップ」が有効なままになっていないか
– 環境設定の「スマートガイド」で「スナップ許容値」が小さすぎないか
特に「ピクセルにスナップ」がオンになっていると、オブジェクトが強制的にピクセルグリッドの整数値に合わされちゃって、ガイド線や他のオブジェクトとの細かい位置合わせができなくなります。
メニューの「表示」でチェックが入っていたら、外すだけでスムーズにスナップするようになることが多いです。
ショートカットキーを覚えると超便利
作業効率をもっと上げたいなら、ガイドやスナップ関連のショートカットキーを覚えておくのがおすすめです。
– ガイドの表示・非表示:Mac「Command+;」/ Windows「Ctrl+;」
– ガイドのロック切り替え:Mac「Option+Command+;」/ Windows「Alt+Ctrl+;」
これらを指先で瞬時に操作できるようになれば、必要なときだけガイドを出して、邪魔なときはすぐ消すといったメリハリのある作業ができます。
まとめ
ガイド線、グリッド、スマートガイドは、Illustratorで正確で美しいデザインを作るための必須機能です。
最初は「なんだか難しそう…」と感じるかもしれませんが、基本的な使い方を覚えてしまえば、デザインのクオリティが格段にアップします。
状況に応じて設定をコントロールできるようになることが、Illustratorを使いこなす近道。
この記事を参考に、ぜひ実際に手を動かして試してみてくださいね!
広告
