ドキュメント ツール

ノードツール

パスを点ごとに編集します。アンカーを動かし、ハンドルで形を作り、ノードの種類を変え、点を足したり消したり、パスを閉じたりできます。

ノードツール(A)は、シェイプができたあとに住みつく道具です。パスの点を選んで動かし、ベジェのハンドルを引き、角をカーブに変え、丸め、パスどうしをつなぎます。

効く相手はシェイプレイヤーです。メッシュレイヤーを選んでいるときは、代わりにメッシュのケージを編集します。ふさわしいものを何も選んでいないときはレイヤー選びに落ちるので、クリックしてもどこにも行けないということはありません。シェイプをクリックして選び、Shift+クリックで足し、キャンバス上をドラッグして帯で囲めば、触れた編集可能なシェイプレイヤーをまとめて拾えます。

点を選ぶ

アンカーをクリックすると選ばれます。Shift+クリックで選択に足したり外したりできます。何もないところをドラッグすると帯で点を選べます。この帯が拾うのは、すでに選ばれているレイヤーの点だけなので、隣のシェイプを巻き込まずに一つのシェイプの中だけを囲めます。

どのつかみも、およそ 3 ピクセル動かして初めて効き始めます。だからただのクリックで形がずれることも、キーフレームが打たれることもありません。3 ピクセル未満の帯を Shift なしで引くと、点の選択もレイヤーの選択も一緒に外れます。

点を二つ以上選んでいるとバーに数が出ます。一つだけ選んでいるときは、その点の X と Y が出ます。

三つのノードの種類

どの点も自分の種類を覚えているので、たまたまハンドルが一直線に並んでも、角は角のままです。ツールオプションバーのピルが、選んでいる点の種類を示し、そこで変換もできます。複数の点を選んでいれば、選んでいるすべてのシェイプにまたがって一度に変換します。

種類ハンドルこんなときに
シャープ完全に独立。それぞれのハンドルが自分だけで動きます角。片側だけ鋭く折れるカーブ
スムーズ一直線だが、左右それぞれが自分の長さを持ちます長く入って短く抜ける、つながったカーブ
スマート鏡写し。長さが等しく、自動でまっすぐに保たれます面倒を見たくない、なめらかに流れるカーブ

シャープの点はハンドルを失いません。引っ込んだハンドルはアンカーの上に乗っているだけで、引き出せばまたカーブが戻ってきます。キャンバス上ではマーカーの形で種類がわかります。スマートは丸、スムーズはひし形、シャープは四角です。

アンカーをダブルクリックすると、スムーズとシャープを手早く行き来できます。両側のハンドルをアンカーの上に畳むか、隣の点を通るなめらかなカーブとして組み直し、角の丸めも外します。

ノードのマーカーが見えている、選択中のパス。スマート、スムーズ、シャープを表す丸、ひし形、四角が並んでいる。

点とハンドルを動かす

アンカーをドラッグすると、両側のハンドルごと動きます。点を複数選んでいれば、選択に入っているすべてのシェイプとレイヤーにまたがって、まとめて動きます。

ハンドルをドラッグするとカーブの形が変わります。スマートの点では反対側が鏡写しになります。Alt を押しながらなら接線が切れて、片側だけを動かせます。アンカーから Alt+ドラッグで引き出すのは逆の操作で、角から左右対称のハンドルを新しく引き出し、角の丸めを外します。

カーブそのものをドラッグすることもできます。セグメントを押して動かすと辺の曲げが効き始め、両隣のハンドルがカーソルに付いてくるように配り直されます。まっすぐな線の真ん中を、両端に触らずにふくらませたいときに便利です。

点をドラッグしながら Shift を押すと、動きが一つの軸に固定されます。軸は動かし始めた向きから決まり、ドラッグがおよそ 4 ピクセルを超えたところで決まります。

足す、消す、つなぐ

セグメントをダブルクリックすると、そこに点が入ります。曲線を分割も同じことを、選んでいる点の次のセグメントの真ん中でやります。点を選んで Delete か Backspace を押すと消えます。

カーブのボタン六つはペンツールと共通で、当てはまらないものはグレーになります。

  • 曲線を分割。次のセグメントの真ん中に点を足します
  • 曲線を切断。選んでいる点で閉じたパスを開きます
  • パスを閉じる。点が三つ以上ある開いたパスを閉じます
  • 単純化。シェイプ全体から余分な点を消します
  • 曲線を結合。両端の点を選んでいるときにパスを閉じます
  • 方向を反転。パスの向きを反転します。塗りの回転方向と、線が描かれていく向きも一緒に反転します

単純化

単純化は余分な点を消します。ブーリアンの結果は、消しゴムから来ても、ナイフからでも、ベクター塗りつぶしからでも、ベクターブラシからでも、すでにカーブとして描き直された状態で返ってきます。編集できる形にするためだけに押す必要はもうありません。フィットが選んだより点を減らしたいとき、線が細かいディテールを拾いすぎたとき、あるいはその描き直しが無かった頃に作った、角の点を数百も抱えた形を片づけるときに使います。

返ってくるのはカーブです。単純化は点を捨てて粗い多角形を残すのではなく、輪郭をベジェのカーブで引き直します。点が消されるのは、その両隣の点のハンドルが、消える点の描いていたカーブを引き受けられるときだけです。だからブラシで描いたシェイプの融合した境界は、短い直線の連なりではなく、元の縁をなぞるなめらかなパスとして、つかめる本物のハンドル付きで戻ってきます。

形を保つことが目的で、その代金としてノード数が支払われます。ブラシストロークを三本重ねたシェイプは 232 点ありました。一度目の押しでこれが 64 点になり、新しい輪郭は元の輪郭から 0.1 ピクセルほどしか離れませんでした。ふつうのズームでは見えない差です。それでも複製ではなく近似なので、元のとおりが必要なら取り消してください。

角は角のまま残ります。何かを消す前に、単純化は輪郭が本当に鋭く折れている場所を探して、その点をシャープとして固定します。だから直角は直角のまま戻り、まっすぐだった辺はまっすぐなまま、ハンドルを点の上に畳んで戻ってきます。それ以外の場所では、新しい点は自分が引き受けるカーブに合わせて種類が付きます。引き直しが二つのハンドルを一直線に置いたところはスムーズ、鏡写しに置いたところはスマートです。二百点で描かれた長方形は、同じ位置にちょうど四つのシャープな角として戻ってきます。

設定する項目はありません。精度はシェイプ自身の大きさから割り出されるので、小さな落書きでも画面いっぱいのシルエットでも、一度の押しの意味は同じです。

もう一度押すと、さらに進みます。一度目が慎重な押しで、点の大半をここで落とします。それ以降の押しは、輪郭に少しずつ動く余地を許すので、より長いカーブを見つけてさらに点を落とせます。実際に試したブラシのシェイプは 232 点、64 点、39 点、30 点と進み、毎回残りの四分の一から三分の一を削りました。三、四回続けて押せば、そのシェイプを無理なく描ける最少の点数に届きます。

絵が勝手に崩れていくことはありません。輪郭が元の位置からどれだけ離れてよいかには厳しい上限があり、シェイプ自身の大きさのおよそ 0.3 パーセントです。だから小さなアイコンも画面いっぱいのシルエットも、目に見える基準は同じです。さきほどの例でも、仕上がった輪郭はその内側に十分収まっていて、シェイプが画面に収まるどのズームでも見分けはつきません。押した結果がこの上限を越えるとわかったときは、緩めて進むのではなく、何もしません。変化なし、ヒストリーにも残らず、選択もそのままです。絵を変えずに行けるところまで行った、という合図です。

選んでいるすべてのシェイプに一度に効き、それぞれの中では主となる輪郭にも、複合シェイプやブーリアンシェイプの余分な輪郭にも効きます。どんなに小さくても輪郭が捨てられることはありません。長方形と、その上に塗り重ねた塊をまとめて選んで一度押せば、全部きれいになります。変わるのは形だけです。レイヤーの変形、アンカー、キーフレーム、アニメーションのトラック、エフェクト、スタイルはすべて手つかずで残り、全体が「パスを単純化」というひとつの取り消し操作になります。開いたパスは両端の点を元の位置にきっちり残すので、線を単純化して輪になってしまうことはありません。

選んでいた点は保たれます。単純化はパスの点に番号を振り直すので、選択は点があった位置から組み直されます。残った点は選ばれたまま、消された点はそのまま抜けます。何も消えなかった押しでは、選択はまったくそのままです。

単純化できるものを何も選んでいないときは、ボタンがグレーになります。点が全部で八つ未満のシェイプは、この機能でこれ以上きれいにはなりません。頂点のキーフレームを持つシェイプは、はっきり断られます。頂点アニメーションはキーフレームごとに点の一覧まるごとを持っているので、単純化したパスは再生ヘッドが動いた瞬間に上書きされてしまいます。黙って作業を無かったことにするより、断るほうが誠実だからです。
単純化は、点をスマートにしていた古い「スムーズ」ボタンの後継です。その役目はシャープ・スムーズ・スマートのピルが引き受けたので、いまこのツールで「スムーズ」と呼ばれるものは一つだけになりました。

頂点を結合は、点を二つ以上選ぶと出てきます。選んだ点のうち二つめ以降を最初の点に結合するので、それ以降は一緒に動きます。シェイプをまたいでも、サブパスをまたいでも同じです。頂点の結合を解除は、選んだ点の結合を外します。別にある結合のチェックはドラッグのほうを操ります。オンにしておくと、点を別の点の上に落としたときに二つが構造的に融合し、ドラッグ中はスナップが強制的にオンになります。「スナップ」を見てください。

クリックの三つのモード

バーの左端のピルが、パスをクリックしたときに何が起きるかを決めます。

モードクリックで何が起きるか
選択ふつうの点とハンドルの編集。初期値です
エッジ非表示セグメントをクリックして、その線だけを隠したり出したりします。塗りはそのままです
線の太さアンカーを横にドラッグして、その点だけの線幅を決めます

線の太さモードでは、バーのスライダーで数値でも決められます。0 から 100 まで、0.1 ピクセル刻みです。選んでいるすべてのシェイプの、選んでいるすべての点に効きます。幅が 0 の点は、シェイプ自身の線幅を使います。

角の丸め

半径がオン(初期状態でオンです)のとき、シャープな角のそれぞれに小さなハンドルが出ます。角の二等分線に沿ってドラッグすると丸まります。この丸めは生きたままです。値は点に保存されていて、シェイプが動いたり変形したりするたびにカーブが作り直されるので、編集しても丸めは残ります。

シェイプの中のどれか一つでも丸めを持つと、バーの右端に「曲線に変換」ボタンが出ます。生きた丸めを本物のベジェの点として焼き込むもので、丸めを手で編集したいときに使います。

角の丸めが効くのはシェイプの主となる輪郭です。余分な輪郭(複合シェイプやブーリアンシェイプの内側の輪)は丸まりません。

右クリックのメニュー

選択中の編集できるシェイプで、点から 10 ピクセル以内を右クリックすると、項目が一つだけのメニューが出ます。「開始ポイント」です。クリックした点を、閉じた輪郭の最初の点にします。ここで線がどこから描かれ始めるか、シェイプの回転方向がどこから始まるかが決まります。出てくるのは閉じたパスの、まだ最初ではない点の上だけです。点に当たらない右クリックでは何も起きません。

A ノードツール
Shiftクリック 点を選択に足す、または外す
Shiftドラッグ 動きを一つの軸に固定する
Altハンドルをドラッグ 接線を切る
Altアンカーをドラッグ 左右対称のハンドルを引き出す
アンカーをダブルクリック スムーズとシャープを切り替える
セグメントをダブルクリック 点を挿入する
Delete 選んだ点を消す
矢印キー 選んだ点を少し動かす。Shift を押していれば 10 単位