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

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

C
対応者:Craig Wright

この記事では、Photoroom Webアプリを使用して商品カタログ画像の背景を変更する方法について説明します。背景には、以下の色から選択できます:

  • 単色

  • ご自身でアップロードした画像

  • 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.

注:この記事では、すでにPhotoroomをShopifyストアに連携済みであることを前提としています。


手順:AI背景(Webアプリ)

商品の色や照明に調和する背景を自動的に生成します。

  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. [任意] 商品カタログエディタを使用して、さらに変更を加えてください。


手順:背景色の設定(Webアプリ)

単色の背景を使用することで、商品を際立たせ、ブランドの一貫性を保った、すっきりとしたミニマルな商品画像を作成できます。

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

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

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

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

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

  5. 」を選択します。

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

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

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

    • 16進数、RGB、またはHSL値を入力する

    • スポイトツールを使用して画面上の色を抽出する。

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

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


色の選択に関する詳細については、「カラーセレクター(Webアプリ)」を参照してください。


手順:画像の背景(Webアプリ)

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

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

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

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

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

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

  5. 画像」を選択します。

  6. 画像を選択」を選択します。

  7. 以下のいずれかを選択します:

    • 自分の画像をアップロードする(カテゴリから選択)。

    • おすすめ画像を選択(カテゴリから選択)。

    • スタジオ」「」「大理石」などのカテゴリから選択します。

    • UnsplashPixabayで画像を検索する

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

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

    ぼかし効果の詳細については、「背景をぼかす」をご覧ください。

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

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


関連コンテンツ

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