コンテンツにスキップ

画像ブレンド合成 (ImageBlendCompositor)

概要 (What is it?)

ImageBlendCompositor ノードは、フォトレタッチソフトウェアのレイヤー機能のように、さまざまな描画モード（ブレンドモード）を使用して 2 つの画像を重ね合わせて合成します。配置位置（オフセット）、不透明度、および高度なコンポジット設定により、画像の重ね合わせを精密にコントロールできます。

使用する場面 (When would I use it?)

以下のような場面でこのノードを使用します：

  • 異なるブレンドモードを使用して 2 つの画像を合成したい場合
  • 複数のレイヤーを持つ合成画像を作成したい場合
  • クリエイティブなブレンド効果を適用したい場合
  • 正確な位置合わせを行って画像をオーバーレイしたい場合
  • 多重露光（Double Exposure）効果を作成したい場合
  • テクスチャやパターンを画像にブレンドしたい場合
  • アーティスティックな画像コンポジションを作成したい場合

使い方 (How to use it)

基本セットアップ

  1. ワークフローに ImageBlendCompositor ノードを追加します
  2. 2 つの画像ソースを "input_image" と "blend_image" 入力に接続します
  3. ブレンドモードを選択し、不透明度（opacity）を調整します
  4. 合成された画像が "output" パラメータから出力されます

パラメータ一覧 (Parameters)

画像入力 (Image Inputs)

  • input_image: ベースとなる画像（背景レイヤー）
  • blend_image: 上に重ねてブレンドする画像（前景レイヤー）

ブレンド設定 (Blend Settings)

  • blend_mode: 使用する描画ブレンド方式

    • normal: 通常のアルファブレンド
    • multiply: 乗算（背景画像を暗くします）
    • screen: スクリーン（背景画像を明るくします）
    • overlay: オーバーレイ（乗算とスクリーンを組み合わせ、コントラストを強調します）
    • soft_light: ソフトライト（柔らかな明暗効果）
    • hard_light: ハードライト（強い明暗効果）
    • color_dodge: 覆い焼きカラー（背景を明るく飛ばします）
    • color_burn: 焼き込みカラー（背景を深く暗くします）
    • darken: 比較（暗）（より暗いピクセルを採用）
    • lighten: 比較（明）（より明るいピクセルを採用）
    • difference: 差の絶対値（色を引き算して反転効果）
    • exclusion: 除外（差の絶対値よりマイルドな効果）

  • opacity（0.0〜1.0、デフォルト: 1.0）: ブレンドの適用不透明度

    • 0.0: 完全透明（ブレンドなし）
    • 1.0: 完全不透明（100% ブレンド）

配置設定 (Positioning)

  • x_offset（ピクセル単位、デフォルト: 0）: ブレンド画像の水平配置オフセット
  • y_offset（ピクセル単位、デフォルト: 0）: ブレンド画像の垂直配置オフセット

高度なオプション (Advanced Options)

  • resize_blend_to_fit（真偽値、デフォルト: false）: ブレンド画像をベース画像のサイズに合わせて自動リサイズ
  • preserve_alpha（真偽値、デフォルト: true）: 結果画像で透明度チャンネルを保持
  • invert_blend（真偽値、デフォルト: false）: ブレンド処理を実行する前にブレンド画像の色を反転

出力 (Outputs)

  • output: 2 つの画像がブレンドされた合成画像

使用例 (Example)

一般的なブレンド合成ワークフローの例：

  1. 2 つの LoadImage ノードを使用して画像を読み込みます
  2. 最初の画像を "input_image"（背景）に接続します
  3. 2 番目の画像を "blend_image"（前景）に接続します
  4. ブレンド設定を調整：
    • 全体を暗く引き締めるために blend_mode で "multiply" を選択
    • 控えめな効果にするために opacity を 0.7 に設定
    • ブレンド画像を右に 50 ピクセル移動するため x_offset を 50 に設定
    • 下に 30 ピクセル移動するため y_offset を 30 に設定
  5. "output" を DisplayImage に接続して結果を確認します

重要な注意点 (Important Notes)

  • リアルタイムプレビュー: パラメータの変更はリアルタイムに反映されます
  • 画像サイズと位置: ブレンド画像はベース画像の境界外にはみ出す位置にも配置できます
  • RGBA のサポート: RGBA 画像の透過チャンネルはそのまま保持されます
  • 高品質アルゴリズム: プロフェッショナル仕様の描画モード数学モデルを使用しています

よくある問題 (Common Issues)

  • ブレンド効果が見えない: opacity が 0 になっていないか確認してください。また、"normal" モードで完全不透明の場合は前景画像が背景を完全に覆い隠します
  • ブレンド画像が枠外に消える: x_offset や y_offset が大きすぎてベース画像の表示可能範囲外に出ていないか確認してください

技術的な詳細 (Technical Details)

このノードは多彩な数学的ブレンドモードをサポートしています：

  • 数学的ブレンド: multiply, screen, overlay, soft_light, hard_light
  • 色彩演算: color_dodge, color_burn, difference, exclusion
  • 比較演算: darken, lighten
  • 標準アルファ合成: normal

各ブレンドモードはピクセル単位の数学的操作（加算・減算・乗算・条件分岐）を実行し、独自の表現を生み出します。