Blend

Blends two images together

intermediate
Since P00

Input Ports

Base

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

Image
Blend

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

Image

Output Ports

Image

合成結果

Image

Parameters

NameTypeDefaultDescription
ModeEnumNormalブレンドモード(ドロップダウン、ツールチップ付き)
OpacityFloat1.0ブレンドの不透明度
Output SizeEnumBase出力サイズの決定方法(ドロップダウン、ツールチップ付き)
AlignmentEnumTop-Leftブレンド画像の配置位置(ドロップダウン、日本語ラベル付き)
Offset XInt0整列後の水平オフセット(px)。スライダーはキャンバス幅に連動
Offset YInt0整列後の垂直オフセット(px)。スライダーはキャンバス高さに連動

Blend Modes

モード日本語説明
NormalNormalNormal compositing(Overwrite with upper layer)
MultiplyMultiplyDarkening blend, useful for shadows
ScreenScreenBrightening blend, useful for highlights
OverlayOverlayContrast enhancement
AddAddUseful for glow effects
ドロップダウンメニューでは各モードにマウスホバーするとツールチップで説明が表示されます。

Placement Parameter Details

output_size(出力サイズ)

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

alignment(整列)

Blend imageの出力キャンバスに対するPlacement positionを9方向で指定:

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

offset_x / offset_y(オフセット)

alignment で決定された位置からさらにin pixelsで微調整。正の値で右/下方向。

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

Usage Examples

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

32×32のベースに32×32のOverlayを 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 Node Reference