MasaApps360
日本語
CollageCraft

ビフォーアフター写真コラージュの作り方

テンプレートを開いてビフォー / アフターをタップし、2枚を並べるビフォー · アフター、縦に並べる上 · 下、あるいは連続の変化を見せる3ステージや6ステップの進歩から選びます。テキストで「Before」「After」を加え、無料で最大2Kまで透かしなしで書き出せます。

4 分で読めます · 更新日 2026-09-11

ビフォーアフターコラージュが必要なのはどんなとき?

変化そのものが伝えたい内容であるとき、たとえば筋トレの計画、部屋のリノベーション、ヘアカット、洗車後の車、ガーデニング、スキンケアの経過、家具の修復などです。並べて見せることで、2つの投稿をスワイプして見比べるよりも、一目で違いが伝わります。

比較が公平に見えるのは、両方の写真が同じ枠組みで撮られている場合だけです。効果よりも、両方の半分をきっちり同じサイズにしてくれるレイアウトのほうが重要になります。

どのレイアウトを使うべき?

ビフォーアフター用レイアウトと無料での書き出しサイズ
レイアウトカテゴリー写真枚数形2K書き出し
ビフォー · アフタービフォー / アフター2正方形2,048 x 2,048 px
上 · 下ビフォー / アフター2正方形2,048 x 2,048 px
3ステージビフォー / アフター31.6:1 ワイド2,048 x 1,280 px
4ステージビフォー / アフター4正方形2,048 x 2,048 px
変身フィットネス31.6:1 ワイド2,048 x 1,280 px
30日フィットネス30正方形2,048 x 2,048 px

Instagramフィード向けの4:5には縦 ビフォー/アフターと進歩 ビフォー/アフターもあり、ラベル付きビフォー/アフターや6ステップの進歩、ストーリー用9:16のビフォー/アフターストーリーもあります。一部のカードにある王冠バッジは装飾にすぎず、どれも無料プランで書き出せます。

ビフォーアフターコラージュの作り方(手順)

  1. テンプレートタブを開いてビフォー / アフター(進捗系のレイアウトならフィットネス)をタップします。
  2. ビフォー · アフターをタップします。
  3. 左のスロットをタップしてビフォーの写真を選び、右のスロットでアフターの写真を選びます。
  4. 両方の写真を同じ高さ・同じ大きさに見えるよう、ドラッグやピンチで調整します。
  5. テキストをタップしてラベルを追加し、「Before」と入力して左の写真にドラッグ、同じように「After」も右の写真に配置します。
  6. 任意で、間隔で区切りの隙間を、枠線で枠を加え、フィルターで両方の写真に共通の見た目を適用します。
  7. 共有アイコンをタップして画質で2Kを選び、写真に保存をタップします。

比較しやすい写真の撮り方

  • 同じ場所、同じ距離、同じ高さで撮る。床に印を付けたり、部屋なら同じドア枠を使ったりするとよいでしょう。
  • 同じ光の条件で:似た時間帯にし、片方だけフラッシュを使わないようにする。
  • フィットネス写真では同じポーズと服装にして、体の変化そのものが伝わるようにする。
  • 元の写真は保存しておく。3段階以上なら3ステージや30日のレイアウトで随時写真を追加できます。

Instagramにはどのサイズが良い?

正方形のレイアウトはそのまま投稿できます。フィードでより広く見せたいなら縦 ビフォー/アフター(4:5)を使います。ストーリー用にはビフォー/アフターストーリーか、任意のレイアウトをSNS用に書き出しに通してください。正方形のコラージュをHDで書き出すと1,080x1,080pxになり、これはInstagramのフィードで表示されるサイズです。

よくある失敗

  • 向きを混在させる:縦のビフォーと横のアフターを同じスロットに入れると切り取られ方がまったく違ってきます。
  • 並べる順番を間違える:読む順番は左から右なので、ビフォーは左か上に置きましょう。
  • 小さな画像に段階を入れすぎる。30日は30枚まで入りますが1枚1枚は小さくなるので、スマホの画面なら3〜6段階のほうが読みやすいです。

よくある質問

ビフォーアフターコラージュ作成は無料ですか?
はい。ビフォーアフター系とフィットネス系のレイアウト、テキストラベル、HDまたは2Kでの書き出しはすべて無料で、透かしも入りません。
ビフォーアフターに2枚より多くの写真を入れられますか?
はい。3ステージは3枚、4ステージは4枚、6ステップの進歩は6枚、フィットネスの30日は5x6のグリッドで30枚の写真を入れられます。
ビフォーとアフターをスワイプで切り替えるスライダーはありますか?
いいえ。CollageCraftは写真を並べたり上下に配置したりした静止画を作るアプリで、インタラクティブなスライダーや動画には対応していません。

CollageCraft のその他のガイド