CLOで作成したデータをblenderでレンダリングするための簡易的な流れを説明します。
かなり基礎的な内容ですのでほとんど3Dツールを触ってこなかったという人を対象に書いています。
私もそうでしたが最初の一歩が全く分からない状態だと、何をどう調べて良いのか分からないまま何もしない・・・なんてことになってしまいます。基礎的なことを把握していれば、次に何を調べればいいのか指標ができます。
準備しておくもの
・blenderにもっていきたいCLOデータ
もし無い場合は、CLOにプリセットで入っているTシャツなどのデータで試してみましょう。
・blenderのインストール
インストール方法は難しくありませんが、分からない場合はWEBで検索してみてください。
・blenderの日本語化
今回の説明も日本語UIで進めます。
CLOデータのエクスポート
今回はテスト用として、長袖Tシャツのデータを用意しました。
説明用の簡易的なデータです。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/long_TEECLO.png)
メッシュ形状
三角でも四角でもOKです。あとで処理・操作するかどうかでメッシュ形状を変えた方が良い場合もありますが、今回はCLOデータをそのまま使う前提なのでどちらでもOKです。
表面の滑らかさなどを出したいのであれば三角にしておいた方が良いでしょう。
テクスチャデータ
今回の生地データはCLOに元から入っている【V2_Cut_Sew_Knit_FrenchTerry_3】を使っています。
生地名の最初に【V2】と入っているデータは使われているマップ数が多いので練習用としておススメです。
UV EDITOR
UV EDITORでパーツを全て0-1エリアに並べてください。パーツごとの倍率が変わってしまわないように並べます。UVは0-1だけではなく複数のエリアを使うことも出来ますが、今回は0-1に全て収まるようにしてください。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/cd512f6fdc3c0f11d3b9cbae051fc40c-814x1024.png)
次にテクスチャベイクを選択します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/65986de86dece1fa0965802f6b4a8a70.png)
保存パス= 保存場所です。分かりやすいようにフォルダーを作ってから保存しましょう。
テクスチャタイプの部分は、適用させているマップを選びます。
V2の生地を選んでいる場合は下図と同じタイプにチェックを入れてください。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/91b49a8c4f593130185e84d643211392.png)
保存が終われば先ほど保存先として指定した場所にこのようなデータが作成されます。このデータは後で使います。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/f3fceb1a1ddd3511d410b9270b4bcfd8.png)
エクスポート
CLOで作った服をエクスポートします。
ファイル → エクスポート → FBX の順に選択します。OBJでも問題ありませんが今回はFBXで進めていきます。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/0901f5ca3532516a4a8be7bf191cd179.png)
新しくウインドウが出るのでチェックを入れていきます。
CLOのデータをそのまま使う前提なので【厚い】を選びます。
統合UV座標にチェックを入れ、画像サイズを決めます。画像サイズは数字が大きければ大きいほど綺麗になりますがデータ容量も増えます。下にある乱反射とノーマルマップのチェックは外してOKです。
倍率は【㎝】にしましたが、今回は服のみ移動させるので【m】などでも問題ありません。後からサイズを拡大縮小することも出来ます。また、blender側の単位設定でも変わります。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/8957a48dbe3de8dbf4e9041be10395c3.png)
blenderでの操作
最初に、中心にある立方体を消します。
クリックしてからショートカット【X】で削除を選ぶかDELETEキーで消去します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/XorDelete.png)
アドオン適用
ノードラングラーを有効化します。上のバーにある【編集】→【プリファレンス】の順に選択します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/97cc656ec352e2f747e626a36aba95f1.png)
アドオンを選択し、右上の検索バーに【node】と入力すると、Node Wrangler が表示されるのでチェックして有効化させておきます。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/8526c308790658c4bd1442650310c1d5.png)
CLOからエクスポートしたデータをインポート
ファイル → インポート → FBX(.fbx)の順に選択して、保存しておいたFBXデータを選択します。
OBJでエクスポートしていた場合は、Wavefront(.obj)を選択します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/2709d3cfb64ae0b862a4e578ebab6ac0.png)
CLOからエクスポートした服を入れたら、Zを押しながらマウスを下に動かして【マテリアルプレビュー】に変えておきます。この段階ではCLOで適用していた生地データは反映されていないことが分かります。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/0e1ec2e7ced5d533257fcae59dc4a53e-1024x535.png)
テクスチャデータ適用
上にある、シェーディングタブに移動します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/beb0b20756abb99209539e5286484ed5.png)
Normal Map(紫色の四角)を選択してdeleteで消しておきます。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/9e2b3be0b36dad4c3ce79f6746920c04-877x1024.png)
プリンシブルBSDFを左クリックしてから、【Ctrl+Shift+T】を押します。
何も起こらなかった場合は、ノードラングラーのアドオンが機能していないと考えられます。アドオン設定を再確認してください。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/0302f98896657121f7383b2f074c255c.png)
CLOのテクスチャベイク機能で出力したデータをまとめて選択して、右下の実行を押します。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/8b714f45c5d60c9e6968489534224029-1024x642.png)
選択したファイルを自動でつなげてくれます。マッピングや各項目の数値を変えて見た目を調整可能です。今回はCLOデータそのまま使うのが目的なので数字をいじりませんが、一通り数値を変えて見え方がどう変わるのか確認してみても良いと思います。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/node-1024x735.png)
拡大して服を見てみると、生地の表面感などが反映されていることが分かると思います。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/a3eb43317cbb0cfb5d65f2ad7eb23083-1024x794.png)
何故Blenderを使うのか
blenderではカメラアニメーションがCLOよりも細かく設定できたり、位置を数値で管理・制御しやすくなっています。録画した動画との合成も可能です。その分難易度は上がりますが表現できる幅が広がります。
またBlenderはオープンソースソフトウェアですので、無料で使えるという点も大きいと思います。
下図は服をCLOで作り、残りをblenderで調整したレンダリングデータです。簡易的なものですがCLOとは違った見せ方を出来ていると思います。
パーティクルアニメーションなどCLOとは違うことが出来るので様々な表現にチャレンジしてみてください。
![](https://apparel-gadget.com/wp-content/uploads/2024/03/untitled-1024x576.png)