
商品・小物の並べ方 · GPT Imageの生成作例10枚
AIの商品画像をおしゃれにするには?並べ方と構図10選
こんにちは、AI FREAKです。今回は、商品の魅力を伝える、AI画像の並べ方と構図10選を紹介します。
こんなお悩みはありませんか?
小物を足すほど、おしゃれになると思っていたのに…。何を見せたい画像か分からなくなっちゃった。
商品画像は、要素を増やすだけでは魅力が伝わりません。瓶の形を見せたいのか、素材の違いを伝えたいのか、セットの内容を見せたいのか。目的によって、置く数や間隔を変えてみましょう。
今回はGPT Imageで架空の商品・静物の画像を10枚制作しました。一つだけの香水瓶から、宙に浮かせたバーガーの具材まで、用途に合わせて選べる作例です。
最初に主役を決め、それ以外の物に役割を持たせると画面を整理しやすくなります。背景、色、間隔を整えるだけでも、見せ方は大きく変わります。
一つの商品を見せる方法から始め、寄りの質感、二つの比較、セットの並べ方へ。差し色や非対称を試したあと、最後に分解して見せる演出を紹介します。
画像から選ぶと、それぞれの解説へ移動できます。全てGPT Imageによる生成作例です。
プロンプトを使う前に
まず「何を何個置くか」を書き、次に「真上か、斜めか、正面か」を決めます。最後に間隔と余白を指定すると、AIに説明する順番が整理できます。実際の生成プロンプトを各作例の下に載せました。
ここで扱うのは、並べ方を学ぶための架空の広告・静物イメージです。自分の商品で使う場合は商品画像を参照にし、形・色・内容量や同梱物が実物と合っているかを確認してください。特に小物が付属品に見えないかも、公開前に見ておきましょう。
各コピーには横長の比率や画質の共通条件も含みます。構図名には、説明しやすくするための呼び方も含めています。英語は名称の確認用で、日本語の指示だけでも試せる形です。
生成に使った共通条件を見る
構図を学ぶ日本語記事に載せる、質の高い一枚の完成写真を生成。横16:9、画像全体を使う。写真として自然で洗練され、素材の質感がある。図解、コラージュ、文字、ロゴ、透かし、ガイド線は一切入れない。重要なのは指定した構図が一目で分かること。
01|一つの主役

線と囲みは、見どころを示す説明用の目安です。
Isolated subject
一つだけ置き、形を見せる
使いやすい場面:単品紹介・商品一覧の原案
香水瓶を一つに絞り、周囲に競合する物を置きませんでした。透明なキャップ、青いガラス、薄い影が読み取れます。小物のない画像でも、形や素材に視線を集められれば、商品紹介の役割を果たせます。
指示するときは、主役を一つに絞り、輪郭を隠さないのがポイントです。
淡いグレーの無地の背景に、透明な青いガラスの香水瓶を一つだけ置いた高級商品写真。架空のシンプルな四角いボトルに丸い透明キャップ、文字もラベルもない。ボトルは画面中央より少し右、大きさは高さの65%。周囲の空間を整え、ガラスの輪郭と自然な薄い影を見せる。小物は一切置かない。
物足りなく感じても、まず瓶の大きさと光を調整し、小物は後から考えます。
この画像は架空の瓶です。実商品に使うときは参照写真を添え、形が変わっていないか確認しましょう。
02|主役と脇役

線と囲みは、見どころを示す説明用の目安です。
Hero and supporting objects
小物で、主役のイメージを補う
使いやすい場面:商品の世界観・香りのイメージ
琥珀色の瓶を大きく置き、小さな果物と葉を添えました。瓶が主役だと分かる大きさを保ちながら、柑橘のイメージを足しています。関連する物でも、手前に大きく置きすぎると主役が入れ替わります。
指示するときは、小物は主役より小さく、輪郭を隠さない位置に置くのがポイントです。
架空の無印の琥珀色のガラス製スキンケアボトルを中央やや右へ大きく置き、左下に小さなオレンジ半分と緑の葉を添える商品イメージ写真。ボトルは高さの70%で一番大きく、黒い簡素なキャップとラベルなし。果物はボトルの半分以下の高さ、輪郭を隠さない。背景は淡いクリーム、柔らかい光、静かな高級感。文字はなし。
果物が主役になる場合は、「瓶の半分以下の高さ、瓶を隠さない」と調整します。
実商品で果物を添えると成分や香りを連想させます。商品の実際の特徴と一致する小物を選びましょう。
03|質感に寄る

線と囲みは、見どころを示す説明用の目安です。
Tight crop / detail shot
一部分へ寄り、素材の魅力を見せる
使いやすい場面:陶器・布・革・素材の紹介
ボウル全体ではなく、縁の曲線と釉薬の表情を大きく見せました。何を切るかを先に決めた接写なので、単に全体画像の中央を切り取るのとは違います。全体の形より、触れたくなる質感を伝える目的に合います。
指示するときは、残したいディテールを決めてから、大きく寄るのがポイントです。
深い青緑の釉薬がかかった手作り陶器のボウルを大きく接写した商品ディテール写真。全体像は見せず、弧を描く薄い縁と内側の釉薬の色むら、細かい貫入、土の粒を画面いっぱいに見せる。縁の曲線は左下から右上へなだらかに走り、背景は隅に少しだけ。手や小物なし。切り取った意図が明確な美しいマクロ写真。
何の画像か分からなくなったら、縁や縫い目など形の手がかりを少し残します。
全体像も必要なら、一点置きの写真と役割を分けて使うと、形と質感の両方を伝えられます。
04|対比して並べる

線と囲みは、見どころを示す説明用の目安です。
Paired juxtaposition
二つを並べ、違いを伝える
使いやすい場面:素材比較・仕上げ違い・色違い
素焼きのカップと青い釉薬のカップを並べました。形と大きさが近いため、表面のざらつきと光沢の差に注目できます。比較したい対象は、置き方まで大きく変えると何を比べる画像か曖昧になります。
指示するときは、比べない条件を揃え、違いだけを目立たせるのがポイントです。
二つの同じ大きさのシンプルな円筒形の陶器のカップを、十分な間隔を空けて左右に並べる商品写真。左は素焼きの赤茶色でざらりとした質感、右は滑らかな深い青の釉薬。取っ手なし、形とサイズと見る角度は共通。中央に余白。グレージュの背景、柔らかい横からの光、素材の違いがはっきり分かる。文字や矢印は入れない。
片方だけ大きくなったら、「同じサイズ、同じカメラ距離」と指定します。
加工前後を示す実験結果ではなく、素材の違いを見せるために生成した対比の作例です。
05|整列した俯瞰

線と囲みは、見どころを示す説明用の目安です。
Knolling layout
向きと間隔を揃え、内容を見せる
使いやすい場面:持ち物紹介・道具・セットの一覧
撮影用の小物を真上から、重ならないように並べました。カメラ、レンズ、クロスなどの違いが見分けられ、セットの内容を一覧しやすい構図です。隙間が揃うことで、物が多くても整理された印象になります。
指示するときは、真上から見て、重なりと斜めの向きを減らすのがポイントです。
9個の写真撮影用の小物を、真上から見て整然と直角の格子に並べたフラットレイ商品写真。小型カメラ本体、単焦点レンズ、丸いレンズキャップ、小さい折り畳んだクロス、長方形バッテリー、白い無地メモ帳、ペン、小さなカードケース、巻いたストラップ。各物体を重ねず、一定の隙間と直角の向きで美しく整列。淡い砂色の無地背景、現実的で無印の道具。文字なし。
重なる場合は、「物同士を離し、それぞれの輪郭を全部見せる」と修正します。
何を並べるかの一覧も書くと、関係のない小物が増えるのを抑えやすくなります。
目立たせたいなら、色も向きも大きさも全部変えるべき?
まずは変える条件を一つに絞ってみましょう。後半では、数や色、左右のバランス、向きの違いを使った並べ方を紹介します。どの違いを見せたいか決めると、伝えたいことが散らばりません。
06|奇数の配置

線と囲みは、見どころを示す説明用の目安です。
Rule of odds
三つの物で、並びに変化をつける
使いやすい場面:食品・器・小さなセット
三つの梨を少しずつ向きや奥行きを変えて並べました。中央を軸に見ながら、左右の違いも楽しめる配置です。奇数なら必ずよい画像になるわけではありませんが、少ない物を一つのまとまりにする選択肢になります。
指示するときは、三つを同じ向きに固めず、間隔と向きを整えるのがポイントです。
3個だけの梨を横長の明るい石の台に並べた静物写真。黄緑の梨3個、それぞれ小さく向きを変えながらゆるい横並び、中央の梨がやや奥にあり、高さと間隔に変化。全ての輪郭が読めて端から余裕がある。背景は薄いグレージュの無地、柔らかな自然光。装飾も皿もなし。
数が増えたら、「梨は合計3個のみ、装飾なし」と数を優先します。
実際に二個セットの商品なら、構図のために三個へ増やさないようにしましょう。
07|差し色を一点に

線と囲みは、見どころを示す説明用の目安です。
Single color accent
色を一点だけ変え、そこへ目を向ける
使いやすい場面:カラー展開・注目する一点・広告
同じカップを揃え、そのうち一つだけを珊瑚色にしました。形や向きが似ているため、色の違いがはっきりします。全部を鮮やかにするより、見せたい一つを選べる配色です。色違い商品の提案や、注目点のあるサムネイルに向きます。
指示するときは、一つの物の色だけを変えるのがポイントです。
同じ形と同じ大きさの陶器のカップを12個、上からやや斜めの角度で撮る静物写真。3行4列に規則正しく、11個はマットな淡いグレー、前から2行目の右寄りの1個だけ鮮やかな珊瑚色。同じ向きで全ての取っ手が見える。淡いグレー背景と柔らかい影。形と間隔は揃え、色の違いだけで1個が目立つ。文字なし。
色付きが増えたら、「11個はグレー、1個だけ珊瑚色」と内訳を書きます。
背景の色も抑えると、差し色との競合を減らせます。色覚に関係なく伝える必要がある情報は、説明文も添えましょう。
08|非対称の釣り合い

線と囲みは、見どころを示す説明用の目安です。
Asymmetrical balance
大きな形と小さな集まりを釣り合わせる
使いやすい場面:インテリア・雑貨・静物
左に大きな白い花瓶、右に小さな赤いリンゴの集まりを置きました。左右の形は異なりますが、赤い色の存在感が大きな白い面と釣り合っています。同じ物を左右へ置く対称構図とは違う、変化のあるまとめ方です。
指示するときは、大きさだけでなく、色や数の強さも使うのがポイントです。
左寄りに背の高い白い陶器の花瓶を一つ、右寄りに小さな赤いリンゴを3個まとめて置く、洗練された静物写真。花瓶は高さの70%程度、リンゴはその4分の1の高さ。花瓶とリンゴの間に静かな空間。淡いグレー背景。花瓶は無地で枝も花も入れない。大きな白い形と小さな濃い赤の集まりが釣り合う非対称な画面。
片側が重すぎると感じたら、数を増やす前に左右の間隔を調整します。
数学的に重さを合わせる話ではありません。小さく表示して、片側だけに視線が偏りすぎないかを見ます。
09|反復を崩す

線と囲みは、見どころを示す説明用の目安です。
Break the pattern
揃えた並びを、一か所だけ崩す
使いやすい場面:文具・違いを伝えるビジュアル
鉛筆を同じ向きに並べ、一つだけ上下を逆にしました。色を変えなくても、規則の中の違いが目に留まります。先ほどの差し色と似た目的ですが、この作例では向きだけを変えている点が異なります。
指示するときは、まず規則を作り、変える箇所を一つに絞るのがポイントです。
9本の同じ長さの無印の木製鉛筆を、白い紙の上に等間隔で縦に揃える俯瞰写真。8本の尖った先端は上向き。右から3本目の1本だけ上下が逆で先端が下向き。全て同じ自然な木の色、太さ、長さ。鉛筆同士を重ねず、上端と下端の位置が揃う。違いはその1本の向きだけ。シンプルな明るい文具の広告写真。
乱れが多い場合は、「8本は上向き、1本だけ下向き」と数と向きを揃えます。
形・向き・高さなど、色以外でも差を作れます。変える要素は一種類から始めると比較しやすいです。
10|分解して見せる

線と囲みは、見どころを示す説明用の目安です。
Exploded arrangement
離して重ね、中身の関係を見せる
使いやすい場面:フード広告・構成を見せるイメージ
バーガーの具材を離して縦に重ね、どの順に組み立てるかを見せました。現実の一瞬を再現するというより、内容を分かりやすく見せる創作広告の表現です。軸が揃うことで、離れていても一つの商品として読めます。
指示するときは、並ぶ順番と、共通の中心軸を指定するのがポイントです。
ハンバーガーを構成する具材を、縦一列に少しずつ浮かせて分解した創作フード広告写真。下から下側バンズ、焼いたパティ、チーズ、トマト輪切り、レタス、上側のごまバンズ。画面中央の一本の垂直軸に重ね、各層に明確な隙間、層は水平、素材は美味しそうで現実的。背景は温かい無地のベージュ。上下のパンを切らず、組み立て前の関係が一目で分かる。文字なし。
具材が散る場合は、「一本の垂直軸に揃え、各層は水平」と補足します。
正確な製品構造の説明図として使う場合は、生成結果を図面や実物と照合する必要があります。
気になる構図を、一つ試してみよう

商品全体を伝える一枚と、質感を見せる一枚は、役割が異なります。一点置きで形を見せ、寄りの切り取りで素材を見せるように、複数の画像で分担してもよいでしょう。
生成後は、物の数、形、向き、影、重なりを確認します。指定した通りに見えても、小さな取っ手や部品が増えることがあります。セット内容や構造を伝える画像は、見た目の雰囲気だけで採用しないことが大切です。
小物を足す前に、見せたいものが一目で分かるかを確かめる。そのうえで、並べる、離す、寄る、色を一点だけ変える。目的に合う構図を選べば、AIの商品画像を作る指示も具体的になります。
掲載画像は構図を学ぶために生成した作例です。配置や形は生成ごとに変わることがあります。ガイドを外した完成画像でも、意図した見せ方になっているかを確認してください。
写真の構図・視点の基礎については、Adobe:写真の構図と画面の整理、Adobe Lightroom Academy:画面を満たす切り取りも参考になります。この記事の画像・プロンプト・作例の観察は、今回の制作に基づいています。
内容の最終更新:
NEXT READ