使い方
ドキュメント：
カーブおよびシェイプを編集する – Designer v2 | Affinity.help [公式]
参考：
ノードツール
操作
クリック： クリックした位置にノードを追加する
Backspace： 選択したノードを削除する
端点をもう片方の端点に ドラッグ： カーブを閉じる (ドラッグしている端点が黄色の四角になったら離す)
カーブ上を ドラッグ： カーブを変形させる
ハンドルを Alt + ドラッグ： ノードを尖点にする (2つのハンドルを独立して動かす)
ノードを Alt + クリック： ノードをシャープにする
Alt + ドラッグ： なげなわでノードを選択する
Alt + クリック： クリックで頂点を指定して多角形でノードを選択する (Enter で確定)
ノードを ドラッグ： ノードを移動させる
ノードを Shift + ドラッグ： ノードを移動してエッジの延長上、X 軸上、Y 軸上の何れかにスナップする
ノードを Alt + ドラッグ： ノードをスナップさせずに移動する
ノードを ドラッグ + 右ボタン を押して ドラッグ： ノードのみ移動させる (ハンドルは動かさない)
ノードタイプ
- シャープ
- 滑らか
- スマート
アクション
- 切断： 選択したノードの位置でカーブを切断する
- 閉じる： 開いているカーブを閉じる
- 滑らかにする： カーブ全体を滑らかにする
- 結合： 選択した2つのカーブを結合する
- 反転： ペンツールでノードを追加する端点を反対側に設定する
ペンツール使用の編集
ノードを Ctrl + ドラッグ： ノードを移動する
Ctrl + クリック： カーブ上のクリックした位置にノードを追加する
ハンドルを Ctrl + ドラッグ： ハンドルを移動する
カーブ上を Ctrl + ドラッグ： カーブを変形させる
ドキュメント：
カーブおよびシェイプを編集する – Designer v2 | Affinity.help [公式]
参考：
Affinity Designer のパスの切断と連結 | horitake
selecting 2 nodes from different shapes – Affinity Forum
輪郭ツール
動画：
How to Offset A Path (Design Made Simple)
ドキュメント：
輪郭ツール – Designer v2 | Affinity.help [公式]
ペンツール
ドキュメント：
ペンツール – Designer v2 | Affinity.help [公式]
ナイフツール
動画：
Knife and Scissor Tools (Official)
ドキュメント：
ナイフツール – Designer v2 | Affinity.help [公式]
ベクトルブラシツール
ドキュメント：
ベクトルブラシツール – Designer v2 | Affinity.help [公式]
参考：
Strokes should not auto smooth as default – Affinity Forum
シェイプビルダーツール
操作
S： シェイプビルダーツールに切り替える
+： 「シェイプの作成」モードに切り替える
–： 「領域の削除」モードに切り替える
テンキー *： 「新規シェイプ」モードに切り替える
Esc： 領域の選択を解除する
アクション
- シェイプを作成 (元のオブジェクトから使用範囲を削除／
Enterキー) - 選択した領域を削除 (
Backpaceキー) - 新規シェイプを作成 (
Shift+Enterキー)
設定
- ドラッグ方法
- フリーハンド： カーソルで描いた線に接触している領域を選択する (デフォルト)
- 線： カーソルで直線を描き、接触している領域を選択する
- マーキー： カーソルで矩形を描き、囲われた領域を選択する
- クリンナップ
- なし (デフォルト)
- 範囲内のカーブ
- 接続されたカーブ
- すべての未使用のジオメトリ
- 最初に選択したエリアのスタイルを使用 (デフォルト：
有効)
動画：
How to Use the Shape Builder Tool (Kru Mark)
Shape Builder Tool (ArtistWright)
How to Create Knots with the Shape Builder Tool (NJValente Art)
ドキュメント：
シェイプビルダーツール – Designer v2 | Affinity.help [公式]
シェイプビルディングによるオブジェクトの追加 | Affinity.help [公式]
切断する
参考：
境界線を展開 (パスをアウトライン化する)
※以前のバージョンでは「ストロークを展開する」と翻訳されていた。
ドキュメント：
境界線を展開 – Designer v2 | Affinity.help [公式]
参考：
文字をアウトライン化する
テキストオブジェクトを選択し、メニューから「レイヤー > カーブに変換」を実行する。
ドキュメント：
オブジェクトからカーブへの変換 – Designer v2 | Affinity.help [公式]
参考：
Affinity Designer の文字のアウトライン化の方法 | Affinity Tips
affinity designer でテキスト文字を自在に変形させる使い方！カーブに変換 | バブル世代の気になる日記！
ブーリアン
- 結合：カーブに変換して合成される (破壊的操作)
- 複合：レイヤーのまま合成する (非破壊操作)
ドキュメント：
オブジェクトの結合 | Affinity.help [公式]
参考：
シェイプを合成して自由に変形する | 知らなきゃ絶対損する PC マル秘ワザ
Editing curves & shapes – Affinity Forum
How to fill a vector drawing – Affinity Forum
放射線／集中線を描く
ドキュメント：
参考：
滑らかにする
手順
カーブを選択してノードツールに切り替え、ツールバーから「カーブを滑らかにする」 (Smooth Curve) を実行する。
ドキュメント：
カーブを結合する
参考：
How to join overlapping nodes? – Affinity Forum
Join two nodes??? – Affinity Forum
Combine overlapping nodes on same path – Affinity Forum
node-weld version of join curves – Affinity Forum
Join coincident points – Affinity Forum
Join overlapping nodes – Affinity Forum
ノードを減らす
参考：
simplify points on a line? – Affinity Forum
Simplify Paths – Affinity Forum
Smooth tool or Simplify path in affinity? – Affinity Forum
Why so many nodes? – Affinity Forum
重なったノードの一つを選択したい
参考：
How to select underlying node? – Affinity Forum
接続されたノードを選択したい
参考：
Quick selection of connected nodes – Affinity Forum
select neighboring nodes – Affinity Forum
Curvature Combs
参考：
Show Curvature Combs on Bezier Paths – Affinity Forum
See Curvature of Curve option – Affinity Forum
チュートリアル
Pen Tool | Affinity [Official]
Node Tool | Affinity [Official]
Curve Snapping: Nodes and Control Handles | Affinity [Official]
Advanced Curves #1 Bézier Drawing in Detail | Affinity [Official]
Advanced Curves #2 Multi-Node Select, Align and Transform | Affinity [Official]
Boolean Operations and Non-Destructive Compounds | Affinity [Official]
Vector Tools | Affinity Designer Tutorials [Official]
チュートリアル
Pencil Tool – Designer (Official)
Corner Tool – Designer (Official)
Shape Tools – Designer (Official)
Smooth curve Tracing – Designer (Rory Townsend)
Manage Shapes and Curves with Selection and Node Tools – Designer (Alessandro Castellani)
Smooth Curves using Shapes – Designer (Rory Townsend)
Change Text to Curves – Designer (GraphicXtras)
How to Change Stroke Line Width – Designer (EpicVector)
5 Best Pen Tool Tips & Tricks (Kru Mark)
5 Pen Tool Beginner Mistakes / What to Avoid to Make Better Vector Curves – Designer (Kru Mark)
Smooth Curves / Stabiliser – Designer (the_egallery)
Overlapping – Designer (the_egallery)
Shape Builder / Overlapping – Designer (the_egallery)