GIMPで大画像の上に複数枚の小画像を横一列に並べる

ソフトウェア ＞ GIMP 系

目次一覧

　状態:- 　閲覧数:2,369 　投稿日:2019-12-31 　更新日:2020-01-02
手順 ／ 画像の上に画像を重ねる ／ 画像の上の画像をドラッグドロップで移動する

手順 ／ 画像の上に画像を重ねる ／ 画像の上の画像をドラッグドロップで移動する

　閲覧数:637　投稿日:2019-12-31　更新日:2020-01-02

手順


1.大画像(背景白)を作成
1500px × 500px

2.複数枚の小画像をimport
上に横並びで表示されている
200px × 200px

3.大画像(背景白)の上に、小画像を1枚ドラッグドロップ
大画像(背景白)の真ん中に小画像1枚が表示されている状態

4.大画像(背景白)の上の小画像をドラッグドロップ
小画像を任意の位置へ移動する

5.3.4.を繰り返す

画像の上に画像を重ねる


※下記手順より「レイヤーとして開く」で画像を選択する方が分かりやすい
3-1.上に重ねたい画像を選択する
上に横並びで表示されているimportした画像(の内の一枚)を選択

3-2.下にする画像を選択
3-1の状態のまま、上に横並びで表示されているimportした画像の中で、下にする画像までドラッグドロップ

3-3.下にする画像までドラッグドロップ
3-2の状態のまま、下に表示された画像までドラッグドロップ

画像の上の画像をドラッグドロップで移動する


4-1.作業内容を切り替える
最初に移動アイコンをクリックする

4-2.実際に移動する
大画像(背景白)の上の小画像を、ドラッグドロップで任意の位置へ移動する

3

　閲覧数:559　投稿日:2019-12-31　更新日:2020-01-02
・GIMP 整列の使い方
・4.2. 整列
・GIMP – 複数のレイヤーを等間隔で並べる・整列方法

・GIMPで、大きい画像の上に小さい複数枚の画像を横に並べたいのですが、
・GIMPで、大きい画像の上に小さい複数枚の画像を横に並べたいのです...

G'MIC

GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない



類似度ページランキング
順位 ページタイトル抜粋 ％
1 GIMPで大画像の上に複数枚の小画像を横一列に並べる 85
2 ImageMagickで、画像に文字列を描画 フォント 30
3 img srcタグで、画像の上に文字 27
4 画像の上にテキスト表示 27
5 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない 27
6 HTMLで「1つのタグにidを複数指定」は出来ない！ 27
7 GIMP 27
8 「親要素越え」✕「横幅Max状態での画像スライダー」を検討 25
9 複数画像一括レタッチ処理実行 25
10 一つの要素に対して「id 属性値」を複数指定することは出来ない 25
11 背景画像を要素幅一杯に広げ、リサイズにも対応させる 24
12 画像縦横比の問題 24
13 画像を小さくトリミングして綺麗にみせるため、PhotoShop CS3 で色調補正する 23
14 Chrome ブラウザで画像の DataURI を取得 23
15 「Photoshop CS3」で、画像を円形に切り取り、背景を透明にする 23
16 aタグで複数のブロック要素を囲むやり方 22
17 自分の環境でスプライト画像を作成したい 22
18 PNG画像透明化問題 22
19 JPEG画像ファイルコピーを繰り返しても画質は劣化しない。画質が劣化するのは上書き保存する場合 22
20 いい感じのGIFアニメーションを探してみる 21
2026/6/16 22:59 更新
週間人気ページランキング ／ 6-9 → 6-15
順位 ページタイトル抜粋 アクセス数
1 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 8
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
2 (ショートカットキーで拡張機能を起動する)拡張機能のキーボード割り当て | Chrome 拡張機能 5
2 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 5
2 GIMPで大画像の上に複数枚の小画像を横一列に並べる | GIMP 系(ソフトウェア) 5
2 XnConvertとは？／ インストール ／ 変換実行してみる 5
2 textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する | CSS 5
2 Design 0 5
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
2 RGB ／ 24ビットカラー 5
3 RGBの種類 ／ ビットカラー | RGB(色) 4
3 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 4
3 黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K | 色 4
3 HTMLエディタ カテゴリー 4
3 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
4 Sleipnir | ブラウザ 3
4 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 3
4 チェック柄　斜め線 | CSS 3
4 resizeが効かない場合は、min-heightを設定してみる | CSS 3
5 レイアウトがどうしても崩れるときは、div marginへマイナス値が設定されていないか、確かめる | CSS 2
2026/6/16 5:05 更新