Blend

Applies Blend compositing to the input image.

intermediate
Since P00

Input Ports

Base

Base image(下レイヤー)

Image
Blend

Blend image(上レイヤー)

Image

Output Ports

Image

Composited result

Image

Parameters

NameTypeDefaultDescription
ModeEnumNormalBlend mode(ドロップダウン、ツールチップ付き)
OpacityFloat1.0ブレンドのOpacity
Output SizeEnumBaseOutput sizeの決定方法(ドロップダウン、ツールチップ付き)
AlignmentEnumTop-LeftBlend imageのPlacement position(ドロップダウン、日本語ラベル付き)
Offset XInt0Horizontal offset after alignment(px)。スライダーはキャンバスWidthに連動
Offset YInt0Vertical offset after alignment(px)。スライダーはキャンバスHeightに連動

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