使い方
ドキュメント:
ベクトルカーブおよびシェイプを編集する – Designer | Affinity.help [公式]
参考:
ノードツール
操作
クリック:クリックした位置にノードを追加する
Backspace
:選択したノードを削除する
端点をもう片方の端点に ドラッグ:カーブを閉じる (ドラッグしている端点が黄色の四角になったら離す)
カーブ上を ドラッグ:カーブを変形させる
ハンドルを Alt
+ ドラッグ:ノードを尖点にする (2つのハンドルを独立して動かす)
ノードを Alt
+ クリック:ノードをシャープにする
Alt
+ ドラッグ:なげなわでノードを選択する
Alt
+ クリック:クリックで頂点を指定して多角形でノードを選択する (Enter
で確定)
ノードを ドラッグ:ノードを移動させる
ノードを Shift
+ ドラッグ:ノードを移動してエッジの延長上、X 軸上、Y 軸上の何れかにスナップする
ノードを Alt
+ ドラッグ:ノードをスナップさせずに移動する
ノードを ドラッグ + 右ボタン を押して ドラッグ:ノードのみ移動させる (ハンドルは動かさない)
ノードタイプ
- シャープ
- 滑らか
- スマート
アクション
- 切断:選択したノードの位置でカーブを切断する
- 閉じる:開いているカーブを閉じる
- 滑らかにする:カーブ全体を滑らかにする
- 結合:選択した2つのカーブを結合する
- 反転:ペンツールでノードを追加する端点を反対側に設定する
ペンツール使用の編集
ノードを Ctrl
+ ドラッグ:ノードを移動する
Ctrl
+ クリック:カーブ上のクリックした位置にノードを追加する
ハンドルを Ctrl
+ ドラッグ:ハンドルを移動する
カーブ上を Ctrl
+ ドラッグ:カーブを変形させる
ドキュメント:
ベクトルカーブおよびシェイプを編集する – Designer | Affinity.help [公式]
参考:
Affinity Designer のパスの切断と連結 | horitake
selecting 2 nodes from different shapes – Affinity Forum
ペンツール
ドキュメント:
ペンツール – Designer | Affinity.help [公式]
ナイフツール
動画:
Knife and Scissor Tools (Official)
ドキュメント:
ベクトルブラシツール
ドキュメント:
ベクトルブラシツール | Affinity.help [公式]
参考:
Strokes should not auto smooth as default – Affinity Forum
シェイプビルダーツール
動画:
How to Use the Shape Builder Tool (Kru Mark)
Shape Builder Tool (ArtistWright)
How to Create Knots with the Shape Builder Tool (NJValente Art)
ドキュメント:
シェイプビルダーツール | Affinity.help [公式]
切断する
参考:
境界線を展開 (パスをアウトライン化する)
※以前のバージョンでは「ストロークを展開する」と翻訳されていた。
ドキュメント:
境界線を展開 – Designer | Affinity.help [公式]
参考:
文字をアウトライン化する
テキストオブジェクトを選択し、メニューから「レイヤー > カーブに変換」を実行する。
ドキュメント:
オブジェクトからカーブへの変換 | 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)