Affinity Designer NINJA #3
6. ノードツール(A)
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
別名頂点ツール
頂点を操って、図形を変形する
移動ツールとの違い
長方形をカーブに変換していない状態では、
と、移動ツールとほぼ変わらない操作性
カーブに変換すると真の力を使える
図形の種類の違い
- シェイプ
- 長方形、丸、楕円など
- 選択ボックスがあって、拡大縮小できる
- カーブ
- ノード(点)とエッジ(辺)の集合体
- シェイプにはない三角形、台形など、自由な形にできる
- 曲線もかける
シェイプをカーブに変換
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
2つの方法
- 長方形を選択 > コンテキストメニュー > カーブに変換
- cmd + return
ノードを編集するとできること
- 図形の辺に中点(ノード)を追加
- 辺をカーブとして扱って曲げる
- ハンドルを操作してひねる
- コーナーツールで角を変形する
ノードツールのコンテキスト
変換
ノード(点)の種類を変更する
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
- シャープ : カクカクしたカーブ
- スムーズ : 丸いカーブ。ノードを移動してもハンドルの長さが均等
- スマート : スムーズと似てる。ハンドルの長さは再計算される(均等でなくなる
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
アクション
ノード(点)同士に対して、何らかの操作をする
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
-
カーブの切断
カーブがつながっているなら、選択した点の部分で切断する
イメージとしては、選択した点に2つのノードができて、 それぞれが切断されたカーブのノードになる
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
塗りつぶしをオフにするとわかりやすい
-
カーブを閉じる
カーブをノードツールで選択すると、始点が赤い点で表示される
始点と終点をつなぐ
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
-
カーブをなめらかにする
曲がっている部分のノードを選択して、なめらかにするボタンを押すと
形状はそのままでノードが複数作成される
なめらかにするというより、細分化
細分化しないほうが編集性が高いので、あんまり使われない
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
-
カーブを結合
ペンツールで適当に2本線を書く
ノードツールから、shift + クリックで 2本選んでカーブを結合すると、
カーブの終端同士を接続する。
更に、カーブを閉じる事もできる
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
-
カーブの向きを反転
赤い点が始点だが、始点と終点を入れ替える
スナップ
Affinity Designer標準のスナップツールとは別で、
ノードツールで動作するスナップ
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
- カーブのノードに揃える
点を動かすとき、点にスナップする
- 選択されたカーブのジオメトリに揃える
このスナップを使うには、shift + click で他のカーブを選択しておく
ノードを、選択したカーブにスナップする
- すべての選択されたノードにスナップ
カーブのノードに揃えると同じだが、shift + click で選択した
ノードにしかスナップしない
- カーブから外れたハンドルをスナップ
ハンドルの点が次のノードとの直線上にあるときにスナップ
ポイント
用語
- ノード : 点
- カーブ : ノードをつないだもの
- シェイプ : 非カーブの図形。ノードツールで編集できない
- カーブの
- 始点 : 赤い点
- 終点 : 末端の青い点
- 切断 : 選んだノードの部分で切断
- 閉じる : 始点と終点を接続
7. Zoomツール(Z)
デフォルトでは虫眼鏡が + になっている
optionを押すと - に切り替わる
- クリック : 拡大
- option + クリック : 縮小
- コンテキスト > スライダー からも拡大/縮小できる
- 任意の場所をドラッグ : その位置をズーム
- 左メニュー > zoomアイコンダブルクリック : 100%に戻す
- space + cmd : 押している間だけzoomモード
- option + ホイール : 拡大縮小