トップ > 知っておきたい機能 > オブジェクトの位置揃えとスナップ >
オブジェクトのスナップ(吸い寄せ)(その2)

オブジェクトを他のオブジェクトやグリッドに吸い寄せる(続き)

前の記事の『オブジェクトのスナップ(吸い寄せ)』からの続きです。 この記事では、まだ説明できていないスナップの設定の詳細について解説します。

スナップ設定パネルには26個ものチェックボックスが並んでいます。 ここでは、まだ説明できていない残りのチェックボックスも含めてチェックボックスの意味について説明します。

上図のようにチェックボックスは(A)から(F)の6つのグループに別れています。 グループごとに以下で解説します。

シャープノードとスムーズノード

スナップの設定の中に、『シャープノード』と『スムーズノード』という用語が出てきます。 それぞれについて、ここで説明しておきます。

パスは、各点となる『ノード』およびノードとノードを結ぶ線である『セグメント』から構成されます。 シャープノードやスムーズノードというのは、ノードの種類のことを指します。 各点であるノードには、シャープノードとスムーズノードの2種類があります。

シャープノードでは、両側のセグメントをそれぞれ自由な方向に伸ばすことができます。 つまり、シャープノードは鋭角を表現することができます。

一方、スムーズノードでは、両側のセグメントはもう一方と逆方向にしか伸ばすことができません。 つまり、スムーズノードは鋭角を表現することはできません。

なお、スムーズノードには通常のスムーズノードに加え、対称ノード・自動スムーズノードと呼ばれるものもあります。

ノードの種類を確認する方法は以下の通りです。

上図のように選択ツールで対象のパスを選択します。 続いて、ノードツールに切り替えます。

上図のように画面左部にあるツールボックスからノードツールを選択します(またはキーボードのN(またはF2)を押します)。

上図のように表示が変化し、ノードとセグメントが表示されます。 ではここでノードの形状に注目してください。 ノードによってノードの形状が異なっているのがわかります。

上図のように菱形で描かれているノード・四角で描かれているノード・円で描かれているノードの3種類があります。

菱形で描かれているのがシャープノード、四角で描かれているのがスムーズノードか対称ノード、円で描かれているのが自動スムーズノードです。 このように、ノードの形状でノードの種類を判別することができます。

また、画面下部の通知エリアでもノードの種類を確認することができます。

上図のようにマウスカーソルをノードに乗せます。

上図のように通知エリアにノードの種類が表示されます。 なお、"角ノード"と表示されているのはシャープノードのことです。

ガイドについて

グリッドについては説明しましたが、ガイドについてはまだ説明していませんでした。 ここで、ガイドの操作について解説しておきます。

ガイドは、グリッドと同じくスナップ先として使用するための基準線です。 ただし、一定間隔で規則的に描かれるグリッドとは異なり、ガイドは好きな位置に作成することができます。

ガイドは、キャンバスの上部・左部にあるルーラから引き出すことで作成します。 上部のルーラからは水平のガイドが、左部のルーラからは垂直のガイドが引き出せます。

上図のようにキャンバスの上部・左部にある定規のような部分がルーラです。 では、実際に引き出してみましょう。

上部のルーラにマウスカーソルを乗せ、マウスの左ボタン()でドラッグしてガイドを引き出します。

上図のように上部のルーラを引き出すようにドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにドラッグ終了位置にガイドが引き出されます。 このように上部のルーラから引き出すと水平のガイドが作成されます。

続いて、作成済みのガイドを移動してみましょう。 ガイドの上にマウスカーソルを乗せ、ガイドをマウスの左ボタン()でドラッグすることで移動できます。

上図のようにガイドをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにドラッグ終了位置にガイドが移動します。 このように作成済みのガイドはドラッグ操作で移動することができます。

次に、ガイドを削除してみましょう。 ガイドをキャンバス外に移動すると、ガイドは削除されます。

上図のようにガイドをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにガイドが削除されます。 このように、ガイドをキャンバス外に移動することでガイドを削除することができます。

では次に、斜めのガイドを引き出してみましょう。 ルーラの端から引き出すことで、斜めのガイドを作成することができます。

上図のようにルーラの端から引き出すようにドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにドラッグ終了位置にガイドが引き出されます。 このようにルーラの端から引き出すと斜めのガイドが作成されます。 なお、上部・左部のどちらのルーラからでも斜めのガイドを引き出せます。

続いてはガイドの回転について説明します。 ガイドは、アンカーを中心に回転させることができます。

上図のようにガイドには円が描かれていますが、この円がアンカーです。 このアンカーを中心にガイドを回転させることができます。

ではガイドを回転させましょう。 ガイドの上にマウスカーソルを乗せ、SHIFTキーを押しながらマウスの左ボタン()でドラッグします。

上図のようにSHIFTキーを押しながらガイドをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにガイドがアンカーを中心に回転します。 なお、SHIFT + CTRLキーを押しながらマウスの左ボタン()でドラッグすることで15度単位で回転させることもできます。

実際にやってみましょう。 ガイドの上にマウスカーソルを乗せ、SHIFT + CTRLキーを押しながらマウスの左ボタン()でドラッグします。

上図のようにSHIFTキーとCTRLキーを押しながらガイドをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように15度単位で回転し、ガイドが水平になりました。 このように15度単位にピッタリ合わせることができます。

続いては、アンカーの移動です。 アンカーはガイドの線に沿って移動、つまりスライドさせることができます。 試してみましょう。

アンカー上にマウスカーソルを乗せ、CTRLキーを押しながらマウスの左ボタン()でドラッグします。

上図のようにCTRLキーを押しながらアンカーをドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにアンカーがガイドの線に沿って移動します。

ここまではマウスでガイドを操作してきましたが、マウスだと正確な位置にガイドを置くことが難しい場面もあるでしょう。 ガイドは、ガイドラインウィンドウから数値を入力することでも移動させることができます。

上図のようにガイドをマウスの左ボタン()でダブルクリックします。

上図のようにガイドラインウィンドウが開きます。 このウィンドウで数値を入力することで正確な位置にガイドを置くことができます。 なお、XとYはアンカーの座標です。

まとめ

スナップとは吸い寄せの機能のことで、ガイドやグリッドおよび他のオブジェクトにピッタリと寄せることができます。

スナップの動作は、スナップ設定パネルから設定できます。 スナップ設定パネルは、画面上部にあるツールコントロールの[スナップ設定パネル]ボタン()を押すと表示されます。 スナップ設定パネルでは、各部位についてスナップの有効/無効を設定できます。

ガイドもグリッドと同じくスナップ先となる基準線です。 ガイドも表示・非表示を切り替えることができ、位置は自由に設定することができます。

ガイドは、画面上部や左部のルーラから引き出すことができます。 上部のルーラからは水平ガイドが、左部のルーラからは垂直ガイドが引き出せます。 なお、上部のルーラも左部のルーラも、端からは斜めのガイドが引き出せます。

引き出したガイドは自由に移動することも削除することもできます。

引き出したガイドはアンカーを中心に回転させることもできます。 また、アンカーはスライドさせることができます。

ガイドの位置や角度はガイドラインウィンドウで正確に入力することもできます。