ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Chromebook Paperspace Vectary Photon LuxCore 物理レンダリング Fuse CC Photoshop2020 3DCG

Adobe Fuse CCで作った3DモデルをPhotoshop2020で読み込んでGLTF形式で書き出したファイルをVectaryで読み込み、「Vectary Photon」で物理レンダリングを試したので紹介します。

はじめに

Paperspaceの仮想Windows上でAdobe CCアプリのFuse CCで作成した3DモデルMixamo経由でアニメーションしてSketchfabにアップロードして公開する方法を以下の記事で紹介しました。

以下の記事で紹介したように、MacinCloud Mojaveの仮想macOSではPhotoshop2020にFuseモデルを読み込んで、ポーズや表情を付けて背景と画像合成ができました。

一方で、Paperspaceの仮想WindowsではFuseモデルを読み込んでも、MacinCloudのようにシーンの左下に3D軸コントロールが表示されないので、上記のようなPhotoshop2020による画像合成が自由にできません

また、Photoshop2020による3Dレイヤーのレンダリングは1時間以上かかるので、別の3Dアプリで数分程度で十分な画質が得られるレンダリングを試すことにしました。

今回はFuseモデルをPhotoshop2020からGLTF形式で書き出した後で、Vectaryに読み込んで「Vectary Photon」というLuxCoreベースの物理レンダラーでレンダリングを試したので紹介します。

FuseモデルのGLTFファイル2つをZIP圧縮

Photoshop2020で書き出したGLTFファイルは.gltfと.binの2つのファイルに分かれているので、ZIP圧縮して1つのファイルにします

Screenshot 2020 01 17 at 18.37.50 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Paperspaceの「Advanced+100GB」の方を使っていますが、こちらは英語Windowsのままなので英語で表示されます。

Screenshot 2020 01 17 at 18.38.16 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

VectaryでFuseモデルを読み込む

仮想Windows上で以下のサイトに行きます。VectaryはChrome OSには対応していないのでChrome OS上のChromeブラウザーではエラーが発生して使えません。

98143395747190aea1c718f6b54c81fd - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!
Vectary – The Easiest Online 3D Design and 3D Modeling Software
Turn ideas into 3D design with this easy-to-use online 3D modeling software. Start for free with a complete set of tools including real-time rendering and model...
Screenshot 2020 01 17 at 18.34.04 1024x576 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

右上の「Log in」をクリック。

Screenshot 2020 01 17 at 18.34.27 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Log in with Google」をクリックし、アカウントを選んでログインします。

Screenshot 2020 01 17 at 18.35.50 1024x521 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

+ Create a New project」をクリック。ダイアログが表示されたら「Skip」をクリック。

Screenshot 2020 01 17 at 18.36.18 1024x521 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!
Screenshot 2020 01 17 at 18.36.36 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

左上の「Object」サブメニューの右端の「Import」をクリック。

Screenshot 2020 01 17 at 18.36.54 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Choose File…」をクリック。

Screenshot 2020 01 17 at 18.38.43 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

ZIPファイルを選択して「Open」をクリック。

Screenshot 2020 01 17 at 18.39.11 1024x518 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Vectary Photonをインストール

右上にメッセージが表示されています。

Screenshot 2020 01 17 at 18.39.27 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Render」をクリック。

Screenshot 2020 01 17 at 18.39.52 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Photon Beta」をクリック。

Screenshot 2020 01 17 at 18.40.18 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Windows」をクリック。

Screenshot 2020 01 17 at 18.40.48 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Save」をクリック。

Screenshot 2020 01 17 at 18.41.12 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

左下の「Vectary-Photon-se….exe」をクリック。

Screenshot 2020 01 17 at 18.41.34 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Install」をクリック。

Screenshot 2020 01 17 at 18.41.52 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Finish」をクリック。

Screenshot 2020 01 17 at 18.42.23 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Vectary Photon」アプリが起動します。このアプリはバックグラウンドでレンダリングを行うので、立ち上げておけばブラウザー上のVectaryでレンダリングができます。

Screenshot 2020 01 17 at 18.44.20 1024x564 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Vectaryで物理レンダリング

今回は試しに物理レンダリングを行うので、画質は気にしません。

Fuseモデルのカメラを適当に操作して好みの見え方にします。左ドラッグで回転、右ドラッグで移動、マウスホイールでズームです。

Screenshot 2020 01 17 at 18.45.47 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

右側のパネルトップの「Render Settings」の「Photon Beta」タブをクリック。

Screenshot 2020 01 17 at 18.51.21 1024x649 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

パネル下の「Download Image」をクリック。

Screenshot 2020 01 17 at 18.51.56 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!
Screenshot 2020 01 17 at 18.52.40 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!
Screenshot 2020 01 17 at 18.56.51 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

設定したサンプル数(今回はデフォールトの300)になるとファイルを保存するダイアログが表示されるので、名前を付けて保存します。

Screenshot 2020 01 17 at 19.00.14 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

左上のメニューからプロジェクトを抜けます。

Screenshot 2020 01 17 at 19.01.19 1024x572 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

右上のサムネイルをクリックしてログアウトします。

以上でVectaryの作業は終了です。

Photoshop2020で背景と合成

Photoshopが使えない場合は、以下のようにWebアプリの「Pixlr Editor」でも同様のことが行なえます。

Paperspaceの仮想WindowsでPhotoshop2020を起動します。

Screenshot 2020 01 17 at 19.04.07 1024x575 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

左側のメニューから「Open」をクリックして、先程保存したFuseモデルのレンダリング画像を開きます。

Screenshot 2020 01 17 at 19.06.05 1024x566 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

さらに合成する背景画像を開きます。

Screenshot 2020 01 17 at 19.14.41 1024x564 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

Fuseモデルをコピーして背景に貼り付けます。

Screenshot 2020 01 17 at 19.15.30 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

適当にクロップします。

Screenshot 2020 01 17 at 19.22.25 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

レイヤーを統合します。

Screenshot 2020 01 17 at 19.25.07 1024x576 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

.pngファイルで書き出してPhotoshop2020を終了します。必要ならクラウドに保存しておきます。

fuse cc model with cloud 1 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

ちなみに、背景に合成前のFuseモデルの画像は以下です。背景が透明の.pngファイルです。

fuse cc model gltf 1 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

FuseモデルはMixamoやPhotoshop 3Dでアニメーションしたりするのに使われるので、ローポリゴンで扱いやすくなっていますが、レンダリングはそれなりの画質です。3Dファイル容量は8MBと小さいです。

逆に、DAZ Studioの最近の3Dモデルのファイルは50MB以上になり、画質は良いですが、MixamoやSketchUpのアップロード容量の上限の50MBを超えてしまい、扱いにくいです。

まとめ

Vectary Photonの使い方がわかって、レンダリング速度が物理レンダリングの割には高速なことがわかりました。

Vectaryでは、有料サブスクリプションにはなりますが、毎月12ドルを払えば、iOS/AndroidのARの埋め込みに使えるファイルやコードを書き出すことが比較的簡単に行えるので、興味のある方は検討してみてください。

Screenshot 2020 01 17 at 21.28.01 1024x681 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

さらに、3DCGでモックアップ制作が楽しめる「Figma」用のプラグインもありますが・・・

thumbnail - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!
Figma - Vectary 3D | Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. Place your ...
Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. Place your Figma design into a predefined 3D mockup or your custom 3D elem...
Screenshot 2020 01 17 at 21.29.38 1024x763 - ChromebookでVectary Photon?Paperspaceの仮想Windowsで物理レンダリング?!

ではでは、きらやん

(Visited 20 times, 1 visits today)

コメント