画像を好きな形に切り抜く方法【Affinity / Affinity Photo 2】

アイキャッチ画像
  • URLをコピーしました!

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

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

マスク機能の特長

処理後、切り抜かれてるように見えても、データ上には切り抜き前の画像の情報が残ります。
そのため切り抜く形を後から修正可能です。

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


目次

「Affinity」でのやり方

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

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

Affinityのピクセルスタジオを選択したときの画像
「ピクセル」が選択されていると紫色になります。

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

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

STEP
左側のツールのアイコン一覧から「ペンツール」を選ぶ
ペンツールのアイコン

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

ノードツール長押しで右にペンツールが表示される
STEP
切り抜きたい形の線を描く

出来上がった形には「塗り」がある状態にしておきます。(何色でもOK)

写真の上に置いたペンツールで描いた塗り有りの図形
花の画像の上にペンツールで描いたレイヤーがある状態
STEP
ペンで描いた形のレイヤーを、切り抜きたいレイヤーのすぐ上に移動する

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

図形レイヤーをドラッグして画像のレイヤーのすぐ上に移動
STEP
左上部 「マスク」ボタンをクリック
ウィンドウ左上部分に表示される「マスク」ボタン

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

「クリッピングマスクとして適用」の表示を出しながらスクショができませんでした…すみません

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

ペンツールで描いた図形で画像を切り抜いた後

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

STEP
楕円ツール・長方形ツールなどで図形を描く(図形は塗りがある状態にする)
写真レイヤーの上にふきだしの形を置いた状態
ここでは「吹き出し(楕円)ツール」を使用。

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

図形のレイヤーが画像のレイヤーのすぐ上にある状態
STEP
図形のレイヤーを右クリック →「クリッピングマスクを作成」
右クリックして「クリッピングマスクを作成」を選択している状態

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

図形のレイヤーを画像のレイヤーにドラッグ

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

※図形に「マスク」コマンドは出ません。

「Affinity Photo 2」でのやり方

①Photoペルソナを選択

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

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

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

  1. レイヤーを選択
  2. 左側のツールのアイコン一覧からペンツールを選ぶ
    ※ペンツールがツール一覧に無い場合があります。「ノードツール」を長押しすると右脇にペンツールが表示されるので、それを選択。
  3. 切り抜きたい形の線を描く
  4. ペンで描いた形のレイヤーを、切り抜きたいレイヤーのすぐ上に移動する。
  5. 左上部 「マスク」ボタンをクリック。またはレイヤー(カーブ)のプレビュー画像から切り抜きたい画像レイヤーのプレビュー画像へドラッグする → (ドラッグしたときにプレビュー部分が青くなってから指を離すのがコツ)
  6. 形に沿って画像が切り抜かれます。

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

  1. 楕円ツール・長方形ツールなどで図形を描く(図形は塗りがある状態にする)
    →図形のレイヤーが画像のレイヤーのすぐ上にあることを確認します。
  2. その図形のレイヤーを右クリック →「下のレイヤーにマスクを使用」
    または、レイヤーにプレビュー画像から切り抜きたい画像のプレビュー画像へドラッグする(ドラッグしたときにプレビュー部分が青くなってから指を離すのがコツ)
    → 先程描画した形に沿って画像が切り抜かれます。

切り抜き後の編集方法

切り抜いた形を編集する

切り抜いた形がズレてしまった!という場合でも、以下のツールで形を修正できます。

  • ノードツール
     → ノード(photoshopでいうアンカーポイント)やハンドルをドラッグして形を変える
  • ペンツール
     → ノードの追加・削除・曲線調整

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

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

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

この機能が活躍する場面

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

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


よくある質問

Q1. 境界線をぼかしたい

Affinityでのぼかし方

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

Affinity Photo 2でのぼかし方

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

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

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

  • レイヤーのマスクを選択 → 右クリック → 「マスクの解除」(Affinity Photo 2は「マスクを解除」)
  • URLをコピーしました!
  • URLをコピーしました!
目次