ノード一覧に戻る

ブレンド

blend

2つの画像を合成します(乗算・スクリーン等)

確認済み
解説あり

入力ポート

名前説明
ベース
base
Image
必須
ベース(下)の画像
ブレンド
blend
Image
必須
ブレンド(上)の画像

出力ポート

名前説明
画像
output
Image
合成結果の画像

パラメータ

名前既定値範囲説明・選択肢
モード
mode
Enum
Normal

ブレンドモード

  • 通常Normal
    通常のアルファ合成
  • 乗算Multiply
    暗くする合成、影に有用
  • スクリーンScreen
    明るくする合成、ハイライトに有用
  • オーバーレイOverlay
    コントラスト強調
  • 加算Add
    加算合成、発光エフェクトに有用
  • 減算Subtract
    上の色を差し引いて暗くします
  • 差の絶対値Difference
    2色の差を取り出します。違い比較や特殊効果に有用
  • 比較(暗)Darken
    チャンネルごとに暗い方の色を残します
  • 比較(明)Lighten
    チャンネルごとに明るい方の色を残します
  • ソフトライトSoftLight
    やわらかいコントラスト。淡い陰影や色付けに有用
  • ハードライトHardLight
    強いコントラスト。はっきりした光と影に有用
  • 覆い焼きColorDodge
    下の色を強く明るくします。強い光の表現に有用
  • 焼き込みColorBurn
    下の色を強く暗くします。深い影の表現に有用
不透明度
opacity
Float
10–1 / step 0.01

ブレンドの不透明度

出力サイズ
output_size
Enum
Base

出力サイズの決定方法

  • ベースBase
    ベース画像のサイズを使用
  • ブレンドBlend
    ブレンド画像のサイズを使用
  • 大きい方Larger
    整列とオフセット後の両画像が収まる範囲を使用
  • 小さい方Smaller
    各辺の小さい方を採用
整列
anchor
Enum
Top-Left

ブレンド画像の配置位置

  • 左上Top-Left
  • 上中央Top-Center
  • 右上Top-Right
  • 左中央Center-Left
  • 中央Center
  • 右中央Center-Right
  • 左下Bottom-Left
  • 下中央Bottom-Center
  • 右下Bottom-Right
オフセットX
offset_x
Int
0-4096–4096

整列後の水平オフセット(ピクセル)

オフセットY
offset_y
Int
0-4096–4096

整列後の垂直オフセット(ピクセル)

概要

2枚の画像を重ねる、合成の基本ノードです。ペイントソフトの「レイヤー+ブレンドモード」に 相当し、下地の上への素材配置から、乗算の影・加算の発光まで、重ね合わせ全般を担います。

使い方のポイント

  • モードの選び方の目安: 素材をそのまま置く→Normal、影・汚れ→Multiply、 光・ハイライト→ScreenAdd(発光っぽさは Add が強い)、色味の強調→Overlay
  • 効果が強すぎるときはモードを変える前に opacity を下げる。上画像の アルファに掛けて合成するため、0 は透明RGBを含めてベースと完全に同じ、 1 は上画像本来のアルファになる。0.3〜0.6 が実用域のことが多い
  • サイズ違いの画像を重ねるときは output_sizeanchor を最初に決める。 「キャンバスにスプライトを置く」なら output_size = Base + anchor = Center が定番
  • 3枚以上重ねる場合はブレンドを数珠つなぎにするか、レイヤーが多いなら image_layer_compose の方が整理しやすい
  • 形で切り抜きながら重ねたい場合は blend_by_mask を使う

ドロップダウンメニューでは各モードにマウスホバーするとツールチップで説明が表示されます。

よくある失敗

  • 上の画像で下が完全に消える: Normal は上書き合成。下を透かしたいなら 上画像の透明部分を確認するか、opacity を下げる
  • はみ出た部分が切れる: output_size = Base(既定)はベース画像の範囲しか出力しない。 整列・オフセット後の両画像を収めたいなら Larger にする
  • 位置がズレる: anchor 基準+offset の順で決まる。オフセットのスライダー範囲は キャンバスサイズ連動なので、大きく動かすときは数値入力(±4096まで)を使う

配置パラメータ詳細

output_size(出力サイズ)

日本語 説明
Base ベース ベース画像のサイズを出力(デフォルト)。ベース画像は (0,0) 配置
Blend ブレンド ブレンド画像のサイズを出力
Larger 大きい方 整列・オフセット後の両画像を囲む範囲を出力。負位置も原点をずらして保持
Smaller 小さい方 各辺の小さい方を採用:min(base.w, blend.w) × min(base.h, blend.h)

Base 以外の場合、ベース画像は基準キャンバスの中央に配置されます。Larger ではその後に両画像の境界まで出力を広げるため、負のオフセットも切れません。

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) から配置。

関連ノード

  • image_layer_compose — 多レイヤーの一括合成(レイヤーが3枚以上なら)
  • blend_by_mask — マスク画像で合成範囲を制御したい場合
  • erase_by_mask — 重ねるのではなく、マスクで消したい場合
  • solid_color — 合成の下地作り
ノード一覧に戻る