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

ソフトウェア ＞ GIMP 系

目次一覧

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

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

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

　閲覧数:558　投稿日: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/5/27 18:20 更新
週間人気ページランキング ／ 5-20 → 5-26
順位 ページタイトル抜粋 アクセス数
1 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
1 RGBの種類 ／ ビットカラー | RGB(色) 5
2 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
2 favicon.ico の問題 | HTML 4
2 「Firebug Lite for Google Chrome™」アンインストール 4
3 画像縦横比の問題 | 画像 3
3 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 3
4 FotoSketcher(ソフトウェア) カテゴリー 2
4 Vieas(ソフトウェア) カテゴリー 2
4 O'Reilly書籍の緑色 ／ #00a9a4 | カラーコード(色) 2
4 ｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト | Photoshop 2
4 早見表 | Illustrator CS3(Illustrator) 2
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
4 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
4 方式1.色相H0°～360°、彩度S0%～100%または0～255、明度V0%～100%または0～255 2
4 ツールチップ | 3系(Bootstrap) 2
4 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
4 今後について 2
4 RGB最大値基準 2
5 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 1
2026/5/27 5:05 更新