コードを使用しない 3D ビューアの設定

管理画面でコードを編集することなく、3D モデルを設定できます。商品ページから、モデルの照明、背景色、露出レベル、ズーム、およびカメラの初期ビューを調整します。

このページの内容

3D モデルを編集する

3D モデルの照明カメラビューを調整できます。3D モデルエディタにアクセスするには、3D モデルが含まれる商品を開きます。商品ページの [メディア] セクションまで下にスクロールし、画像の 3D アイコンをクリックします。

商品メディアに 3D モデルビューアボタンが強調表示されている

モデルの照明を編集する

  1. 商品ページを開き、3D モデルを含む商品を選択します。
  2. 商品の [メディア] まで下にスクロールします。3D モデルを見つけ、画像の 3D アイコンをクリックします。
  3. [ファイルを編集] をクリックします。デフォルトでは、最初に照明の編集オプションが読み込まれます。実行する編集の種類を選択します。
  • 環境には、画像に表示される影や反射を変更するプリセットフィルターがあります。いずれかのフィルターをクリックして、画像にどのように影響するかを確認します。
  • 照明では、3D 画像の露出を変更できます。スライダーを使用して画像の露出を調整します。
  • 背景では、3D 画像の背景色を変更します。[透明な背景を使用する] チェックボックスをオンにすると、画像の背景を透明に設定できます。カラーピッカーで画像の背景色を選択するか、カラーピッカーの下にあるフィールドに色の 16 進コードを入力します。
  1. ファイルを編集した後、[完了] をクリックして変更を保存するか、[リセット] をクリックして画像を元の状態に戻します。

モデルのカメラビューを編集する

  1. 商品ページを開き、3D モデルを含む商品を選択します。
  2. 商品の [メディア] まで下にスクロールします。3D モデルを見つけ、画像の 3D アイコンをクリックします。
  3. [ファイルを編集] をクリックします。カメラアイコンをクリックして、モデルのビューオプションを読み込みます。
  4. 実行する編集の種類を選択します。
  • X 回転の角度を増減させて、画像の X 回転を変更します。
  • Y 回転の角度を増減させて、画像の Y 回転を変更します。
  • ズーム率のスライダーを使用して、画像をズームします。
  1. ファイルを編集した後、[完了] をクリックして変更を保存するか、[リセット] をクリックして画像を元の状態に戻します。