グリッド・コマ割りでは、16種類のテンプレートから構成を選び、各コマへ好きな画像を割り当てられます。選択したコマごとに画像をドラッグして位置を調整し、拡大率や余白、背景色を整えて、正方形のコラージュをPNG・WebP・JPGで保存できます。
インストール不要。ブラウザですぐに画像を処理できます。
グリッド・コマ割りのコラージュとは
グリッド・コマ割りは、1枚の正方形キャンバスを複数の枠に分け、それぞれへ写真やイラストを配置する方法です。同じ大きさの写真を一覧にしたり、1枚を大きく見せながら補足写真を添えたり、マンガのような流れを作ったりできます。
AllEditのコマ割りツールでは、画像を追加した順番に固定するだけでなく、コマを選んで好きな画像を割り当てられます。同じ画像を別のコマへ使うこともできるため、全体と拡大部分を並べる構成にも利用できます。
複数画像を横一列・縦一列・規則的なグリッドへすばやく並べたい場合は、画像結合ツールが向いています。各コマへ画像を自由に割り当てたい場合は、グリッド・コマ割りツールを使います。
16種類のテンプレートから構成を選ぶ
テンプレートは、均等に分割する基本グリッド、1枚を大きくするメイン配置、異なる大きさのコマを組み合わせるマンガ風配置に分けられます。先に伝えたい順番と主役を決め、その役割に合うテンプレートを選びます。
- ✓すべての写真を同じ重要度で見せるなら均等グリッド
- ✓最も伝えたい写真があるならメイン配置
- ✓時間や手順の流れを見せるなら縦3コマやストーリー
- ✓変化のある誌面風の見た目にはマンガ5・6コマ
- ✓小さな文字を含む画像は大きなコマへ入れる
| 種類 | テンプレート | 向いている用途 |
|---|---|---|
| 基本分割 | 左右2・上下2・横3・縦3コマ | 比較、手順、少ない枚数の紹介 |
| 均等グリッド | 4・6・8・9コマ | 作品一覧、商品一覧、イベント写真 |
| メイン配置 | 左・右・上・下・中央メイン | 主役1枚と補足写真の組み合わせ |
| 変則配置 | マンガ5・6コマ、ストーリー | 視線の流れや場面の変化を見せる構成 |
AllEditでコラージュを作る手順
- 01使用する画像を追加する
画像ライブラリへ写真やイラストを追加します。Freeは最大3枚、Proは最大30枚まで追加できます。
- 02テンプレートを選ぶ
16種類から、画像枚数と見せたい構成に合うコマ割りを選びます。テンプレートを変更すると割り当てと位置設定が初期化されるため、先に決めます。
- 03コマへ画像を割り当てる
プレビューまたは番号タブでコマを選び、左の画像ライブラリから入れたい画像をクリックします。
- 04表示位置と拡大率を整える
選択中のコマ内で画像をドラッグし、見せたい部分へ移動します。必要に応じて100~300%の拡大率と横・縦位置を設定します。
- 05余白・背景色・保存形式を決める
コマ間の余白と背景色を調整し、PNG・WebP・JPGから形式を選んで保存します。
各コマへ好きな画像を割り当てる
プレビュー上のコマをクリックすると、そのコマが選択状態になります。右側に表示される番号タブから選択することもできます。次に画像ライブラリのサムネイルをクリックすると、選択中のコマへ画像が入り、拡大率と位置は中央へ戻ります。
画像は追加順に空いているコマへ自動配置されますが、後から自由に入れ替えられます。同じ画像を複数のコマへ割り当て、片方では全体、もう片方では細部を拡大して見せることもできます。空のコマは薄い背景色の枠として出力されるため、保存前に必要なコマがすべて埋まっているか確認してください。
- ✓番号を確認してから画像ライブラリのサムネイルを選ぶ
- ✓主役の画像はメインとなる大きなコマへ入れる
- ✓同じ画像を再利用するときは、コマごとに位置と拡大率を調整する
- ✓空のコマが意図したものか保存前に確認する
コマごとに表示位置と拡大率を調整する
画像はコマ全体を覆うように表示されるため、元画像とコマの比率が異なると上下または左右の一部が隠れます。プレビューでコマを選択し、画像を直接ドラッグして、人物の顔や商品の中心を見せたい位置へ移動します。
拡大率は100~300%です。拡大すると不要な背景を減らせますが、元画像の解像度が低い場合は粗さが目立ちます。横位置・縦位置は数値でも指定でき、「位置を中央に戻す」で拡大率100%・中央配置へ戻せます。
| 操作 | 方法 | 使う場面 |
|---|---|---|
| コマを選択 | プレビューをクリック、または番号タブ | 編集対象を切り替える |
| 表示位置を変更 | コマ内の画像をドラッグ | 顔や商品を見える位置へ合わせる |
| 拡大 | 拡大率100~300% | 背景を減らして主役を大きくする |
| 位置を数値指定 | 横・縦位置を-100~100で入力 | 細かく位置をそろえる |
| リセット | 位置を中央に戻す | 調整を最初からやり直す |
別のコマへ切り替えても、それぞれの拡大率と位置は維持されます。ただしテンプレートを変更すると、現在の割り当てと位置調整は新しいテンプレート用に初期化されます。
見やすいコラージュにする構成のコツ
小さなコマへ情報量の多い写真を入れると、縮小時に内容が伝わりにくくなります。引きの写真や集合写真は大きなコマへ、表情・商品・料理など対象がはっきりした写真は小さなコマへ入れると整理しやすくなります。
写真の明るさや色が大きく違う場合は、主役と補足の関係が分かるよう配置します。似た写真を連続させすぎず、全景・中景・細部を組み合わせると、1枚の中に変化が生まれます。
- ✓最初に主役となる写真を1枚決める
- ✓大きなコマには全景・人物・重要な説明画像を置く
- ✓小さなコマには細部や補足写真を置く
- ✓視線が左上から右下へ流れる順番を意識する
- ✓人物の顔や文字をコマの境界へ寄せすぎない
- ✓同じような構図だけで埋めず、写真の距離や向きを変える
コマ間の余白と背景色を調整する
コマ間の余白は0~60pxで設定できます。0pxにすると写真が隣接して一体感が出ます。余白を広くすると各写真の境界が明確になり、アルバムやマンガのコマのように見えます。余白の色には背景色が使われます。
白は写真を選びにくく、資料や商品写真にも使いやすい色です。黒や暗い色は明るい写真を引き締めます。色を強くすると写真より線が目立つため、まず白・黒・薄いグレーから試すと調整しやすくなります。
| 見せ方 | 余白の目安 | 背景色の例 |
|---|---|---|
| 写真を連続して見せる | 0~小さめ | 写真になじむ色 |
| 写真を明確に区切る | 中程度 | 白・薄いグレー |
| マンガ風のコマ割り | 中~大きめ | 白または黒 |
FreeとProの枚数・出力サイズの違い
Freeは画像ライブラリへ一度に最大3枚を追加でき、利用上限はAllEdit全ツール合計で1日3枚です。Proは一度に最大30枚、1日の処理枚数は無制限です。保存時は画像を配置したコマ数が処理枚数として数えられるため、同じ画像を複数コマへ使う場合も利用枚数に注意してください。
コラージュのキャンバスは正方形です。プラン全体の出力上限はFreeが1280×720、Proが3840×2160で、縦横比を保って枠内へ縮小されます。そのため、この正方形ツールの実際の最大出力はFreeが720×720、Proが2160×2160になります。
| 項目 | Free | AllEdit Pro |
|---|---|---|
| 1日の処理枚数 | AllEdit全ツール合計3枚 | 無制限 |
| 画像ライブラリへの追加 | 最大3枚 | 最大30枚 |
| 正方形での最大出力 | 720×720 | 1080×1080 |
| 16種類のテンプレート | 利用可能 | 利用可能 |
| コマごとの位置・拡大率調整 | 利用可能 | 利用可能 |
PNG・WebP・JPGから保存形式を選ぶ
WebPとJPGでは40~100%の保存画質を選べます。コマが小さい画像では圧縮による細部の崩れが目立つことがあるため、保存後のファイルを実際の掲載サイズで開き、顔・文字・境界線を確認してください。
| 形式 | 向いている内容 | 特徴 |
|---|---|---|
| PNG | 文字・図・スクリーンショットを含むコラージュ | 輪郭を保ちやすいが、写真が多いと容量が大きくなりやすい |
| WebP | Webサイト・SNS用のコラージュ | 画質と容量のバランスを調整しやすい |
| JPG | 写真中心のコラージュ | 幅広く利用でき、保存画質で容量を調整できる |
保存前のチェックリスト
- ✓目的に合うテンプレートを選んでいる
- ✓すべての必要なコマへ画像を割り当てた
- ✓人物の顔・商品・文字がコマから切れていない
- ✓主役が大きなコマで分かりやすく見える
- ✓各コマの拡大率に大きな違和感がない
- ✓余白と背景色が写真を見にくくしていない
- ✓保存後の画像を通常の表示サイズで確認した
- ✓元画像を別に保管している
よくある質問
テンプレートは何種類ありますか?
左右・上下・均等グリッド、メイン配置、マンガ風、ストーリーを含む16種類です。2~9コマの基本構成と、異なる大きさのコマを組み合わせた構成を選べます。
各コマへ好きな画像を配置できますか?
はい。プレビューまたは番号タブでコマを選び、画像ライブラリのサムネイルをクリックして割り当てます。同じ画像を複数のコマへ配置することもできます。
コマの中で画像を動かせますか?
はい。コマを選択して画像をドラッグすると表示位置を変えられます。拡大率は100~300%、横・縦位置は数値でも設定できます。
横長や縦長のコラージュも作れますか?
現在のグリッド・コマ割りツールは正方形キャンバスです。横長・縦長の比率で複数画像をまとめたい場合は、画像結合ツールの16:9・4:3・9:16を利用してください。
画像はサーバーへアップロードされますか?
画像の読み込み、コマへの配置、合成、保存用画像の生成はブラウザ内で行われ、選択した画像自体はAllEditのサーバーへアップロードされません。
この記事の内容を、AllEditで実際に試してみましょう。