イラストレーターの定規についてお探しですね。
広告
Illustratorの定規と座標を使いこなそう!正確なデザインを作るための基本テクニック
Illustratorを使っていて、「あれ、定規ってどうやって出すんだっけ?」「単位がピクセルになってるけど、ミリに変えたいんだけど…」「オブジェクトをきっちり揃えたいのに、微妙にズレちゃう!」なんて困ったことはありませんか?
デザインを作るとき、サイズや位置を正確に把握することってすごく大事なんです。
ちょっとしたズレが、仕上がりの印象を大きく変えてしまうこともあります。
この記事では、Illustratorで定規を表示する方法や、単位の変え方、さらにはX・Y座標を使ってオブジェクトをピッタリ配置するテクニックまで、初心者の方にも分かりやすく説明していきます。
基本をしっかりマスターして、思い通りのレイアウトを作れるようになりましょう!
Illustratorで定規を表示する方法と基本的な使い方
Illustratorで正確なデザインをするなら、まずは定規を表示させることから始めましょう。
定規があると、オブジェクトのサイズや位置が一目で分かるようになるので、作業がグッと楽になります。
表示方法はとってもシンプル。
画面上のメニューバーから「表示」→「定規」→「定規を表示」を選ぶだけです。
もっと手早くやりたいなら、ショートカットキーがおすすめ。
Windowsなら「Ctrl + R」、Macなら「Command + R」を押せば、一瞬で定規の表示・非表示を切り替えられます。
覚えておくと便利ですよ!
定規は、アートボードの上と左側に表示されます。
今開いているドキュメントで設定されている単位の目盛りが並んでいますね。
この定規から、便利な「ガイドライン」を引き出すこともできるんです。
定規の上でマウスをクリックしたまま、アートボードの方へドラッグしてみてください。
水色の線が出てきますよね。
これがガイドです。
このガイドを使えば、複数のオブジェクトをきれいに揃えたり、余白を均等にしたりするのがとっても簡単になります。
それから、定規にはもう一つ便利な機能があります。
マウスを動かすと、今マウスがある位置が定規上に点線で表示されるんです。
これがあれば、「だいたいこのへん」じゃなくて、「ちょうど10ミリのところ」みたいに数値で確認しながら作業できます。
Illustratorを開いたら、まず定規を表示させる習慣をつけるといいですよ。
デザインの精度が全然違ってきます!
ミリ・ピクセルなど、単位を変更する方法
Illustratorでは、作るものによって「ミリメートル(mm)」や「ピクセル(px)」など、色々な単位を使い分けます。
たとえば、チラシや名刺みたいな印刷物を作るときは、実際の物理的なサイズである「ミリ」を使います。
逆に、Webサイトのバナーやスマホの画面デザインを作るときは、画面上の単位である「ピクセル」を使うのが基本です。
単位を間違えたまま作業すると、印刷するときや書き出すときにサイズが合わなくて大変なことになるので、気をつけましょう。
単位を変える方法はいくつかありますが、一番簡単なのは定規を使う方法です。
表示した定規の上で右クリック(Macで1ボタンマウスなら、Controlキーを押しながらクリック)してみてください。
単位の一覧がズラッと出てきます。
その中から「ミリメートル」や「ピクセル」など、自分が使いたい単位を選ぶだけ。
これで今開いているドキュメントの単位がパッと切り替わります。
「ちょっと今だけ単位を変えたいな」とか「今の単位って何だっけ?」って確認したいときに、すごく便利なワザです。
もっとしっかり設定を変えたいときは、環境設定から変更するのがおすすめです。
メニューバーの「編集」(Macなら「Illustrator」)から「環境設定」を開いて、「単位」を選びます。
ここでは「一般」「線」「文字」それぞれの単位を別々に設定できます。
たとえば、「レイアウト全体はミリで管理したいけど、文字サイズだけはポイント(pt)のままがいい」みたいな細かい調整もできるんです。
作業を始める前に、最終的に何を作るのか考えて、それに合った単位になっているか必ずチェックする癖をつけておきましょう!
座標X・Yを使って、オブジェクトをピッタリ配置する方法
定規と単位の設定ができたら、次はオブジェクトを正確な位置に配置するテクニックを覚えましょう。
マウスでドラッグして動かすだけだと、どうしても微妙にズレちゃうんですよね。
そこで使いたいのが、「変形パネル」です。
ここでX座標とY座標の数値を直接入力すれば、ピッタリの位置に配置できます。
変形パネルは、画面上の「ウィンドウ」メニューから「変形」を選ぶと表示されます。
オブジェクトを選択すると、幅(W)や高さ(H)と一緒に、XとYの入力欄が表示されますね。
Illustratorの座標は、基本的にアートボードの左上が原点(X:0、Y:0)になっています。
Xは横方向の距離で、右に行くほど数値が大きくなります。
Yは縦方向の距離で、下に行くほど数値が大きくなります。
たとえば、アートボードの左端から10ミリ、上端から10ミリの位置にオブジェクトを置きたいなら、変形パネルのXに「10mm」、Yに「10mm」と入力すればOK。
目で見て調整するのとは比べ物にならないくらい、正確に配置できます。
この座標入力は、オブジェクトを等間隔で並べたいときや、印刷物のトンボ(トリムマーク)に合わせて正確な余白を作りたいときに必須のテクニックです。
しかも、入力欄では簡単な計算もできちゃうんです。
今の位置からさらに15ミリ右に動かしたいなら、Xの数値の後ろに「+15」と入力してEnterを押すだけ。
自動で計算して移動してくれます。
座標を使いこなせるようになると、デザインの正確さだけじゃなくて、作業スピードもグンと上がりますよ!
もっと正確にレイアウトするための原点移動と基準点の設定
座標を使った配置で、初心者の方がよくつまずくのが「基準点」の考え方です。
「変形パネルでX・Yの数値を入力したのに、なんか思った場所と違うところに行っちゃった…」って経験ありませんか?それ、オブジェクトのどの部分を基準にして座標を計算するかの設定が違っているからなんです。
変形パネルの左側を見てください。
9つの小さな四角が並んだアイコンがありますよね。
これが「基準点」です。
この9つの点は、オブジェクトを囲む四角形(バウンディングボックス)の四隅、各辺の真ん中、そして中心を表しています。
たとえば、基準点が「中央」になっている状態でXに0、Yに0と入力すると、オブジェクトの中心がアートボードの左上(原点)に移動しちゃいます。
そうすると、オブジェクトの左上半分がアートボードの外にはみ出しちゃうんです。
オブジェクトの左上の角をアートボードの左上の角にピッタリ合わせたいなら、基準点を「左上」の点に変えてから座標を入力する必要があります。
この基準点の切り替えを意識するだけで、思い通りの配置ができるようになりますよ。
もっと上級テクニックとして、アートボードの原点(0,0)の位置を好きな場所に変える方法もあります。
定規が交わっている左上の隅(原点マーク)をクリックしたまま、アートボード上の好きな場所へドラッグして離してみてください。
その場所が新しい原点(X:0、Y:0)になります。
特定のオブジェクトを起点にして距離を測りたいときや、変わった形の印刷物で折り目を基準にレイアウトを組みたいときなんかに、めちゃくちゃ便利です。
元の左上の原点に戻したいときは、定規の左上の隅をダブルクリックすればリセットされます。
定規、単位、座標、そして基準点と原点の設定。
これらをしっかり理解すれば、Illustratorでのレイアウト作業がもっと正確で速くなります。
最初はちょっと難しく感じるかもしれませんが、何度か使っているうちに自然と身についてきますよ。
ぜひ実際に試しながら、マスターしてくださいね!
広告
