メインコンテンツにスキップ

商品カタログ画像の背景編集(Webアプリ)

C
対応者:Craig Wright

この記事では、Photoroom Web Appを使って商品カタログ画像の背景を変更する方法を説明します。背景は、以下の中から選択できます:

  • 単一色

  • アップロードした画像

  • AIが生成した画像

Image shows three product photos. One has a single color background, one has a regular image background and one has an AI-generated background.

注意:この記事では、すでにShopifyストアにPhotoroomを接続していることを前提としています。


ステップAI背景(ウェブアプリ)

商品の色や照明を引き立てる背景を自動的に生成します。

  1. 商品カタログを開き、編集したい商品を選択します。

  2. 編集したい画像を選択します。

    画像の選択方法については、「商品カタログエディタを使用して画像を選択する方法」を参照してください。

  3. 背景]を選択します。

  4. 元の背景を削除]がオンになっていることを確認します。

  5. AIを選択します。

  6. AIモデルを選択します:

    • Studio- 最新モデルで、多くの場合最良の結果が得られますが、より多くのAIクレジットを使用します。

    • v3/v2- AIクレジットの使用量が少ない旧モデル。

  7. 以下のいずれかを行う:

    • プロンプトフィールドに説明を入力する。

    • 背景」を選択し、利用可能なカテゴリーからテーマを選択します。

    • v2またはv3モデルを使用している場合は、[背景 ]を選択してから、[背景]を選択することもできます:

      • Unsplashで画像を検索します。

      • Start withを 選択し、自分の画像を アップロードします。

      • Start with]を選択し、[RecentAI Backgrounds]から1つを選択します。

  8. 矢印ボタンを選択して生成します。

    AI背景を生成するには、AIクレジットを使用します。

  9. 結果を選択して、商品カタログ画像に適用します。

  10. [オプション] 商品カタログエディタを使って、さらに変更を加えます。

  11. 編集が完了したら、Shopifyに変更を公開します。


ステップカラー背景(ウェブアプリ)

単色の背景を使用すると、クリーンでミニマルな商品画像になり、商品が強調され、ブランドの一貫性が保たれます。

  1. 商品カタログを開き、編集したい商品を選択します。

  2. 編集したい画像を選択します。

    画像の選択方法については、商品カタログエディタを使った画像の選択方法をご覧ください。

  3. 背景]を選択します。

  4. 元の背景を削除]がオンになっていることを確認します。

  5. カラーを選択します。

  6. いずれかの方法で色を選択します:

    • パレットから色を選択する。

    • カラーホイールを使用する。

    • Hex、RGB、またはHSL値を入力する。

    • スポイトを使用して画面上の色を選択する。

  7. [オプション] 商品カタログエディタを使ってさらに変更を加えます。

  8. 編集が完了したら、Shopifyに変更を公開します。


色の選択について詳しくは、カラーセレクター(Webアプリ)をご覧ください。


ステップ画像の背景(ウェブアプリ)

背景をカスタム画像またはストック画像に置き換えて、ライフスタイルやスタジオのシーンを作成します。

  1. 商品カタログを開き、編集したい商品を選択します。

  2. 編集したい画像を選択します。

    画像の選択方法については、商品カタログエディタを使った画像の選択方法をご覧ください。

  3. 背景]を選択します。

  4. 元の背景を削除]がオンになっていることを確認します。

  5. 画像を選択します。

  6. Choose an image(画像を選択)を選択します。

  7. どちらかを選択します:

    • 自分の画像をアップロードする

    • お勧めの画像を選ぶカテゴリーから始める)。

    • StudioWoodMarbleなどのカテゴリーから選択します。

    • UnsplashまたはPixabayで画像を検索する。

  8. オプション] 背景の外観を変更するには、[調整]オプションを使用します。ここでは、明るさ暖かさコントラストなどの設定を変更できます。

  9. [オプション]ぼかし設定を使用して、ぼかし効果を適用します。

    ぼかし効果の詳細については、背景をぼかすを参照してください。

  10. オプション] [フィルタ]設定を使用して、背景にフィルタ効果を適用します。

  11. [オプション] 製品カタログエディタを使用して、さらに変更を加えます。

  12. 編集が完了したら、Shopifyに変更を公開します。


関連コンテンツ

こちらの回答で解決しましたか?