Metlivi ブログ

GIMPでグリッドのない地図画像に正方形グリッドを追加する方法

地図上にエクスポート可能な正方形グリッドを配置するには、地図をそのまま保持し、別の透明レイヤー上にグリッドを作成します。GIMPでは、グリッドのセルの幅と高さを同じピクセル値に設定し、線の開始位置が希望通りになるようオフセットを調整します。エクスポートする前に、通常のプレイサイズで地図とオーバーレイの重なりを確認してください。数学的には正方形のグリッドであっても、見づらかったり地形とうまく合っていなかったりすることがあります。

2026年10月15日所要時間: 6分Metlivi Editorial Team

製品を見るブログに戻る

セクション 1

まずセルのサイズと配置を決める

プレイ中に1マスが何を表すかを決め、目に見えるセルのピクセルサイズを選択します。地図画像自体にゲームのスケールが示されているわけではありません。セルの意味付けは卓内で決定するものです。例えば、幅1,200ピクセルの地図の場合、60ピクセルのセルにすると20列になります。これは一例であり、推奨される共通スケールではありません。地図の高さが60の倍数でない場合、最後の行が中途半端になることがあります。それを受け入れるか、地図をトリミングするか、両方の寸法を均等に割り切れるサイズにセルの大きさを縮小してください。

また、グリッド線が画像の端を通るようにするか、端から半セル内側から始めるかも決定します。重要な部屋、道路、または橋をグリッドの交差点に合わせたい場合は、それを視覚的なアンカー（基準点）として使用します。グリッドなしで描かれた地図の場合、すべての要素を揃えることはできないため、プレイ中最も重要になる境界を優先してください。

セクション 2

地図を開いて元の画像を保持する

GIMPで地図を開き、GIMPネイティブのXCF形式で作業用コピーを保存します。XCF形式であればレイヤーを編集可能な状態に保てます。マニュアルにも説明されている通り、GIMPの「保存」コマンドはXCF用であり、その他の形式には「エクスポート」を使用します。GIMP: Export File

レイヤー → 新しいレイヤーの追加 で、地図の上に新しいレイヤーを追加します。名前を「グリッドオーバーレイ」などとし、塗りつぶし色を透明に設定します。GIMPの「新しいレイヤー」ダイアログは透明な塗りつぶしに対応しており、独立したレイヤーを用意することで、地図の上に直接描画することなくグリッドの変更や削除が可能になります。GIMP: New Layer

セクション 3

オーバーレイ上に正方形グリッドを描画する

透明なオーバーレイを選択した状態で、フィルター → 下地 → パターン → グリッド を選択します。グリッドフィルターは、アクティブなレイヤー上にデカルトグリッド（方眼）を描画します。その設定項目には、セルの幅と高さ、水平・垂直オフセット、線の太さなどがあります。GIMP: Grid filter

正方形のセルにするには、幅と高さを同じピクセル値に設定します（例として挙げた幅1,200ピクセルの地図なら60と60）。設定中は水平と垂直のリンクを維持してください。線の幅と線の高さも、同様に小さな同じ値に設定します。まずは1ピクセルや2ピクセルといった細い線から始めて、グループが実際に閲覧するサイズで確認してください。拡大表示時に繊細に見える線でも、小さな画面や印刷物では消えてしまうことがあります。

オフセット X と オフセット Y の設定により、画像の左上隅を基準にグリッドを移動できます。画像の端から線を走らせたい場合は、ゼロから始めてください。パターンをずらすには、オフセットを変更し、選択したアンカーに対して最初の線がどこに来るかを確認します。グリッドの配置には周期性があります。オフセットを変更するとすべての線が動くため、推測だけで調整するのではなく、プレビューを使って重要な要素周辺の交差点を確認してください。

セクション 4

コントラストと視認性を調整する

明るい地形と暗い地形のどちらの上でも見やすい線の色を選択します。明るい背景には落ち着いたチャコールグレーが適していることが多く、暗いイラストの上では明るめのニュートラルカラーの方が見やすい場合があります。ひとつの色がすべてのエリアに合うと思い込まず、実際の地図を確認してください。フィルターの結果が強すぎる場合は、レイヤーパネルでオーバーレイレイヤーの不透明度を下げます。GIMPでは、レイヤーの不透明度はそのレイヤー上の描画の不透明度を制御するものと説明されています。GIMP: New Layer

要素が密集しているエリアは入念にチェックしてください。グリッドの交差点によって、小さな記号、ラベル、扉、狭い通路などが見えにくくなる場合があります。線が邪魔になる場合は、不透明度や太さを下げるか、別の色を選んで再度プレビューしてください。また、グリッドの端や四隅が見える状態を保つようにしてください。これらが画像と同化して見えなくなると、プレイヤーがプレイ可能領域の境界を見失う可能性があります。

セクション 5

エクスポート前にグリッドを確認する

オーバーレイが完成したと判断する前に、次の3点を確認してください。

正方形のセル： 幅と高さの値が一致していることを確認します。画像の寸法やセルのサイズによって端に不完全なセルができる場合、その余白がこの地図で許容できるかどうかを判断します。
実用的な位置合わせ： アンカーとして選んだ重要な部屋、入口、交差点などの要素を点検します。地図上の他の細部がグリッド線の間に落ちていたとしても、オフセットがプレイ上理にかなっていることを確認してください。
卓上サイズでの視認性： おおよその表示サイズまでズームアウトするか、テスト印刷を確認します。要素を隠すことなく線が見えたままであることを確認してください。異なる画面で使用したり、異なるサイズで印刷したりする場合は、想定される出力形態でも確認してください。

素早く目視で比較するには、オーバーレイレイヤーの表示/非表示を切り替えて、グリッド付きの地図と元の地図を見比べます。これは地図画像自体を誤って変更してしまっていないかを確認するのにも役立ちます。オーバーレイを非表示にすれば、元の画像がそのまま現れるはずです。

セクション 6

実用的な地図をエクスポートする

後からセルのサイズ、オフセット、色、不透明度を修正できるように、作業用のXCFファイルは保持しておきます。オーバーレイが適切に見えたら、ファイル → エクスポート を使用し、グループの用途に適した形式を選択します。GIMPのマニュアルではエクスポートと保存を区別しています。エクスポートはPNGなどの形式を生成し、「保存」は画像をXCFとして保存します。GIMP: Export File

エクスポート後、出力されたファイルを開いて、グリッドが表示されており位置が合っていることを確認してください。GIMPの画面上にあるグリッドは単なる表示補助です。表示 → グリッドの表示 で表示され、画像 → グリッドの設定 で間隔や外観を変更できます。これは編集中に位置合わせを行うのには便利ですが、ここで解説した描画されるオーバーレイとは異なります。GIMP: Default Image Grid

セクション 7

別のアプローチが必要な場合

元の画像の構図を保つことよりも完全なセルをきっちり並べることが重要である場合は、グリッドがキャンバスにすっきりと収まるように、セルの寸法を設定する前に地図をトリミングまたはリサイズしてください。イラストに遠近感があったり、手描きで不均一なレイアウトだったりする場合、規則的な正方形グリッドはすべての要素にしっくり合わないことがあります。描かれたすべての輪郭を無理やり正方形に合わせるのではなく、移動や計測のしやすさを基準に位置合わせを行ってください。

編集時の一時的なガイドが必要なだけなら、グリッドを描画する代わりにGIMPの画像グリッドを使用してください。画像 → グリッドの設定 で間隔とオフセットを設定し、表示 → グリッドの表示 で表示/非表示を切り替えます。これは表示用の補助機能であるため、エクスポートする地図自体にグリッド線が必要な場合は、前述の独立したオーバーレイの手順を使用してください。GIMP: Grids and Guides

信頼性の高い完成地図は、元のイラストがそのまま利用可能な状態で残されており、水平方向と垂直方向のセルの間隔が等しく、プレイヤーが使用するサイズで線がはっきりと読めるものです。セルの形状、アンカーの位置合わせ、端の処理、エクスポート出力を少しチェックするだけで、地図を卓上で使用する前に、最もよくある問題を防ぐことができます。

セクション 8