「Affinity」または「Affinity Photo 2」で、ハサミを使ったときや、図形のように正方形・長方形以外の形で切り抜く方法を解説します。
正確にはカーブ(ペンツールなどで作成)または図形を使ってマスクを作る機能です。
処理後、切り抜かれてるように見えても、データ上には切り抜き前の画像の情報が残ります。
そのため切り抜く形を後から修正可能です。
「Affinity」でのやり方
①ピクセルスタジオを選択
ウィンドウ左上の部分(スタジオといいます)を「ピクセル」をクリックして切り替える。

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

※ペンツールがツール一覧に無い場合があります。→「ノードツール」を長押しすると右脇にペンツールが表示されるので、それを選択。


レイヤーを移動するには、レイヤーのプレビュー画像以外のところをクリックしたまま移動したいところにドラッグします。
(移動先のところにラインが出たら指を離す)


またはレイヤー(カーブ)のプレビュー画像から切り抜きたい画像レイヤーのプレビュー画像へドラッグする。
「クリッピングマスクとして適用」と表示されてからドロップするのがコツです。

先程描画した形に沿って画像が切り抜かれます。

②-2. シェイプ(図形)から形を作る

図形のレイヤーが画像のレイヤーのすぐ上にあることを確認します。


または図形のレイヤーのプレビュー画像から切り抜きたい画像のプレビュー画像へドラッグする(ドラッグしたときに「クリッピングマスクとして使用」と表示されてからドロップするのがコツ)

先程描画した形に沿って画像が切り抜かれます。

※図形に「マスク」コマンドは出ません。
「Affinity Photo 2」でのやり方
①Photoペルソナを選択
ウィンドウ左上の「ペルソナ」部分から「Photoペルソナ」を選択。
②-1. ペンツールで形を作る
- レイヤーを選択
- 左側のツールのアイコン一覧からペンツールを選ぶ
※ペンツールがツール一覧に無い場合があります。「ノードツール」を長押しすると右脇にペンツールが表示されるので、それを選択。 - 切り抜きたい形の線を描く
- ペンで描いた形のレイヤーを、切り抜きたいレイヤーのすぐ上に移動する。
- 左上部 「マスク」ボタンをクリック。またはレイヤー(カーブ)のプレビュー画像から切り抜きたい画像レイヤーのプレビュー画像へドラッグする → (ドラッグしたときにプレビュー部分が青くなってから指を離すのがコツ)
- 形に沿って画像が切り抜かれます。
②-2. シェイプ(図形)から形を作る
- 楕円ツール・長方形ツールなどで図形を描く(図形は塗りがある状態にする)
→図形のレイヤーが画像のレイヤーのすぐ上にあることを確認します。 - その図形のレイヤーを右クリック →「下のレイヤーにマスクを使用」
または、レイヤーにプレビュー画像から切り抜きたい画像のプレビュー画像へドラッグする(ドラッグしたときにプレビュー部分が青くなってから指を離すのがコツ)
→ 先程描画した形に沿って画像が切り抜かれます。
切り抜き後の編集方法
切り抜いた形を編集する
切り抜いた形がズレてしまった!という場合でも、以下のツールで形を修正できます。
- ノードツール
→ ノード(photoshopでいうアンカーポイント)やハンドルをドラッグして形を変える - ペンツール
→ ノードの追加・削除・曲線調整
切り抜き後の形だけ動かす方法(マスクの位置を動かす)
- レイヤーパネルで
マスクのプレビュー部分をクリックして選択 - 移動ツールで動かすと、描画した形だけが動きます。
レイヤーを複製して、どれか一方のレイヤーのマスクを選択して動かすと、画像の複数の場所を同じ形で切り抜いているように見えます。
それぞれのマスクを重ねたり変形したりすることも出来ます。
この機能が活躍する場面
ペンで書いた形や図形で画像を切り抜く機能が活躍する場面は以下のとおりです。
✔ ロゴやアイコンをピクセルに劣化させずに切り抜く
✔ 丸や多角形で写真を美しくトリミングする
✔ 商品写真のシャープな切り抜き
✔ サムネの図形フレーム作成
よくある質問
Q1. 境界線をぼかしたい
Affinityでのぼかし方
- ぼかしたいレイヤーのマスクを選択
- メニューバーの「ピクセル」→「フィルター」→「ぼかし」→適用したいぼかし効果をクリック
オプション画面が出たら適宜調整し、「適用」を選択します。
Affinity Photo 2でのぼかし方
- ぼかしたいレイヤーのマスクを選択
- メニューバーの「フィルター」→「ぼかし」→適用したいぼかし効果をクリック
オプション画面が出たら適宜調整し、「適用」を選択します。
最も定番のぼかし効果は「ガウス」です。
Q2. マスクをあとから削除したい
- レイヤーのマスクを選択 → 右クリック → 「マスクの解除」(Affinity Photo 2は「マスクを解除」)

