Affinity Designerの小ネタ２（スタンプの背景を透明にする）

今回も前回に引き続きレイヤーブレンドという便利な機能を使います。今回は以下のように、スタンプ形状の画像の背景を抜く方法を紹介します。作業時間は３分程度です。ご紹介するのは私が独自に考えた方法ですので、他にもっと効率が良い方法もあるかもしれません。この点、御留意ください。では、やっていきましょう。

スタンプを描いていこう

さて、Affinity Designerを起動して、スタンプの奥側の絵を描きます。その際、境界線の整列は一番右のものを選択しておきましょう。こうすると、外形線の外側に境界線が出ます。デフォルトだと外形線の真上に境界線があります。

次に、スタンプの手前側の絵を描きます。その際、先ほどと同じで、境界線の整列は一番右のものを選択しておきましょう。

次に、スタンプの手前側の絵をコピペします。コピペした絵の境界線を”なし”にします。下の図ではわかりやすくするために、ピンクっぽい色にしましたが何の色でも大丈夫です。

その境界線がなくピンクっぽい絵の”レイヤーブレンド”を消去に設定します。すると以下のように、背景を抜くことができます。基本的にはこれで終了です。

テキストを追加して、立派なスタンプの完成です。

線を華やかにする

少し味気ないので、線を華やかにしましょう。まず、今まで作ったものを全選択してグループ化してください。次に奥側にベタ塗りの長方形を描いてください。最後にグループ化したものの”レイヤーブレンド”を消去に設定します。すると、以下のように、スタンプ形状にくり抜かれた絵ができあがります。

ここまで作ったものを全選択してグループ化してください。次に奥側に線形グラデーションで色を塗った長方形を描いてください。最後にグループ化したものの”レイヤーブレンド”を消去に設定します。すると、以下のように、少し華やかなスタンプができあがります。

以上で、説明は終了です。

もっと簡単な方法があった

図形の境界線を使うより、レイヤーエフェクトのアウトラインを使う方が、スタンプの背景を透明にする、より簡単な方法です。（2026.3.29）

まず、スタンプの下側の図形を作成し、境界線を透明または0ptにします。

次に、FXボタンを押してレイヤーエフェクト画面を出します。

アウトラインにチェックを入れ、半径に適当な値を入れ、行揃えを外側にします。

すると、以下のようになります。ようするに、境界線の代わりにアウトラインを使ったという状態です。

図形を選択した状態で、レイヤーブレンドを消去にしてください。

すると、以下のようになります。消去の効果は、下側にある全ての図形に及びます。

この図形をコピーして180度回転したものを、この図形の上におきます。すると、消去の効果により以下のようになります。これで、背景を透明にしたスタンプが出来上がりました。