###### 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 + ホイール : 拡大縮小