画像を自由自在に切り抜く方法【Affinity / Affinity Photo 2それぞれの方法を解説】

「Affinity」または「Affinity Photo 2」で、ハサミを使ったときや、図形のように正方形・長方形以外の形で切り抜く方法を解説します。

正確にはカーブ（ペンツールなどで作成）または図形を使ってマスクを作る機能です。

カーブによる切り抜きは、Adobe Photoshopにおける「ベクトルマスク」に相当する方法です。

---

「Affinity」でのやり方

①ピクセルスタジオを選択

ウィンドウ左上の部分（スタジオといいます）を「ピクセル」をクリックして切り替える。

切り抜きたい形を「自分で描画」したいか、「図形」にしたいかで、一部の方法が変わります。
以下、自分で描画したい場合は「１」、図形の場合は「２」をご覧ください。

「Affinity Photo 2」でのやり方

①Photoペルソナを選択

ウィンドウ左上の「ペルソナ」部分から「Photoペルソナ」を選択。

切り抜きたい形を「自分で描画」したいか、「図形」にしたいかで方法が変わります。
以下、自分で描画したい場合は「１」、図形の場合は「２」をご覧ください。

②-1. ペンツールで形を作る

【補足】切り抜き後の編集方法

切り抜いた形を編集する

切り抜いた形を修正したい！という場合、以下の手順で可能です。

①カーブに変換する（※図形ツールで作成したもののみ）

ペンツールで描いた線（パス）は、最初からカーブの状態なのでこの操作は不要です。

図形ツールで作成した形を直接編集するには、まずカーブ（パス）に変換する必要があります。

シェイプを選択した状態で、ツールバー（コンテキストツールバー）にある 「カーブに変換」 ボタンをクリックします。 

②ノードツールでノードを移動・追加・削除・曲線調整する

ノードの追加方法

ノード（頂点）を増やすには、ノードツール（ショートカットキー: A）を使用します。 

• クリックで追加: ノードツールを選択し、シェイプの線上（パスの上）で、ノードを追加したい位置をクリックします。

ノードを削除する方法

以下のいずれかの方法でノードを削除できます。

• Deleteキーで削除: ノードツールで削除したいノードをクリックして選択（青色に変化）し、キーボードの Deleteキー(または Backspace キー)を押します。
• 右クリックメニュー: ノードを選択した状態で右クリックし、メニューから削除を選択することも可能です。 

ノードを削除しても、Affinityでは前後のノードが自動的につながり、線が切れることなく形状が維持されます。

切り抜き後の形だけ動かす方法（マスクの位置を動かす）

レイヤーを選択して移動ツールなどで動かすと、下の画像ごと動いてしまいます。
切り抜き後の形（マスク）だけを動かしたい場合は以下の手順をお試しください。

1. レイヤーパネルで
   　マスクのプレビュー部分をクリックして選択
2. 移動ツールで動かすと、描画した形だけが動きます。

マスクをかけた後のレイヤーを複製して、どちらか一方のレイヤーのマスクを選択して動かすと、画像の複数の場所を同じ形で切り抜いているように見えます。
それぞれのマスクを重ねたり、変形したりすることもできます。

この機能が活躍する場面

ペンで書いた形や図形で画像を切り抜く機能が活躍する場面は以下のとおりです。

✔ ロゴやアイコンをピクセルに劣化させずに切り抜く
✔ 丸や多角形で写真を美しくトリミングする
✔ 商品写真のシャープな切り抜き
✔ サムネの図形フレーム作成

---

よくある質問

Q1. 境界線をぼかしたい

Affinityでのぼかし方

1. ぼかしたいレイヤーのマスクを選択
2. メニューバーの「ピクセル」→「フィルター」→「ぼかし」→適用したいぼかし効果をクリック
   オプション画面が出たら適宜調整し、「適用」を選択します。

Affinity Photo 2でのぼかし方

1. ぼかしたいレイヤーのマスクを選択
2. メニューバーの「フィルター」→「ぼかし」→適用したいぼかし効果をクリック
   オプション画面が出たら適宜調整し、「適用」を選択します。

定番のぼかし効果は「ガウス」です。

Q2. マスクをあとから削除したい

• レイヤーのマスクを選択 → 右クリック → 「マスクの解除」（Affinity Photo 2は「マスクを解除」）