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

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

C
対応者:Craig Wright
昨日アップデートされました

この記事では、Photoroomウェブアプリを使用して商品カタログ画像の背景を変更する方法を説明します。

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 Backgrounds (Web App)

商品の色と照明を補完する背景を自動的に生成します。

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

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

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

  3. Backgroundを選択します。

  4. Remove original backgroundsがオンになっていることを確認します。

  5. AIを選択します。

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

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

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

  7. いずれか:

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

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

    • Unsplashで画像を検索します(v3およびv2のみ)。

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

    • 背景」を選択し、「Start with」を選択し、最近のAI背景から1つを選択します。

  8. 矢印ボタンを選択して生成します。AI背景を生成するには、AIクレジットを使用します。

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

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

  11. 編集が終わったら、Shopifyに変更を公開します。


ステップ:カラー背景 (Web App)

単一色の背景を使用して、商品を強調し、ブランドの一貫性を維持する、クリーンでミニマルな商品画像を作成します。

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

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

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

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

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


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

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

    • Hex、RGB、または HSL 値を

    • 入力する

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

  5. [オプション] Product Catalog Editor を使用して、さらに変更を加えます。

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


色の選択について詳しくは、カラーセレクター(Web App)を参照してください。


手順:

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

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

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

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

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

  5. [画像]を選択します。

  6. [画像を選択]を選択します。


    • 自分の画像をアップロードするカテゴリから始める)[

    • 推奨画像を選択する(カテゴリから始める)]

    • スタジオウッド大理石などのカテゴリから選択します

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

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

    ぼかし効果については、背景をぼかすで詳しく説明されています。

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

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


関連コンテンツ

編集

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