SubstanceDesignerを使ってみた
![SubstanceDesignerを使ってみた](https://torisan-net.com/wp/wp-content/uploads/2022/12/a1361be1fd09bf5433cd5807a58f03c1-1.png)
お久しぶりです。デザイナーのFです。
今回はSubstance Designer(以下SD)について書かせていただきます。
最近トリサンでは外部の講師の方とZOOMで繋いで行う社内セミナーを定期的に開催し、いろいろなツールの習得やスキルアップを図っています!
その中にSDのセミナーもありまして、少し触れるようになってきたので試しに簡単なパターン模様を作成してみました。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/a1361be1fd09bf5433cd5807a58f03c1-1024x575.png)
モチーフとしては、今は梅雨の時期という事で蛇の目傘で和風にしてみました。
突貫で作ったので凄くざっくりですが、出来たものがこちらになります。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/8661b4fefec742235a3fdd69e7cc38eb-983x1024.png)
作成手順としては先に傘模様単体のマテリアルを作成し、その後別マテリアルに読み込んでランダム配置する方法を取りました。
傘模様単体のノードグラフがこちらになります。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/db1febcb1450210f5e1439c07e0d7676-1024x576.png)
SD等のノードベースのエディタに触れたことがない方だと複雑に見えるかもしれませんが、やっている事はシンプルで、単色ベタ塗りのノードをマスクでで抜いて重ねていってるだけです。
基本的にはフォトショップなどでマスク抜きのレイヤーを重ねているのと変わりはありません。
マスクは標準搭載されているシェイプノードに丸や四角などの基本形状が用意されているので、それらを組み合わせたり円状に配置することで作成しました。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/image-1024x529.png)
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/d6f5d72dbe7e65671c3b724c26c55b2c.png)
そうして作成した傘模様を別のマテリアルに読み込みます。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/32feb94ecf5a7f0e85651f13619f79d6-1024x810.png)
いくつかの色パターンを作るため、読込先のマテリアル側で色変更ができるように元のマテリアル側でパラメータ設定をしています。
それをTileGeneratorというノードに接続してランダム配置を行いました。
![](https://torisan-net.com/wp/wp-content/uploads/2021/06/fa55bbe60443b950339e94d436a57f35.png)
今回はこれで一旦完成ですが、時間を見つけてSDの勉強も兼ねてもっとデザインを詰めていきたいと思います。
SubstanceDesignerは最初は取っつきにくいツールだと思いますが、慣れてくると面白いですし思っていた以上に色々なことができるので、機会があれば使ってみることをお勧めいたします!
30日間無料で使える体験版もあります!