はじめる

実践的な制作手順

AIで商品写真に自然な影をつける:形とラベルを保つ編集手順

チャコール色の楕円のすぐ上に置かれた象牙色の円柱と、柔らかな接地影
物体と影の接点を表す抽象アート。

きれいに切り抜いた商品は、ページの上に浮いて見えることがあります。接地影を加えると面に置かれた印象になりますが、買う商品そのものを変えてはいけません。

実演ではAIで作った架空の無地のアイボリー色マグを使います。実際の切り抜きを基準に、柔らかい影のある正方形の構図を作る例です。実際の販売では確認済みの自社商品写真を用意してください。

元写真の光を読む

カップの明るい側、ハイライト、暗い側を見ます。新しい床の影もそれに合わせてください。光の方へ強い影が伸びると不自然になります。

編集前に背景を選びます。つや消しの机と反射面では処理が異なります。まず簡単な象牙色の背景で、装飾に邪魔されず接点を判断します。

無加工の参照をキャンバスに残す

Quick Editやデザインエージェントで影を加える前に、原画像と別のコピーを残します。比較しやすいよう、向きと商品サイズをそろえてください。

取っ手の空間、飲み口、ラベルの文字、商品色など、保つ特徴を記録します。すでに柔らかい影があるなら、二重に加えず残すか判断します。

Ciyoキャンバス全体:元画像はAIで作成した架空の無地のアイボリー色マグで、1024 × 1024です。ラベルはありません。実際の商品ページには確認済みの商品写真を使います。
元画像はAIで作成した架空の無地のアイボリー色マグで、1024 × 1024です。ラベルはありません。実際の商品ページには確認済みの商品写真を使います。

接地影を具体的に指定する

どこで面に接し、離れるにつれどの程度柔らかくなるかを説明します。浮いて見える問題を解く最小限の編集を依頼してください。「写真を良くして」では別の箇所まで変わることがあります。

Ciyoキャンバス全体:Remove BGで作った切り抜きを選び、画素とアルファを維持してファイル作業領域で合成します。別のマグを生成せず、影のレイヤーを追加します。
Remove BGで作った切り抜きを選び、画素とアルファを維持してファイル作業領域で合成します。別のマグを生成せず、影のレイヤーを追加します。
この指示をコピー
この実際の透明なマグ切り抜きを、ファイル作業領域で温かいアイボリー色の背景へ合成してください。画素、アルファ、縁、取っ手を保持し、描き直しや画像生成はしません。曲がった底に接する狭い接地影と、左上の光に合わせて右下へ伸びる柔らかい影を追加します。1024 × 1024の結果を別に保存し、元画像と切り抜きを残して、ハローや半透明の輪郭を報告してください。

雰囲気より先に商品を比較する

輪郭、取っ手、ラベル、ハイライトを先に原画像と比べます。良い影でも、商品が変われば採用できません。取っ手の重複、厚い飲み口、架空の文字、別物の釉薬を探します。

次に影を確認します。底に接し、光と一致し、小さい表示でも自然であることが必要です。カップから離れた黒いぼかしは、浮いて見える問題を悪化させます。

商品写真の確認
項目基準不採用にする状態
形元の取っ手、飲み口、輪郭商品形状が変わる
ラベル元の文字と色文字が変わる・ぼける
接地カップの下端影との間に隙間がある
光既存のハイライト影の向きが光と矛盾

見つかった問題を限定して直す

影が強すぎるなら、採用したカップと背景を保って薄くします。ラベルが変わったら無加工の参照へ戻り、編集範囲を絞ります。壊れたラベルから続けると、後の版にも誤りが残ります。

版を横に並べ、変更理由を記録します。会話を読み直さなくても、商品確認に通ったファイルがわかるようにします。

Ciyoキャンバス全体:最初の楕円形の影では底が浮いて見えました。第2版は底の曲線に沿わせ、楕円を弱めています。1024 × 1024の両版が比較用に残っています。半透明の輪郭も使用前に確認してください。
最初の楕円形の影では底が浮いて見えました。第2版は底の曲線に沿わせ、楕円を弱めています。1024 × 1024の両版が比較用に残っています。半透明の輪郭も使用前に確認してください。

書き出してショップの縮小表示を確認する

採用画像をダウンロードし、実際の寸法を確認します。既存の商品写真と並べた一覧で見てください。商品が読め、影によって周囲より極端に暗くならないことを確認します。

正確な商品ページのために元写真を残します。生成した雰囲気は、実物を明確かつ正確に示せる場合に役立ちます。

よくある質問

すべての商品に同じ影を使えますか?

元の光、接する面、商品の形に合わせます。別写真に同じ影をコピーしても合うとは限りません。

AIがラベルを変えたらどうしますか?

無加工の元写真へ戻り、編集を絞ります。背景が良くても、商品が変わった画像は採用しません。

小さい表示でも影が必要ですか?

商品に接地感を与え、目立ちすぎないことが大切です。実際のショップのサムネイルサイズで確認します。

一枚の商品写真に接地感を出す

Ciyoに無加工の参照を残し、公開前に比較できる影の編集を行いましょう。