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

商品エディタ(Webアプリ)での配置とパディングの変更

C
対応者:Craig Wright

「商品エディタ」の「レイアウト」機能を使用すると、よりバランスの取れた商品画像のデザインを作成できます。この機能では、以下のことが可能です:

  • 画像内での商品の配置を微調整する

  • 商品周囲の余白を調整する


手順(Webアプリ)

商品画像の位置や余白を変更するには:

  1. 編集したい商品画像を選択します。
    ​
    画像の選択方法については、「商品エディタでの画像の選択方法」をご覧ください。
    ​

  2. 「レイアウト」を選択します。

  3. 画像内のメインの前景レイヤーの位置を選択します:
    ​

    • 「オリジナル」:
      レイヤーを元の位置にリセットします。
      ​

    • 中央:
      メインの前景レイヤーをキャンバスの中央に配置します。
      ​

    • カスタム:
      前景レイヤーの配置やサイズを手動で調整する場合に使用します。


    ​「オリジナル」を選択した場合は、残りの手順は無視して構いません。
    ​

  4. Photoroomによるパディングの処理方法を制御します。
    ​

    • 「トリミングされた側のパディングを無視」をオンにすると、コンテンツがキャンバスの端に接している画像のパディングが無視されます。
      ​

    • 「トリミングされた辺のパディングを無視」をオフにすると、すべての画像でパディングが適用されます。
      ​
      ​

  5. 画像の各辺のパディングを設定します。プレビュー内の網掛け部分がパディングです。

  6. 「配置」を使用して、画像内の前景レイヤーの位置を設定します。リストから位置を選択してください。

  7. 「スケール」を使用して、コンテンツのアスペクト比を設定します。「トリミングされた辺のパディングを無視する」がオフの場合にのみ、スケール機能を使用できます。
    ​

    • 「塗りつぶし」:
      利用可能なスペースをコンテンツで埋めるようにサイズを調整します。
      ​

    • フィット:
      コンテンツを利用可能なスペースに収まるように調整します。
      ​

  8. [オプション] 製品エディタを使用して、テキストやグラフィックレイヤーの追加など、さらに変更を加えます。

  9. 編集が完了したら、変更内容を公開してください。
    ​

ヒント:商品の配置がずれている場合は、「トリミングされた側の余白を無視する」の設定をオフにしてみてください。


関連コンテンツ

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