Blend(ブレンド)

2つの画像を合成します(Normal / Multiply / Screen / Overlay / Add)。配置制御パラメータでサイズの異なる画像の合成方法を細かく指定できます。

中級
Since P00

入力ポート

Base(ベース)

ベース画像(下レイヤー)

Image
Blend(ブレンド)

ブレンド画像(上レイヤー)

Image

出力ポート

Image(画像)

合成結果

Image

パラメータ

名前デフォルト説明
ModeモードEnumNormalブレンドモード(ドロップダウン、ツールチップ付き)
Opacity不透明度Float1.0ブレンドの不透明度
Output Size出力サイズEnumBase出力サイズの決定方法(ドロップダウン、ツールチップ付き)
Alignment整列EnumTop-Leftブレンド画像の配置位置(ドロップダウン、日本語ラベル付き)
Offset XオフセットXInt0整列後の水平オフセット(px)。スライダーはキャンバス幅に連動
Offset YオフセットYInt0整列後の垂直オフセット(px)。スライダーはキャンバス高さに連動

ブレンドモード一覧

モード日本語説明
Normal通常通常合成(上レイヤーで上書き)
Multiply乗算暗くなる方向の合成、影に有用
Screenスクリーン明るくなる方向の合成、ハイライトに有用
Overlayオーバーレイコントラスト強調
Add加算発光エフェクトに有用
ドロップダウンメニューでは各モードにマウスホバーするとツールチップで説明が表示されます。

配置パラメータ詳細

output_size(出力サイズ)

日本語説明
Baseベースベース画像のサイズを出力(デフォルト)。ベース画像は (0,0) 配置
Blendブレンドブレンド画像のサイズを出力
Larger大きい方各辺の大きい方を採用:`max(base.w, blend.w) × max(base.h, blend.h)`
Smaller小さい方各辺の小さい方を採用:`min(base.w, blend.w) × min(base.h, blend.h)`
Base 以外の場合、ベース画像は出力キャンバスの中央に配置されます。

alignment(整列)

ブレンド画像の出力キャンバスに対する配置位置を9方向で指定:

左上 / Top-Left       上中央 / Top-Center       右上 / Top-Right
左中央 / Center-Left   中央 / Center             右中央 / Center-Right
左下 / Bottom-Left     下中央 / Bottom-Center     右下 / Bottom-Right

offset_x / offset_y(オフセット)

alignment で決定された位置からさらにピクセル単位で微調整。正の値で右/下方向。

スライダー動的レンジ: スライダーの操作範囲はプロジェクトのキャンバスサイズに連動します(offset_x → ±キャンバス幅、offset_y → ±キャンバス高さ)。数値入力欄では ±4096 まで直接入力可能です。

使用例

基本:同サイズ画像の合成

32×32のベースに32×32のオーバーレイを Normal, opacity: 0.5 で合成。

サイズ違い:小さい画像を中央に重ねる

32×32のベースに16×16のアイコンを alignment: Center(中央)で配置 → アイコンが (8,8)〜(23,23) に配置されます。

オフセット付き配置

64×32のベースに32×32のスプライトを alignment: Top-Left(左上), offset_x: 4 で配置 → スプライトが (4,0) から配置。

Blend (ブレンド) — PixPipeline ノード解説