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

ソフトウェア ＞ GIMP 系

目次一覧

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

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

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

　閲覧数:544　投稿日: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/3/28 19:17 更新
週間人気ページランキング ／ 3-21 → 3-27
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 8
2 RGBの種類 ／ ビットカラー | RGB(色) 7
3 ログイン 6
4 Design 0 5
4 RGB ⇔ Lab | 色変換(色) 5
5 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
5 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
5 画像縦横比の問題 | 画像 4
5 HSV ／ HSB 4
5 「bgcolor」「background-color」「background」の違い | CSS 4
6 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 3
6 「position:absolute;」指定する際は、必ず(親要素を含む)祖先要素の何れかで「position」を明示的に指定 | position(CSS) 3
6 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 3
6 Firefox(ブラウザ) カテゴリー 3
6 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 3
6 「.epsファイル」はあらゆるグラフィックソフトで編集できるとは限らない | Fireworks 8(Fireworks) 3
6 bootstrap3で意図せず横スクロールバーが表示される場合は、containerクラスの入れ子を疑う | 3系(Bootstrap) 3
6 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
6 「直後が A 要素 でない B 要素」を指定するCSSセレクタは、「A:not(:has(+ B)) {}」 | CSS 3
7 デザイン変更 | Webデザイン(デザイン) 2
2026/3/28 5:05 更新