トップ > 知っておきたい機能 > パス関連 > ノードツールでのパスの編集 >
ノードの移動と整列・配置

ノードの移動と整列・配置

では、ノードを移動および整列・配置してみましょう。 まずは、ペンツールでパスを作成します。

上図のように画面左部にあるツールボックスからペンツールを選択します(またはキーボードのB(またはSHIFT+F6キー)を押します)。

今回は "W" の形状のパスを作成してみましょう。 線をつなげたい場所をマウスの左ボタン()でクリックし、最後にEnterキーで確定します。

上図のように(1)・(2)・(3)・(4)・(5)の5箇所でクリックし、最後にEnterキーを押します。

上図のようにクリック位置をつなぐ直線が引かれます。 では、ノードツールに切り替えましょう。

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

上図のように表示が変化し、ノードとノードをつなぐセグメントが表示されます。

では、左下のノードを移動させてみましょう。 動かしたいノードにマウスカーソルを乗せ、マウスの左ボタン()でドラッグします。

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

上図のようにドラッグ終了位置にノードが移動します。 また、移動したノードが選択された状態に変化しています。

では次に、水平方向・垂直方向に限定した移動を行ってみましょう。 今動かしたノードを、CTRLキーを押しながらマウスの左ボタン()で斜め下にドラッグします。

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

上図のようにノードが移動します。 斜め下にドラッグしましたが、ノードは真下に移動しています。 このように、CTRLキーを押しながらドラッグすることで水平方向・垂直方向に移動を制限することができます。

続いては、セグメントに沿った移動を行ってみましょう。 今動かしたノードを、ALT+CTRLキーを押しながらマウスの左ボタン()で真上にドラッグします。

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

上図のようにノードが移動します。 真上にドラッグしましたが、ノードは斜め上に移動しています。 このように、ALT+CTRLキーを押しながらドラッグすることでセグメントに沿って移動させることもできます。

ここからはキーボードで移動してみましょう。 キーボードのカーソルキーの右(→)を押し下げ、しばらく押し続けてください。

上図のように選択中のノードが右方向へ移動します。 このように、キーボードのカーソルキー(↑↓←→)でも移動させることができます。

なお、SHIFTキーを押しながらだと大きく、ALTキーを押しながらだと細かく移動させることができます。

移動についての説明はここまでです。 ここからは整列と配置の機能について説明します。 なお、整列と配置は、整列と配置ダイアログから実行します。

上図のように画面上部のプルダウンメニューの"オブジェクト(O)" -> "整列と配置(A)..."を実行します(またはキーボードのSHIFT+CTRL+Aを押します)。

上図のように整列と配置ダイアログが開きます。 ダイアログの上部にはオブジェクトの整列・配置に関する項目が、下部にはノードの整列・配置に関する項目が表示されます。

では、整列を行いましょう。 今回は全ノードを水平軸に合わせます。 まずは、対象のノードを選択する必要があります。 CTRL+Aを押して全ノードを選択してください。

上図のように全てのノードを選択します。 これで整列の準備が整いました。

上図のように(1)の基準リストの "選択部分の中央" を選択し、(2)の[選択ノードを共通の水平線上に整列]ボタン()を押します。

上図のように水平に整列されます。 基準となったのは、選択されていたノードを囲む仮想的な枠の中心です。

もう少し整列の機能で遊んでみましょう。 画面上部のプルダウンメニューの"編集(E)" -> "元に戻す(U)"を実行します(またはキーボードのCTRL+Zを押します)。

元の "W" の形状に戻したら、続いては真ん中のノードを再選択しましょう。 この真ん中のノードを整列の基準にするためです。 まずは、真ん中のノードの選択を解除します。

上図のように真ん中のノードをSHIFTキーを押しながらマウスの左ボタン()でクリックします。

上図のように真ん中のノードが選択解除されます。 では、同じノードを再選択しましょう。

上図のように真ん中のノードをSHIFTキーを押しながらマウスの左ボタン()でクリックします。

上図のように真ん中のノードが追加選択されます。 これで、真ん中のノードが最後に選択されたノードになりました。

上図のように(1)の基準リストの "最後の選択部分" を選択し、(2)の[選択ノードを共通の水平線上に整列]ボタン()を押します。

上図のように水平に整列されます。 上図ではわかりにくいですが、真ん中のノードが基準になっています。