ツール一覧へ

ネットショップ用モックアップ:あなたのビジュアルを三つの商品に

あなたのビジュアルが三つの画像ノードに入り、オンデマンド印刷の三商品に載ります:着用したTシャツ、トートバッグ、マグカップ。絵は一ピクセルもあなたのもの。ワークフローはアカウントなしで見られます。

インタラクティブデモ

本物のワークフロー、本物の結果。自由に移動・ズームできます。

このワークフローを使う

本物のワークフロー:元のビジュアルが GPT Image 2.5 Flare の三つのノードにつながり、ノードごとに商品が一つずつ。三枚のモックアップはデモのもので、三つとも同じ絵が載っています。

概要

ワークフローの成果物
画像3枚(3:4)
キャンバスの構成
8個のノードを6本の接続でつないだ構成
使用モデル
GPT Image 2.5 Flare
1回のフル実行のコスト
約9クレジット($0.11)

写真のない商品ページは売れません。そして、売れるかどうか分からないデザインのために、Tシャツを一箱注文して撮影する人はいません。このワークフローは、手元にある唯一のファイル、つまりあなたの絵から販売用の画像を作ります。着用したTシャツ、掛かったトートバッグ、マグカップの、三つの本物の場面として返ってきます。

難しいのは商品ではなく「ビジュアル」です。同じ比率のまま、描き直されることなく、完全にあなたのものであり続け、皺の寄る生地の上で印刷が歪むぶんだけ歪む必要があります。三つの指示はこの一文を一字一句そのまま繰り返しており、モックアップと「あなたのデザインに着想を得た」画像を分けているのもそこです。

モデルはGPT Image 2.5 Flareの標準の段階で、モックアップ一枚あたり三クレジット、カタログでいちばん高いモデルの十九クレジットに対してこの値段です。新しいデザインのたびに回し直すワークフローでは、この比が最後の仕上がりの差より効きます。三商品で九クレジット

手順

  1. 1

    平らなビジュアルを渡す

    無地の背景、落ち影なし、作り済みのモックアップなし、枠なし。モデルに要るのは絵そのものだけです。まわりにあるものは、Tシャツに一緒に刷られる恐れがあります。

  2. 2

    絵ではなく場面を書く

    生地の色、後ろの壁、光、見る角度。絵のほうは決して書きません。参照画像から取られるものであり、まさに解釈し直されては困るものだからです。

  3. 3

    三つの商品を出す

    「すべて生成」でTシャツもトートバッグもマグも一度に出ます。三つとも同じファイルから出るので、ショップは商品ページをまたいで一貫したデザインを見せられます。

  4. 4

    デザインを替えて回し直す

    メディアノードのビジュアルを差し替えて再実行すれば、商品ラインすべてが三クリックで作り直せます。キャンバスがレタッチの道具ではなく生産のラインになるのはここからです。

バリエーションと活用例

同じキャンバスを、別の用途に合わせて調整。各バリエーションは、プロンプトを2〜3行変えるだけです。

着用したTシャツ

いちばん売れる画像です。人の体の上で絵の大きさが分かるからです。デモの構図は顎の下で切れています。主役はモデルではなく商品のままにするためです。

トートバッグ

利益率がよく返品も少ない商品で、作家のショップでよく求められます。キャンバスがわずかにたるむだけで、本物の写真に見えるようになります。

マグカップ

贈り物の定番であり、自宅で撮るのがいちばん難しい商品でもあります。レンダリングは絵を陶器の曲面に巻き付けますが、これは平らな合成にはできないことです。

同じデザインの商品ライン

同じ絵の三商品があれば、公開の日にまとまったコレクションのページができます。試作に見える単独の商品ページを一つ置くのとは違います。

作る前にデザインを試す

モックアップを公開し、どれが押されるかを見て、反応のあったものだけを刷ってください。それがオンデマンド印刷の本当の利点で、在庫より先に画像が要ります。

実在する商品のパックショット

物がすでにあって写真も撮ってあるなら、商品写真が、絵のまわりに場面を組み立てる代わりに、あなたの写真そのものを扱います。

よくある失敗

商品に載った状態のビジュアルを渡す

モックアップを入力に渡すと、Tシャツにプリントされた Tシャツが返ってきます。元のファイルは、無地の背景に平らに置いた絵そのものでなければなりません。

指示の中で絵を説明する

説明したとたん、モデルはそれを描き直すべきだと考え、自分流に描き直します。指示は場面のことだけを語り、絵についてはファイルを参照させます。

ビジュアルに極小の文字を入れる

二ミリの注記は、斜めから撮ったマグの上では読めないか歪みます。文字は大きく保つか、結果をごく近くまで拡大して確かめてください。

モックアップを校正刷りだと思う

画面の色は印刷業者の色ではなく、生地でも変わります。モックアップはデザインを売るもので、生産を承認するものではありません。

おすすめモデル

よくある質問

自分の絵は本当にそのまま残りますか?

指示が求めているのはそれで、デモの三枚も同じロゴが三商品で無傷のまま残っています。ただし結果は毎回読み直してください。モデルは細い線や小さな文字を崩すことがあります。

この画像を自分のショップで使えますか?

使えます。モックアップの提供業者が売っているのと同じ、見せるための画像です。商用利用についてはAI画像の権利のガイドが詳しく説明しています。

この三つ以外の商品もできますか?

ノードを複製して、欲しい商品を書いてください。スウェット、キャップ、スマホケース、ポスター、ウエストポーチ。商品を一つ増やすごとに三クレジットです。

モックアップ三枚でいくらですか?

九クレジット、商品ごとに三です。商品ライン全体で九セント。新しいデザインのたびに何も考えず画像を作り直せるのはこの値段のおかげです。

本物の写真に見えますか?

デモの三商品では、柔らかい光、壁の落ち影、マグの浅い被写界深度まで入っています。合成と商品ページを分けるのは、この場面づくりの水準です。

生地の色は選べますか?

はい、指示に書いてください。杢グレー、黒、生成り、ネイビー。よく売れる色を出しておけば、商品ページのカラーバリエーションとしてもそのまま使えます。

着用したTシャツに顔を入れるべきですか?

いいえ、デモは意図して顎の下で切っています。顔は商品から視線を奪いますし、売る側が抱えたくない肖像権の問題も生みます。

まだデザインがない場合は?

デモが山のビジュアルでやっているように、まず画像ノードで作ってください。ブランドを探しているならロゴジェネレーターから始められます。

ネットショップ用モックアップ:あなたのビジュアルを三つの商品に

このワークフローを使う

無料アカウント、クレジットカード不要。ワークフローは入力済みの状態でキャンバスに開きます。