Affinity V3で画像の輪郭でクリッピング(マスク)する方法【超簡単】


  • 更新:
  • 公開:
  • 編集:
概要 ▶ 画像レイヤーにほかのレイヤーをドラッグ&ドロップすると輪郭でクリッピングできます
本ページはプロモーションが含まれている場合があります
Affinity V3で画像の輪郭でクリッピング(マスク)する方法【超簡単】

Affinity V3のレイヤーをイジっていたら、超簡単に画像の輪郭でクリッピング(マスク)する方法がわかったので共有します。

何はともあれ、動画で見てもらった方が早いので見てください👇

画像の輪郭でクリッピングする手順

以下のような構成のファイルだとします。

上に文字レイヤー、下に画像レイヤーです。人物の画像は背景を透明にしたPNGファイルです。

上に文字レイヤー、下に画像レイヤーの状態
上に文字レイヤー、下に画像レイヤーの状態

とりあえず、文字レイヤーの文字の部分を画像の上に移動しておきます。

画像の上に文字レイヤーを移動
画像の上に文字レイヤーを移動

レイヤーパネルで文字レイヤーを画像レイヤーにドラッグ&ドロップします。

文字レイヤーを画像レイヤーにドラッグ&ドロップ
文字レイヤーを画像レイヤーにドラッグ&ドロップ

これで文字レイヤーが画像の輪郭でクリッピングされました。超簡単ですね!! なんだこれ。

画像の輪郭でクリッピングされた状態
画像の輪郭でクリッピングされた状態

どうなっているのかを確認するには、画像レイヤーの▶をクリックします。

画像レイヤーの▶をクリック
画像レイヤーの▶をクリック

画像レイヤーの中に文字レイヤーが内包されていることがわかります。

文字レイヤーが画像レイヤーに内包されている状態
文字レイヤーが画像レイヤーに内包されている状態

移動ツール(矢印アイコンのツール)で文字レイヤーを掴んで移動させることもできます。

ほかの場所に文字レイヤーを移動させた状態
ほかの場所に文字レイヤーを移動させた状態

以上です。

おわり

画像の輪郭でクリッピングするのを解除するには、動画でも紹介したとおり、文字レイヤーを画像レイヤーの上にドラッグ&ドロップで移動するだけです。

超簡単ですね!!(2回目)

それでは、また。

余談

背景透明PNGファイルではなく、画像にマスクをしている場合でも、ほかのレイヤーをドラッグ&ドロップするとクリッピングできますが、ドロップする位置によっては狙ったように表示されないので、いろいろ試してみてください。

画像にマスクを使っている場合に文字レイヤーを内包した状態
画像にマスクを使っている場合に文字レイヤーを内包した状態

参考

以下のXの投稿を参考にしました。

カテゴリー:

このページをぜひシェアしてください