今年の10月には、すべてのShopifyストアで製品のビデオおよび3Dサポートが開始されます。これにより、店舗側で管理画面の商品ページから、画像、ビデオ、3Dアセットをすべて一括編集・管理が可能となるようです。先駆けてARは2018年のUniteの時点で解禁されていました。以降のSafariで正式に使えるようになり、世界中で使われ始めたという印象です。ARの新機能を公開しました。12のSafariを使って新しいカタチのショッピンwww.shopify.jp「Shopify上で3DデータやARが実現できるのはわかったけど、商品を3D化するのはどうやるの?」と思われている方も多いと思うので、ARや3Dアセットで利用できるモデリングデータの作り方、ツールをご紹介します。3Dデータが必要・・・というわけで、まずは3Dデータを用意しましょう。3Dデータの作成の方法は大きく分けて3つの方法があります。3Dモデリングソフトを使い、自分で3Dモデルを作る。写真から3Dモデルを自動で作成してくれるアプリケーションを使う。3Dモデラーに写真などを送り依頼する。これらを解説していきたいと思います。1.3Dモデリングソフトを使い、自分で3Dモデルを作る過去にCADを使ったことがある、趣味で3Dモデリングをやってみたことがある方にはオススメです。一方で、結構モデリングは時間がかかるので、全くの未経験の場合は満足いく仕上がりになるまでには結構な手間がかかると思っていただいた方がよいと思います。コストを抑えられる、というよりは、「複雑な商品故に、他者へ依頼する際に3Dモデリングの詳細部分の説明が大変」だったり、「自分自身がある程度3Dモデリングのスキルを持っている」場合の選択肢と言えます。モデリングソフトは世の中に多数あるので、それぞれ使いやすいものを使って頂いてOKですが、最終的にファイル形式が「.usdz」か「.gltf」形式での書き出しが必要になるため、それらの形式でエクスポートできるモデリングツールか、obj形式+※テクスチャで書き出し、変換サービス「VECTARY」でエクスポートするようにしましょう。(「VECTARY」については後述)尚、3Dデータのファイル形式は結構複雑かつ多数あるので、下記記事を参考に全体像を把握しておくと安心です。さんのqiita記事。@romaromaさんのqiita記事https://qiita.com/romaroma/items/9ecb1e624ea558f56d37「.obj」形式のファイルをテクスチャファイルとセットで書き出す方法についてのshadeさんの記事https://knowledge.shade3d.jp/knowledgebase/obj形式でエクスポートする場合に、テクスチャ画*テクスチャとはobj形式のデータは座標データ(簡単に例えると、骨組みと形のみのデータ)なので、材質や、表面の質感の設定は持っていません。それらの表面的な情報を「テクスチャ」といいます。(すごく簡単に例えているので正確にはちょっと違いますが、ここではわかりやすさ優先でいきます。website.www.smoothie-3d.com写真から3Dモデルの自動生成を行える無料のWEBサービスです。WEB上での操作になるので、Mac、Windows、iOS、iPad、Android問わず利用可能です。気軽に写真からの3Dモデリング生成を試せるツールです。モデルwww.autodesk.co.jpプロ用の動画編集、3Dソフトのデベロッパーとして有名な「AUTODESK」の3Dデータ生成ツール。機能、性能共に無敵のツールです。使いこなすのに結構な学習が必要なため、気楽に使えるツールでは無いかもしれません。1.の手段が取れる方の補完的手段として効果を発揮するツールです。360」というツールはモデリングまで一緒にできるので「写真から3D化」ー>「モデリングツールで微調整」といった流れがスムーズに行えます。どちらにしても、一見簡単そうに見える「写真から3Dデータを作る」方法は、変換後もある程度トリートメント(細かい部分をモデリングツールで調整したり、綺麗にしたり)する必要があり、実は結構な手間がかかります。一方で、シンプルな図形や一つのモデルデータを使いまわせる商品の3D化(iPhoneケース等)では、精度高く一回で変換できたり、一つのモデルデータをトリートメントしてしまえば、複数商品で使い回しができるため、かなり有効な手段となり得ます。適材適所で活用すれば、かなり有効なツールと言えます。3.3Dモデラーに写真などを送り、依頼するこの方法が、最も手軽かつ、高品質なデータが得られるためオススメです。そもそもShopifyのカナダ本国やUSでは、3Dモデリング自体をShopifyパートナーに直接依頼できるフローが整っています。Warehouseを使用して、現実の世界に3次元の物体を置く。help.shopify.com*参考:Shopify向けの3Dデータをオンラインで発注できるモデリングサービス。家具などがどのように3Dされているか、サンプルがわかりやすい。仕事をフリーランスに発注できるクラウドソーシングクラウドソーシング「ランサーズ」は、実績とスキルのあるフリーランスに仕事を発注できる仕事依頼サイトです。ロゴ作成、会社のネwww.lancers.jp「クラウドワークス」さんhttps://crowdworks.jpクラウドソーシングは日本最大級の「クラウドワークス」日本最大級のクラウドソーシング、クラウドワークス。実績のあるプロに依頼できるから安心クオリティーでどこよりも早くリーズナブcrowdworks.jpにて「3Dモデリング」のプロフェッショナルの方達「3Dモデラー」に依頼するのが安心です。3Dモデリングで検索すると、多数のフリーランサーの方がリストアップされます。https://www.lancers.jp/profile/search?keyword=3Dモデリングこの場合、大切なことは2点。・最終的な使用用途をしっかりと伝えるファイル形式や用途を伝える。「usdz」や「gltf」の書き出しができない場合もあるので、その場合は「obj」ファイルとテクスチャをセットで書き出してもらう形でお願いすれば、大体の3Dモデラーさんで対応してもらえます。・3Dモデリングには「事前情報が命」モデリングしたい商品を、あらゆる方向から質感がきちんとわかるように写真に収め、寸法データなども正確なものを用意して渡せるようにすることが重要です。上記をしっかりと実践すれば、3Dモデラーさんから感動する3Dデータを納品してもらえます。ここまでが、3Dモデリングデータの準備工程です。この段階で「usdz」か「gltf」のデータが用意できていれば完璧なのですが、形式が「obj」とテクスチャデータのみの場合もあるでしょうし、「.stl」のみの場合もあるかもしれません。そのままだとShopify上で使用できないので、変換する必要があります。modwww.vectary.comこのWEBサービスは、出来上がった3Dデータを読み込むと、オンライン上でモデリング調整やテクスチャ調整が可能なツールで、実際にARでどのように表示されるかもプレビュー可能です。(基本的な機能はすべて無料)そして、一番の機能は「.usdz」ファイルや「.gltf」ファイルで書き出しができる点です。基本的には、この「VECTARY」を最後に必ず通す作業フローにしておけば、3Dデータ作成方法の1〜3いずれを実施しても問題ありません。データが無事にエクスポートできたら、Shopifyの設定へ進みましょう。ARを設定するhttps://help.shopify.com/ja/manual/apps/apps-by-shopify/3d-warehouseShopifyヘルプセンターからも確認できますが、設定は以下の手順です。Warehouseアプリをまずインストール。