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


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

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

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

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

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

上にテキストレイヤー(アートテキストレイヤー)、下にピクセルレイヤーです。人物の画像はJPEGファイルを配置してCanva AIの機能で背景を透明にしたものです。

上にテキストレイヤー、下にピクセルレイヤーの状態
上にテキストレイヤー、下にピクセルレイヤーの状態

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

画像の上にテキストレイヤーを移動
画像の上にテキストレイヤーを移動

レイヤーパネルでテキストレイヤーをピクセルレイヤーにドラッグ&ドロップします。

テキストレイヤーをピクセルレイヤーにドラッグ&ドロップ
テキストレイヤーをピクセルレイヤーにドラッグ&ドロップ

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

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

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

ピクセルレイヤーの▶をクリック
ピクセルレイヤーの▶をクリック

ピクセルレイヤーの中にテキストレイヤーが内包されていることがわかります。

テキストレイヤーがピクセルレイヤーに内包されている状態
テキストレイヤーがピクセルレイヤーに内包されている状態

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

ほかの場所にテキストレイヤーを移動させた状態
ほかの場所にテキストレイヤーを移動させた状態

以上です。

おわり

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

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

それでは、また。

余談

配置した画像ファイルにマスクをしている場合(=画像レイヤー)でも、テキストレイヤーをドラッグ&ドロップするとクリッピングできます。

ドロップする位置によっては狙ったように表示されないので、いろいろ試してみてください。レイヤー名が書いてある部分にドロップすると良いようです!

配置した画像ファイル(画像レイヤー)にマスクを使っている場合にテキストレイヤーを内包した状態
配置した画像ファイル(画像レイヤー)にマスクを使っている場合にテキストレイヤーを内包した状態

参考

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

カテゴリー:

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