レベル 2 · 描画

ノード編集

パスを描くのは下書きにすぎません。仕上げるのはノード編集です。ノードツールは選択ツールの一段下のレベルで働きます。オブジェクト全体を動かすのではなく、オブジェクトを構成する点そのものを動かすのです。

選択ツールはオブジェクトを、ノードツールは点を動かす

これは最初に誰もがつまずく違いです。 選択ツール (V)はパスをひとつのまとまりとして扱います。バウンディングボックスが表示され、それをドラッグするとパス全体が移動・拡大縮小・回転します。パスの形自体は変わらず、大きさと位置だけが変わります。

一方、 ノードツール (F2)はバウンディングボックスを無視します。アンカーとそのハンドルが表示され、どれをドラッグしてもジオメトリそのものが変化します。同じオブジェクトへの、異なるレベルのアクセスです。

ノードツールはパス専用ではありません。クリックした対象に応じて切り替わります。長方形なら長方形エディタ、楕円や円なら楕円エディタ、パスならアンカーとハンドルのフルエディタが開きます。ツールを選んで図形をクリックし、何ができるか確かめてみましょう。

パスをダブルクリックしてもレール上のノードツールが点灯するので、作業に慣れてくれば F2 を自分で押す場面はほとんどなくなります。

ノードの選択

何かを選択するまでは何も起こりません。ノードのオプションバーのステータス文もそのまま示しています。クリック、またはドラッグで選択、と。

  1. F2 を押してパスをクリック アンカーが表示されます。オプションバーが再構築され、選択中のノードのライブコントロールと X/Y フィールドが並びます。
  2. アンカーをひとつクリック そのアンカーが選択されます。ハンドルが表示されます。
  3. Shift を押しながら他のアンカーをクリック クリックするたびに選択に追加されます。Ctrl クリック、Cmd クリックでも同じです。
  4. または空白部分でドラッグ マーキーが現れ、離した時点でその内側のアンカーがすべて選択されます。Shift を押しながらドラッグすると、既存の選択に追加できます。

ノードを選択したら、ドラッグで移動するか、オプションバーの X・Y フィールドに正確な数値を入力できます。その横には単位コントロールがあります。

ハンドル、コーナー、スムーズポイント

各アンカーは最大 2 本のハンドルを持ち、その関係によってその点がコーナーになるか滑らかなつながりになるかが決まります。オプションバーには 4 種類のノードタイプがボタングループとして並びます。

  • コーナー(カスプ):両側が独立しています。方向が鋭く変わる箇所に使います。
  • スムーズ:ハンドルが一直線に保たれるため、カーブが折れずに通過します。
  • 対称:ハンドルが一直線に保たれ、 かつ 長さも等しく保たれます。カーブは点の両側でバランスします。
  • 自動スムーズ:エディタが接線を自動で算出し、隣のポイントが動いてもそれを維持します。

対象のノードを選び、目的のタイプを押すだけです。がたついたパスを落ち着かせる最速の方法は、アンカーの並びをまとめてスムーズに変換することです。

ノードのオプションバー全解説

バーはノードツールを構えた瞬間、パスをクリックする前から表示され、クリック後にライブ操作で埋まります。左から順に:

  • ノードを追加 — 選択中のセグメントに追加し、 削除 で選択中のノードを削除します。
  • 結合 で選択した端点ノードをひとつに結合し、 切断 で選択したノードの位置でパスを切り離します。
  • 2 つの端点ノードを新しいセグメントでつなぐ、そして セグメントを削除 で 2 つのノード間のセグメントを消します。
  • 4 種類のノードタイプ: コーナー、スムーズ、対称、自動スムーズ.
  • セグメントを直線にする かつ セグメントを曲線にする.
  • オブジェクトをパスに変換— 図形プリミティブを編集可能なパスジオメトリに変換します。
  • X, Y さらに選択中のノード用の単位コントロールがあります。

オプションバーの追加ボタンはセグメントを中点で分割します。正確な位置にアンカーを置きたいときは、置きたい場所でセグメントをダブルクリックすれば、そこに挿入されます。既存のアンカーのすぐ近くでのダブルクリックは意図的に無視されます。

身につけたい習慣

ラフに描いてから編集する。多くの人は最初の一手で完璧なアンカーを置こうとペンツールと格闘しますが、正直なワークフローは、まずおおまかに描き、ノードツールに切り替え、不要なアンカーを削除し、残ったものをスムーズに変換して、微調整することです。矢印キーで選択を動かせ、Shift を押しながらだと一回で 10 倍動きます。

キー動作
F2ノードツール
V選択ツール
Shift + クリック選択にノードを追加
矢印キー選択を微移動
Shift + 矢印10 倍の距離で微移動
Ctrl+Z元に戻す

よくある質問

ノードツールと、ペンスロットにあるアンカーポイント追加ツールの違いは何ですか?

ノードツールはフル装備のエディタで、選択・移動・変換・追加・削除がひとつの場所でできます。アンカーポイント追加ツールは、その中のひとつをワンクリックで行う単機能ツールです。手になじむ方を使ってください。

ノードツールで長方形をクリックしたら別のコントロールが出ました。なぜですか?

ノードツールは要素の種類で切り替わります。長方形なら長方形エディタ、楕円や円なら楕円エディタ、パスならアンカーとハンドルのエディタが開きます。図形を生のパスジオメトリに変えたいときは、バーのオブジェクトをパスに変換を押してください。

ノードを正確な座標に移動できますか?

できます。ノードを選択し、ノードのオプションバーの X・Y フィールドに入力してください。その横には単位コントロールがあります。

開いた 2 つの端点の間の隙間を閉じるには?

両方の端点ノードを選択し、結合でひとつのノードに融合するか、2 つの端点ノードを新しいセグメントでつなぐを使って新しいセグメントで橋渡ししてください。