アカウントEnglish
コラージュ

写真をグリッド・コマ割りに配置してコラージュを作る方法

複数の写真をグリッドやマンガ風のコマへ自由に割り当て、1枚のコラージュ画像を作る方法を解説します。位置、拡大率、余白、背景色も調整できます。

結論

グリッド・コマ割りでは、16種類のテンプレートから構成を選び、各コマへ好きな画像を割り当てられます。選択したコマごとに画像をドラッグして位置を調整し、拡大率や余白、背景色を整えて、正方形のコラージュをPNG・WebP・JPGで保存できます。

すぐに試す自由配置グリッド・コマ割りツール

インストール不要。ブラウザですぐに画像を処理できます。

無料で使う
SECTION 01

グリッド・コマ割りのコラージュとは

グリッド・コマ割りは、1枚の正方形キャンバスを複数の枠に分け、それぞれへ写真やイラストを配置する方法です。同じ大きさの写真を一覧にしたり、1枚を大きく見せながら補足写真を添えたり、マンガのような流れを作ったりできます。

AllEditのコマ割りツールでは、画像を追加した順番に固定するだけでなく、コマを選んで好きな画像を割り当てられます。同じ画像を別のコマへ使うこともできるため、全体と拡大部分を並べる構成にも利用できます。

i
単純に順番どおり並べたい場合

複数画像を横一列・縦一列・規則的なグリッドへすばやく並べたい場合は、画像結合ツールが向いています。各コマへ画像を自由に割り当てたい場合は、グリッド・コマ割りツールを使います。

SECTION 02

16種類のテンプレートから構成を選ぶ

テンプレートは、均等に分割する基本グリッド、1枚を大きくするメイン配置、異なる大きさのコマを組み合わせるマンガ風配置に分けられます。先に伝えたい順番と主役を決め、その役割に合うテンプレートを選びます。

  • すべての写真を同じ重要度で見せるなら均等グリッド
  • 最も伝えたい写真があるならメイン配置
  • 時間や手順の流れを見せるなら縦3コマやストーリー
  • 変化のある誌面風の見た目にはマンガ5・6コマ
  • 小さな文字を含む画像は大きなコマへ入れる
種類テンプレート向いている用途
基本分割左右2・上下2・横3・縦3コマ比較、手順、少ない枚数の紹介
均等グリッド4・6・8・9コマ作品一覧、商品一覧、イベント写真
メイン配置左・右・上・下・中央メイン主役1枚と補足写真の組み合わせ
変則配置マンガ5・6コマ、ストーリー視線の流れや場面の変化を見せる構成
SECTION 03

AllEditでコラージュを作る手順

  1. 01
    使用する画像を追加する

    画像ライブラリへ写真やイラストを追加します。Freeは最大3枚、Proは最大30枚まで追加できます。

  2. 02
    テンプレートを選ぶ

    16種類から、画像枚数と見せたい構成に合うコマ割りを選びます。テンプレートを変更すると割り当てと位置設定が初期化されるため、先に決めます。

  3. 03
    コマへ画像を割り当てる

    プレビューまたは番号タブでコマを選び、左の画像ライブラリから入れたい画像をクリックします。

  4. 04
    表示位置と拡大率を整える

    選択中のコマ内で画像をドラッグし、見せたい部分へ移動します。必要に応じて100~300%の拡大率と横・縦位置を設定します。

  5. 05
    余白・背景色・保存形式を決める

    コマ間の余白と背景色を調整し、PNG・WebP・JPGから形式を選んで保存します。

SECTION 04

各コマへ好きな画像を割り当てる

プレビュー上のコマをクリックすると、そのコマが選択状態になります。右側に表示される番号タブから選択することもできます。次に画像ライブラリのサムネイルをクリックすると、選択中のコマへ画像が入り、拡大率と位置は中央へ戻ります。

画像は追加順に空いているコマへ自動配置されますが、後から自由に入れ替えられます。同じ画像を複数のコマへ割り当て、片方では全体、もう片方では細部を拡大して見せることもできます。空のコマは薄い背景色の枠として出力されるため、保存前に必要なコマがすべて埋まっているか確認してください。

  • 番号を確認してから画像ライブラリのサムネイルを選ぶ
  • 主役の画像はメインとなる大きなコマへ入れる
  • 同じ画像を再利用するときは、コマごとに位置と拡大率を調整する
  • 空のコマが意図したものか保存前に確認する
SECTION 05

コマごとに表示位置と拡大率を調整する

画像はコマ全体を覆うように表示されるため、元画像とコマの比率が異なると上下または左右の一部が隠れます。プレビューでコマを選択し、画像を直接ドラッグして、人物の顔や商品の中心を見せたい位置へ移動します。

拡大率は100~300%です。拡大すると不要な背景を減らせますが、元画像の解像度が低い場合は粗さが目立ちます。横位置・縦位置は数値でも指定でき、「位置を中央に戻す」で拡大率100%・中央配置へ戻せます。

操作方法使う場面
コマを選択プレビューをクリック、または番号タブ編集対象を切り替える
表示位置を変更コマ内の画像をドラッグ顔や商品を見える位置へ合わせる
拡大拡大率100~300%背景を減らして主役を大きくする
位置を数値指定横・縦位置を-100~100で入力細かく位置をそろえる
リセット位置を中央に戻す調整を最初からやり直す
!
位置調整はコマごとに保存されます

別のコマへ切り替えても、それぞれの拡大率と位置は維持されます。ただしテンプレートを変更すると、現在の割り当てと位置調整は新しいテンプレート用に初期化されます。

SECTION 06

見やすいコラージュにする構成のコツ

小さなコマへ情報量の多い写真を入れると、縮小時に内容が伝わりにくくなります。引きの写真や集合写真は大きなコマへ、表情・商品・料理など対象がはっきりした写真は小さなコマへ入れると整理しやすくなります。

写真の明るさや色が大きく違う場合は、主役と補足の関係が分かるよう配置します。似た写真を連続させすぎず、全景・中景・細部を組み合わせると、1枚の中に変化が生まれます。

  • 最初に主役となる写真を1枚決める
  • 大きなコマには全景・人物・重要な説明画像を置く
  • 小さなコマには細部や補足写真を置く
  • 視線が左上から右下へ流れる順番を意識する
  • 人物の顔や文字をコマの境界へ寄せすぎない
  • 同じような構図だけで埋めず、写真の距離や向きを変える
SECTION 07

コマ間の余白と背景色を調整する

コマ間の余白は0~60pxで設定できます。0pxにすると写真が隣接して一体感が出ます。余白を広くすると各写真の境界が明確になり、アルバムやマンガのコマのように見えます。余白の色には背景色が使われます。

白は写真を選びにくく、資料や商品写真にも使いやすい色です。黒や暗い色は明るい写真を引き締めます。色を強くすると写真より線が目立つため、まず白・黒・薄いグレーから試すと調整しやすくなります。

見せ方余白の目安背景色の例
写真を連続して見せる0~小さめ写真になじむ色
写真を明確に区切る中程度白・薄いグレー
マンガ風のコマ割り中~大きめ白または黒
SECTION 08

FreeとProの枚数・出力サイズの違い

Freeは画像ライブラリへ一度に最大3枚を追加でき、利用上限はAllEdit全ツール合計で1日3枚です。Proは一度に最大30枚、1日の処理枚数は無制限です。保存時は画像を配置したコマ数が処理枚数として数えられるため、同じ画像を複数コマへ使う場合も利用枚数に注意してください。

コラージュのキャンバスは正方形です。プラン全体の出力上限はFreeが1280×720、Proが3840×2160で、縦横比を保って枠内へ縮小されます。そのため、この正方形ツールの実際の最大出力はFreeが720×720、Proが2160×2160になります。

項目FreeAllEdit Pro
1日の処理枚数AllEdit全ツール合計3枚無制限
画像ライブラリへの追加最大3枚最大30枚
正方形での最大出力720×7201080×1080
16種類のテンプレート利用可能利用可能
コマごとの位置・拡大率調整利用可能利用可能
SECTION 09

PNG・WebP・JPGから保存形式を選ぶ

WebPとJPGでは40~100%の保存画質を選べます。コマが小さい画像では圧縮による細部の崩れが目立つことがあるため、保存後のファイルを実際の掲載サイズで開き、顔・文字・境界線を確認してください。

形式向いている内容特徴
PNG文字・図・スクリーンショットを含むコラージュ輪郭を保ちやすいが、写真が多いと容量が大きくなりやすい
WebPWebサイト・SNS用のコラージュ画質と容量のバランスを調整しやすい
JPG写真中心のコラージュ幅広く利用でき、保存画質で容量を調整できる
SECTION 10

保存前のチェックリスト

  • 目的に合うテンプレートを選んでいる
  • すべての必要なコマへ画像を割り当てた
  • 人物の顔・商品・文字がコマから切れていない
  • 主役が大きなコマで分かりやすく見える
  • 各コマの拡大率に大きな違和感がない
  • 余白と背景色が写真を見にくくしていない
  • 保存後の画像を通常の表示サイズで確認した
  • 元画像を別に保管している
FAQ

よくある質問

テンプレートは何種類ありますか?

左右・上下・均等グリッド、メイン配置、マンガ風、ストーリーを含む16種類です。2~9コマの基本構成と、異なる大きさのコマを組み合わせた構成を選べます。

各コマへ好きな画像を配置できますか?

はい。プレビューまたは番号タブでコマを選び、画像ライブラリのサムネイルをクリックして割り当てます。同じ画像を複数のコマへ配置することもできます。

コマの中で画像を動かせますか?

はい。コマを選択して画像をドラッグすると表示位置を変えられます。拡大率は100~300%、横・縦位置は数値でも設定できます。

横長や縦長のコラージュも作れますか?

現在のグリッド・コマ割りツールは正方形キャンバスです。横長・縦長の比率で複数画像をまとめたい場合は、画像結合ツールの16:9・4:3・9:16を利用してください。

画像はサーバーへアップロードされますか?

画像の読み込み、コマへの配置、合成、保存用画像の生成はブラウザ内で行われ、選択した画像自体はAllEditのサーバーへアップロードされません。

画像を編集する自由配置グリッド・コマ割りツール

この記事の内容を、AllEditで実際に試してみましょう。

ツールを開く