画像のフェードアウトマスク - 無料でオンライン利用 | ToolXHub

画像をアップロードした後は、上、下、左右のエッジのフェード幅をそれぞれ設定できます。フェード領域は完全不透明から完全透明にスムーズに移行し、ソフトなアブレーション効果を生み出します。一方向のみフェードすることも、スポットライト効果を作り出すためにすべての方向を同時にフェードすることもできます。

実装原理は、最初に元の画像を Canvas に描画し、その後、線形または放射状のグラデーション globalCompositeOperation マスクのレイヤを重ね合わせ、デスティネーションインブレンドモードを通じてエッジピクセルのアルファ値を徐々に 0 に減らすことです。すべてブラウザでローカルに行われます。

画像のソフトトランジション、コラージュのエッジ融合、ウェブバナーのフェードアウト効果に適しています。また、ソーシャルメディアのアバター作成にもよく使用され、画像のエッジが背景色に自然に溶け込むことができます。

オンラインのピクチャフェードマスクツールは、ピクチャの端にフェード透明効果を追加し、上、下、左、右の 4 方向のフェード範囲と形状の独立制御をサポートします。