画像合成ツール (重ね合わせ専用)

UPDATE : 切り抜き合成対応 (個別設定の切り抜きをチェック)

下地の画像
IMAGE
▼
INPUT SIZE : W 0 x H 0
▼ 画像設定 [ 表示 ]
▼ 画像設定 [ 非表示 ]
画像の透明度 (0～100)
画像の背景
横グラデーション 縦グラデーション
背景の色 (グラデーション1)
背景の色 (グラデーション2)
背景の色 (グラデーション3)
背景の透明度 (0～100)
▼　

▼ 画像を入力

重ね合わせる画像 (No.1～No.10)
切り抜きにチェックを入れると円形などに切り抜きます。角丸のサイズは反映されません。
No. 1 2 3 ▲ ▼ (重ね合わせる画像の表示番号) ▼　

▼ 重ねる位置から ドラッグして 画像のサイズを設定

No.1

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

X: , Y: 全表示
縮小表示
標準表示
取消　
▼　 ▼ 座標調整 [ 表示 ]
▼ 座標調整 [ 非表示 ]
▼ 一括変換 [ 表示 ]
▼ 一括変換 [ 非表示 ]
横軸移動 (X軸)
縦軸移動 (Y軸)
移動　
座標調整の数値を変更すれば 0.1 ピクセル単位で 位置を修正できます。
▼　 ▼ 詳細設定 [ 表示 ]
▼ 詳細設定 [ 非表示 ]
指定可能な座標のピクセル単位 (初期設定値は 1) (グリッド線 5、10、20、25、50、100単位)
線の太さ
線の色
▼　

RESET

GENERATE　
作成 / 更新　
画像を作成・保存する

▼　

▼ OUTPUT FORM Image is displayed here

---

DOWNALOD　
画像をダウンロードする ▼ 重ね合わせた部分のみ [ 表示 ]
▼ 重ね合わせた部分のみ [ 非表示 ]
DOWNALOD (OVERLAY ONLY)　
重ね合わせた画像のみをダウンロードする

＞＞ 画像結合ツール (つなぎ合わせ専用)、画像斜め結合ツール (斜めにつなぐ場合)
説明

---

複数枚の画像を重ねて一枚に合成するウェブアプリです。

---

手順
1. 下地の画像を読み込む (大きいサイズの場合は縮小表示にする)
2. 重ね合わせる画像を読み込む
3. キャンバスをマウスでドラッグして、重ね合わせる画像の 合成する位置・サイズを設定する (後から角の点(座標)をドラッグする事もできる)

---

※ 重ね合わせる画像の番号を変更すれば 複数の画像を合成できます。
※ 座標調整の数値を変更すれば 0.1 ピクセル単位で 位置を修正できます。
アドバイス １

---

キーボードの上下で「重ね合わせる画像の表示番号」を変更できます。
アドバイス ２

---

重ね合わせる画像の形を「ハート形、星形、桜形、矢印形、など」にして合成したい場合は、下記ツール等で 画像を切り抜いてから合成して下さい。ちなみに 画像合成ツール単体でも 一部の形 (円形や星形など) に切り抜いて合成できます。
画像トリミングツール
アドバイス ３

---

重ね合わせる画像の背景が透過されていない場合 (それを透過させたい場合) は、下記の外部ツール等を ご利用ください。
外部ツール
remove.bg
関連リンク

---

画像ツール (目次)
画像結合ツール (縦横つなぎ合わせ)
画像斜め結合ツール (斜めつなぎ合わせ)
縦横4枚結合ツール (斜め対応)

---

旧バージョン (v1)
画像合成ツール (非推奨)

画像合成シリーズ

＞＞ Twitterヘッダー作成シリーズ (背景・画像合成・文字入れ)
▲ 上部に移動する

by UTILITY LABO