コラージュテンプレートメーカーとは?

コラージュテンプレートメーカーは、オリジナルのコラージュレイアウトをゼロからデザインできるツールです。正確なサイズ指定でカスタムグリッドセルを定義し、領域の分割・結合を行い、テンプレートを保存して再利用できます。標準的なグリッドパターンでは対応できない場合に役立ちます。

6種類のプリセット(2分割、3カラム、4グリッド、ヒーロー+ストリップ、非対称)から始めるか、セルを水平・垂直に分割してゼロから作れます。スペーサーをドラッグしてサイズを微調整し、キャプションを重ね、PNG・JPG・再利用可能なJSONテンプレートとして書き出せます。元に戻す・やり直しで全ての変更が可逆になるので、新しいレイアウトを試しても前のレイアウトが失われることはありません。

使い方

  1. 空白のキャンバスから始めて、水平方向または垂直方向に分割して領域を定義します。
  2. セル間のスペーサーをドラッグして領域のサイズを変更したり、さらに分割して細かい非対称を作ったりできます。
  3. キャプションを追加し、構造をJSONとして書き出して再利用したり、セルに写真を入れてPNGまたはJPGでダウンロードしたりできます。

使用するタイミング

  • Instagram のシリーズ投稿や商品一覧などで、同じレイアウトを何度も使いたいとき。
  • 雑誌風の見開きを、実写を置く前にデザインツールでざっくり組みたいとき。
  • ビフォーアフター、並列比較、メイン+ディテールなど事例向けの構図を作るとき。

結果

左側に大きなメイン写真1枚、右側に小さな写真2枚を縦に並べる3セルテンプレートをデザインし、レイアウトをJSONとして保存してから、イベント写真を配置してエクスポートできます。

よくある質問

普通のコラージュメーカーと何が違いますか?
通常のコラージュメーカーはまず写真を要求します。このツールはレイアウト自体に焦点を当てており、セルを設計して構造を保存し、同じテンプレートを別の写真セットに使い回せます。写真は最後の工程で、出発点ではありません。
書き出した JSON には何が入っていますか?
領域のツリー構造で、分割方向・相対サイズ・キャンバスの大きさ・間隔・角丸の半径・背景色・各セルの単色塗りつぶし・追加したテキストオーバーレイが含まれます。元の写真は含まれません — 後でJSONを再インポートすれば、同じレイアウトに別の画像を入れられます。
セルごとに固定のアスペクト比を設定できますか?
セルの比率は明示的なアスペクト比ではなく、キャンバスをどう分割したかで決まります。まずキャンバスサイズを決め(正方形なら 1080×1080、横長なら 1920×1080)、必要な比率になるまで縦横の分割を繰り返してください。
テンプレートに写真を入れると、なぜか変な切り取り方になります。
各セルはアスペクト比を保ったまま領域を埋める「center-cover」方式で切り抜きます。横長の写真を縦長のセルに入れると左右が切れます。流し込む前に該当セルをさらに分割して、写真の形に近づけてください。
印刷用の高解像度で書き出せますか?
プリセットは SNS・画面用です。印刷向けには、まずテンプレートを JSON で保存し、お使いのデザインツールでキャンバスを大きくしてから再インポートしてください。構造はピクセルではなく比率で保存されるため解像度に依存しません。

関連ツール