tags: Affinity Designer youtube Node Zoom Curve Geometory

Affinity Designer NINJA #3

6. ノードツール(A)

別名頂点ツール
頂点を操って、図形を変形する

移動ツールとの違い

長方形をカーブに変換していない状態では、

• 移動
• 回転
• 拡大縮小

と、移動ツールとほぼ変わらない操作性
カーブに変換すると真の力を使える

図形の種類の違い

• シェイプ
  • 長方形、丸、楕円など
  • 選択ボックスがあって、拡大縮小できる
• カーブ
  • ノード(点)とエッジ(辺)の集合体
  • シェイプにはない三角形、台形など、自由な形にできる
  • 曲線もかける

シェイプをカーブに変換

2つの方法

• 長方形を選択 > コンテキストメニュー > カーブに変換
• cmd + return

ノードを編集するとできること

• 図形の辺に中点(ノード)を追加
• 辺をカーブとして扱って曲げる
• ハンドルを操作してひねる
• コーナーツールで角を変形する

ノードツールのコンテキスト

変換

ノード(点)の種類を変更する

• シャープ : カクカクしたカーブ
• スムーズ : 丸いカーブ。ノードを移動してもハンドルの長さが均等
• スマート : スムーズと似てる。ハンドルの長さは再計算される(均等でなくなる
  
  

アクション

ノード(点)同士に対して、何らかの操作をする

• カーブの切断
  カーブがつながっているなら、選択した点の部分で切断する
  イメージとしては、選択した点に2つのノードができて、 それぞれが切断されたカーブのノードになる
  

  
  塗りつぶしをオフにするとわかりやすい

• カーブを閉じる
  カーブをノードツールで選択すると、始点が赤い点で表示される
  始点と終点をつなぐ
  

  

• カーブをなめらかにする
  曲がっている部分のノードを選択して、なめらかにするボタンを押すと
  形状はそのままでノードが複数作成される
  なめらかにするというより、細分化
  細分化しないほうが編集性が高いので、あんまり使われない
  

  
  
  

• カーブを結合
  ペンツールで適当に2本線を書く
  ノードツールから、shift + クリックで 2本選んでカーブを結合すると、
  カーブの終端同士を接続する。
  更に、カーブを閉じる事もできる
  

  
  
  

• カーブの向きを反転
  赤い点が始点だが、始点と終点を入れ替える

スナップ

Affinity Designer標準のスナップツールとは別で、
ノードツールで動作するスナップ

• カーブのノードに揃える
  点を動かすとき、点にスナップする
• 選択されたカーブのジオメトリに揃える
  このスナップを使うには、shift + click で他のカーブを選択しておく
  ノードを、選択したカーブにスナップする
• すべての選択されたノードにスナップ
  カーブのノードに揃えると同じだが、shift + click で選択した
  ノードにしかスナップしない
• カーブから外れたハンドルをスナップ
  ハンドルの点が次のノードとの直線上にあるときにスナップ

ポイント

• カーブの切断は、塗りに使うときはクローズにする

用語

• ノード : 点
• カーブ : ノードをつないだもの
  • ジオメトリ : ノードとノードの間の線のこと
• シェイプ : 非カーブの図形。ノードツールで編集できない
• カーブの
  • 始点 : 赤い点
  • 終点 : 末端の青い点
  • 切断 : 選んだノードの部分で切断
  • 閉じる : 始点と終点を接続

7. Zoomツール(Z)

デフォルトでは虫眼鏡が + になっている
optionを押すと - に切り替わる

• クリック : 拡大
• option + クリック : 縮小
• コンテキスト > スライダー からも拡大/縮小できる
• 任意の場所をドラッグ : その位置をズーム
• 左メニュー > zoomアイコンダブルクリック : 100%に戻す
• space + cmd : 押している間だけzoomモード
• option + ホイール : 拡大縮小