✦
✦

AIプロダクトモックアップ:写真からより良い商品ビジュアルを作成

Chris
·2026年9月29日·12 分で読めます
共有

商品モックアップは、撮影を丸ごと組む前に、アイデアを文脈の中で見せるのに役立ちます。棚にパッケージを置いたり、Tシャツのデザインをプレビューしたり、スマホでアプリを見せたり、新しいキャンペーンのシーンを試したりできます。

正確な結果のためには、実際の商品やデザインファイルを“真実”として扱ってください。AIはその周りにシーンを組み立てられますが、ラベル、ロゴ、小さなディテールは公開前に元データと照合しておく必要があります。

モックアップが役立つ理由は?

モックアップには3つの要素が必要です:

  • わかりやすい商品またはデザインの参照
  • 観客に合う文脈
  • シーンとの接触、光、そして現実的なスケール

モックアップは、次のような“特定の疑問”に答えるときに最も役立ちます。机の上で商品はどう見える? このパッケージは棚で目立つ? デザインはアパレルに合う?

AIで商品モックアップを作成する

1. 本物の商品の参照から始める

XPTに、きれいな商品写真、パッケージ画像、またはデザイン素材をアップロードします。商品の重要な側面ビュー、ラベルの配置、表面のディテールがある場合は、追加の参照画像も使用してください。

“画像1を、正確な商品参照として使用してください。形、色、素材、比率、ラベルの配置、見えるディテールを保持します。商品そのものの周りにあるシーンだけを作成してください。”

start-real-product-xpt

2. モックアップのシナリオを定義する

観客、設置場所、表面、照明、カメラアングルを説明します。

“このコーヒーカップを教室の机に置いてください。左から柔らかい日光を入れ、浅い被写界深度にし、すっきりしたエディトリアル構図にします。カップはまっすぐにし、完全に見えるようにしてください。”

define-mockup-scenario

3. 商品の正確さを確認する

使用前に、モックアップを元画像と比較してください。

確認項目:

  • 商品の形状と比率
  • ラベルの位置と読める文字
  • 素材と色
  • コンポーネント数
  • 接触する影と反射
  • 近くの物との相対スケール
  • 商品に含まれているように見える小物

10のAI商品モックアッププロンプト

用途 プロンプト
スキンケアボトル 画像1を、正確なスキンケアボトル参照として使用してください。左から柔らかい日光が入る、淡い石のバスルームカウンターの上に置きます。ボトルの形、キャップの色、ラベルの配置、比率、素材を保持してください。控えめな接触影を追加し、余計な文字は入れないでください。
コーヒーパッケージ このコーヒーバッグのプレミアムなモックアップを作成してください。温かみのある木製カウンターの上に、無地のセラミックカップを添えて配置します。パッケージの形、色、ロゴのあるエリア、比率を保持してください。柔らかい朝の光を使い、ラベルは読める状態のままにします。
Tシャツデザイン 薄いグレーの表面に、無地の白いコットンTシャツのフラットレイモックアップを作成してください。アップロードしたアートワークを胸の中央に配置します。アートワークの比率を保持し、シャツに余計なグラフィック、文字、ロゴを入れないでください。
電話アプリ アップロードしたアプリの画面を、片手で自然に持っているモダンなスマホに表示してください。画面のレイアウト、テキスト、アイコン、色をまったく同じに保持します。清潔でニュートラルなワークスペース背景を使い、現実的な画面反射を入れてください。
書籍の表紙 シンプルな机の上で、ハードカバーの本を立てているモックアップを作成してください。アップロードした表紙アートワークを、レイアウト、文字、色を変えずに表紙の正面に適用します。柔らかいサイドライトと、ミニマルな背景を使用してください。
キャンドルのパッケージ いくつかのニュートラルな自然小物と一緒に、正確なキャンドルジャーを淡い石のトレイに置きます。ジャーの形、フタの位置、ラベル位置、色、スケールを保持してください。温かく柔らかい照明を使い、追加のブランディングは入れないでください。
飲料缶 アップロードした飲料缶を、現実的な結露がある冷たい金属表面の上に立てて見せてください。缶の形、ラベルの色、ロゴの位置、比率を保持してください。制御されたハイライトのある暗いスタジオ背景を使用します。
トートバッグ 木製のフックから吊り下げられた、きれいなキャンバストートバッグのモックアップを作成してください。アップロードしたアートワークをバッグの中央に適用します。生地の折り目は自然にし、アートワークは追加のテキストなしで保持してください。
デスクトップ商品 ノートとキーボードの横に、正確な商品をモダンなオフィスデスクの上に置きます。商品のデザイン、色、ラベル、比率を保持してください。自然な窓の光を使い、コピー用に右側は空けてください。
ギフトボックス アップロードしたパッケージデザインを使って、季節感のあるギフトボックスのモックアップを作成してください。箱の寸法、アートワーク、色は変更せずに保持します。別のリボンと控えめな温かいライティングがある状態で、中立的な面の上に置いてください。

コンセプト用のモックアップであって、商品主張の代わりではない

AIモックアップは、キャンペーンの方向性、パッケージのプレビュー、コンセプト検証に役立ちます。ただし、次のような誤った印象を作ってはいけません:

  • 含まれている付属品
  • 商品の機能
  • パッケージのサイズ
  • 素材
  • ラベルの文字
  • 商品の色
  • 結果や性能

商品掲載の場合は、最終的なすべてのビジュアルを元データと照合してください。Eコマース向けの商品写真の作り方を参照し、商品精度のワークフローをご確認ください。

よくある問題と対処法

問題 プロンプト調整
形状が変わる 商品の参照が、形状、比率、素材、見えるディテールを制御することを明記します。
ラベルの文字が違う 元のラベルを保持するか、デザインツールで検証済みのテキストを別途追加します。
商品が浮いて見える 現実的な表面への接触と、それに合う接触影を要求します。
小物が含まれているように見える 支えるオブジェクトはすべて別物であり、商品に含まれているものではないと明記します。
スケール感が違う 近くの既知の物と高さや幅を比較します。
モックアップがごちゃごちゃして見える シンプルなシーンと、はっきりした主役のプロダクトを1つ使います。

まずは1つの目的と1つのシーンから始めましょう。商品が正確になったら、承認済みのビジュアル指示をバナー、SNS投稿、メール用画像、ランディングページのグラフィックへと展開してください。