使い方

参考:

カーブの編集 | PROGRAMMING NOTE

ノードツール

操作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

参考:

カーブの編集 | PROGRAMMING NOTE

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

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

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

ストロークを展開する (パスをアウトライン化する)

参考:

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

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

ストロークを拡げる | Affinity.help [公式]

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

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

参考:

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

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

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

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

ブーリアン

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

参考:

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

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

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

Editing curves & shapes – Affinity Forum

ノードを選択する

参考:

Quick selection of connected nodes – Affinity Forum

select neighboring 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

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]

動画/チュートリアル

Manage Shapes and Curves with Selection and Node Tools

Smooth Curves in Affinity Designer using Shapes

Change Text to Curves in Affinity Designer

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

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA