BlenderとSubstance Painterを使用してGLBファイルを作成する

バージョン2.8現在では、Blenderを使用して管理画面の商品に追加可能なGLBファイルをエクスポートすることができます。詳細については、Blenderマニュアルを参照してください。

以前のバージョンのBlenderでは、BlenderとSubstance Painterを組み合わせてGLBファイルをエクスポートすることができます。

Blenderでエクスポートするモデルを準備する

エクスポートのためにモデルを準備するには、そのモデルのメッシュが単一であり、単一のテクスチャが適用されていることを確認する必要があります。

手順:

  1. [ファイル] > [インポート] の順にクリックし、モデルに適した正しいファイル形式を選択します。
  2. モデルファイルを選択してから、[インポートする] をクリックします。
  3. SHIFTを押しながら、シーン内の各オブジェクトを右クリックし、その後Ctrl + Jを押してメッシュに加えます。
  4. モデルを0-1UV空間に展開します。UVがオーバーラップしていないことを確認します。
    In the UV/Image Editor, make sure that all the UVs are laid out on the grid.
  5. プロパティエディターで、素材アイコンをクリックします。
  6. [+] ボタンをクリックして、新しい素材スロットを追加します。
    The 'Add a material slot' button is near the top of the 'Material' pane.
  7. [新規] をクリックします。

Blenderからメッシュをエクスポートする

  1. [ファイル] > [エクスポート] > [FBX (.fbx)] の順にクリックします。
  2. ファイルのエクスポート先となるパスを入力します。
  3. 以下のエクスポート設定を使用していることを確認してください。
    Version: FBX 7.4 binary. Scale: 1.0. Apply Scalings: All Local. Forward: -Z Forward. Up: Y Up. Path Mode: Auto. Batch Mode: Off.
  4. [FBXをエクスポートする] をクリックします。

Substance PainterにFBXファイルをインポートする

  1. [ファイル] > [新規] の順にクリックして、新しいSubstance Painterプロジェクトを作成します。
  2. 新規ダイアログで、[選択] をクリックしてメッシュを選択します。
  3. BlenderからエクスポートしたFBXファイルを選択し、[開く] をクリックします。
  4. 新規プロジェクトウィンドウで、[OK] をクリックします。
  5. テクスチャセットリストのパネルにテクスチャセットが1つしかないことをチェックし、メッシュが正しくエクスポートされたことを確認します。

  6. [テクスチャセットセッティング]のパネルで、[+] ボタンをクリックしてチャネルを追加します。

    The + button is beside the Channels heading. The button opens a drop-down menu that shows the additional channels that are available.

  7. テクスチャセットセッティングのパネルで、[Bake Mesh Maps] をクリックします。

  8. モデルにテクスチャをペイントします。

複数のテクスチャセット

Substance PainterにFBXファイルをインポートすると、1つのテクスチャセットだけが表示されます。

Texture sets are listed in the Texture set list panel.

複数のテクスチャセットが表示される場合は、Blenderからメッシュをエクスポートした時点で、次のいずれかの問題があります。

  • メッシュが単一のオブジェクトに結合されなかった。
  • メッシュに複数のテクスチャが割り当てられていた。

このような場合には、もう一度Blenderからモデルをエクスポートして、メッシュが単一のオブジェクトとなり、かつ割り当てられるテクスチャが1つとなるように確認してください。

Substance PainterからglTFファイルをエクスポートする

  1. [ファイル] > [テクスチャをエクスポート] の順にクリックします。
  2. [Config] ドロップダウンメニューから、[glTF PBR Metal Roughness] を選択します。
  3. テクスチャを保存するロケーションを選択します。
  4. ドキュメントサイズを選択して、テクスチャファイルのサイズを決定します。

  5. [エクスポート] をクリックします。

テクスチャファイルを圧縮する

モデルをエクスポートすると、以下のファイルが出力されます。

  • modelName.bin
  • modelName.glb
  • modelName.gltf
  • modelNamebaseColor.png
  • modelNamenormal.png
  • modelName_occlusionRoughnessMetallic.png

glTF PBR Metal Roughnessを設定した場合、Substance PainterはPNGフォーマットでしかテクスチャファイルをエクスポートしません。テクスチャファイルの圧縮や、アルファチャネルが不要なテクスチャのJPG変換も検討してみます。そうすることで合計ファイルサイズが削減され、ダウンロードの高速化とスムーズなインタラクションが実現されます。

ファイルサイズは4MB以下にすることを推奨します。

GLBファイルを作成する

  1. https://glb-packer.glitch.me/にアクセスします。
  2. Substance Painterからエクスポートしたファイルを、GLB Packerのウェブページにドラッグアンドドロップします。

out.glbというファイルがコンピューターにダウンロードされます。ダウンロードの完了後は、ファイル名を変更およびShopifyへアップロードできるようになります。