使い方

ドキュメント:

ベクトルカーブおよびシェイプを編集する – Designer | Affinity.help [公式]

参考:

ペンとノードツールで線描画を自由自在に | Rriver

カーブの編集 | PROGRAMMING NOTE

ノードツール

操作

クリッククリックした位置にノードを追加する

Backspace選択したノードを削除する

端点をもう片方の端点に ドラッグカーブを閉じる (ドラッグしている端点が黄色の四角になったら離す)

カーブ上を ドラッグカーブを変形させる

ハンドルを Alt + ドラッグノードを尖点にする (2つのハンドルを独立して動かす)

ノードを Alt + クリックノードをシャープにする

Alt + ドラッグなげなわでノードを選択する

Alt + クリッククリックで頂点を指定して多角形でノードを選択する (Enter で確定)

ノードを ドラッグノードを移動させる

ノードを Shift + ドラッグノードを移動してエッジの延長上、X 軸上、Y 軸上の何れかにスナップする

ノードを Alt + ドラッグノードをスナップさせずに移動する

ノードを ドラッグ + 右ボタン を押して ドラッグノードのみ移動させる (ハンドルは動かさない)

ノードタイプ
  • シャープ
  • 滑らか
  • スマート
アクション
  • 切断選択したノードの位置でカーブを切断する
  • 閉じる開いているカーブを閉じる
  • 滑らかにするカーブ全体を滑らかにする
  • 結合選択した2つのカーブを結合する
  • 反転ペンツールでノードを追加する端点を反対側に設定する
ペンツール使用の編集

ノードを Ctrl + ドラッグノードを移動する

Ctrl + クリックカーブ上のクリックした位置にノードを追加する

ハンドルを Ctrl + ドラッグハンドルを移動する

カーブ上を Ctrl + ドラッグカーブを変形させる

ドキュメント:

ベクトルカーブおよびシェイプを編集する – Designer | Affinity.help [公式]

参考:

カーブの編集 | PROGRAMMING NOTE

Affinity Designer のパスの切断と連結 | horitake

パスの切断/カーブの切断 | あっぷあっぷブログ

selecting 2 nodes from different shapes – Affinity Forum

ペンツール

ドキュメント:

ペンツール – Designer | Affinity.help [公式]

ナイフツール

動画:

Knife and Scissor Tools (Official)

ドキュメント:

ナイフツール | Affinity.help [公式]

ベクトルブラシツール

ドキュメント:

ベクトルブラシツール | Affinity.help [公式]

参考:

Strokes should not auto smooth as default – Affinity Forum

シェイプビルダーツール

動画:

シェイプビルダーツールの使い方 (chomi15)

Shape Builder (Official)

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 [公式]

切断する

参考:

Cut a Path – Affinity Forum

境界線を展開 (パスをアウトライン化する)

※以前のバージョンでは「ストロークを展開する」と翻訳されていた。

ドキュメント:

境界線を展開 – Designer | Affinity.help [公式]

参考:

線のアウトライン化の方法 | Affinity Tips

パスのアウトライン化をする方法 | ゆずゆろぐ。

文字をアウトライン化する

テキストオブジェクトを選択し、メニューから「レイヤー > カーブに変換」を実行する。

ドキュメント:

オブジェクトからカーブへの変換 | Affinity.help [公式]

参考:

Affinity Designer の文字のアウトライン化の方法 | Affinity Tips

テキストのアウトライン化 | Web++

affinity designer でテキスト文字を自在に変形させる使い方!カーブに変換 | バブル世代の気になる日記!

ブーリアン

  • 結合カーブに変換して合成される (破壊的操作)
  • 複合レイヤーのまま合成する (非破壊操作)

ドキュメント:

オブジェクトの結合 | Affinity.help [公式]

複合の作成 | Affinity.help [公式]

参考:

シェイプを合成して自由に変形する | 知らなきゃ絶対損する PC マル秘ワザ

Editing curves & shapes – Affinity Forum

How to fill a vector drawing – Affinity Forum

放射線/集中線を描く

ドキュメント:

歯車ツール | Affinity.help [公式]

星形ツール | Affinity.help [公式]

参考:

放射状に広がるライン柄をつくる方法 | ゆずゆろぐ。

放射状の線を作る方法 | M-LAB

後光を描く | muchbow

集中線を作る方法 | WellMaga

滑らかにする

手順

カーブを選択してノードツールに切り替え、ツールバーから「カーブを滑らかにする」 (Smooth Curve) を実行する。

ドキュメント:

ノードツール | Affinity.help [公式]

Smooth Tool – Affinity Forum

カーブを結合する

参考:

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)

プレイリスト

Vector Tools v2 (Official) – YouTube

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA