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

ソフトウェア ＞ GIMP 系

目次一覧

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

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

　閲覧数:653　投稿日: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

　閲覧数:571　投稿日: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/8/25 20:33 更新
週間人気ページランキング ／ 8-18 → 8-24
順位 ページタイトル抜粋 アクセス数
1 Design 0 5
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
3 RGBの種類 ／ ビットカラー | RGB(色) 3
3 RGB → HSL ／ RGB → HSV | 色変換(色) 3
3 色変換(色) カテゴリー 3
4 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
4 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと | 2系(Bootstrap) 2
4 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 2
4 HSLとHSVの違い | 色変換(色) 2
4 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 2
4 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
4 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
4 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
4 Adobe Camera Raw 4.0 | Photoshop 2
4 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 2
4 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
4 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2
5 「Yahoo!検索（リアルタイム）」最強 | Yahoo!検索（リアルタイム）(検索) 1
5 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1
5 RGB → 色相H 方式の違い | 色変換(色) 1
2026/8/25 5:05 更新