Blend(ブレンド)
2つの画像を合成します(Normal / Multiply / Screen / Overlay / Add)。配置制御パラメータでサイズの異なる画像の合成方法を細かく指定できます。
中級
Since P00
入力ポート
Base(ベース)
ベース画像(下レイヤー)
Blend(ブレンド)
ブレンド画像(上レイヤー)
出力ポート
Image(画像)
合成結果
パラメータ
| 名前 | 型 | デフォルト | 説明 |
|---|---|---|---|
| Modeモード | Enum | Normal | ブレンドモード(ドロップダウン、ツールチップ付き) |
| Opacity不透明度 | Float | 1.0 | ブレンドの不透明度 |
| Output Size出力サイズ | Enum | Base | 出力サイズの決定方法(ドロップダウン、ツールチップ付き) |
| Alignment整列 | Enum | Top-Left | ブレンド画像の配置位置(ドロップダウン、日本語ラベル付き) |
| Offset XオフセットX | Int | 0 | 整列後の水平オフセット(px)。スライダーはキャンバス幅に連動 |
| Offset YオフセットY | Int | 0 | 整列後の垂直オフセット(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-Rightoffset_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) から配置。